<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-6&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h2 class=&quot;display-4 mt-lg-18 mb-3&quot;&gt;Our Pricing&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;We offer &lt;span class=&quot;underline&quot;&gt;great prices&lt;/span&gt;, premium and quality products for your business.&lt;/p&gt;
        &lt;p&gt;Enjoy a &lt;a href=&quot;#&quot; class=&quot;hover&quot;&gt;free 30-day trial&lt;/a&gt; and experience the full service. No credit card required!&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-2&quot;&gt;See All Prices&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-7 offset-lg-1 pricing-wrapper&quot;&gt;
        &lt;div class=&quot;pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end&quot;&gt;
          &lt;p class=&quot;mb-0 pe-3&quot;&gt;Monthly&lt;/p&gt;
          &lt;div class=&quot;pricing-switchers&quot;&gt;
            &lt;div class=&quot;pricing-switcher pricing-switcher-active&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;pricing-switcher&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;switcher-button bg-primary&quot;&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;p class=&quot;mb-0 ps-3&quot;&gt;Yearly &lt;span class=&quot;text-red&quot;&gt;(Save 30%)&lt;/span&gt;&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row gy-6 position-relative mt-5&quot;&gt;
          &lt;div class=&quot;shape bg-dot primary rellax w-16 h-18&quot; data-rellax-speed=&quot;1&quot; style=&quot;bottom: -0.5rem; right: -1.6rem;&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;shape rounded-circle bg-line red rellax w-18 h-18&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: -1rem; left: -2rem;&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;pricing card&quot;&gt;
              &lt;div class=&quot;card-body pb-12&quot;&gt;
                &lt;div class=&quot;prices text-dark&quot;&gt;
                  &lt;div class=&quot;price price-show justify-content-start&quot;&gt;&lt;span class=&quot;price-currency&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;price-value&quot;&gt;19&lt;/span&gt; &lt;span class=&quot;price-duration&quot;&gt;mo&lt;/span&gt;&lt;/div&gt;
                  &lt;div class=&quot;price price-hide price-hidden justify-content-start&quot;&gt;&lt;span class=&quot;price-currency&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;price-value&quot;&gt;199&lt;/span&gt; &lt;span class=&quot;price-duration&quot;&gt;yr&lt;/span&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/.prices --&gt;
                &lt;h4 class=&quot;card-title mt-2&quot;&gt;Premium Plan&lt;/h4&gt;
                &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary mt-7 mb-8&quot;&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;5&lt;/strong&gt; Projects &lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;100K&lt;/strong&gt; API Access &lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;200MB&lt;/strong&gt; Storage &lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt; Weekly &lt;strong&gt;Reports&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-times bullet-soft-red&quot;&gt;&lt;/i&gt;&lt;span&gt; 7/24 &lt;strong&gt;Support&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill&quot;&gt;Choose Plan&lt;/a&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.pricing --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 popular&quot;&gt;
            &lt;div class=&quot;pricing card&quot;&gt;
              &lt;div class=&quot;card-body pb-12&quot;&gt;
                &lt;div class=&quot;prices text-dark&quot;&gt;
                  &lt;div class=&quot;price price-show justify-content-start&quot;&gt;&lt;span class=&quot;price-currency&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;price-value&quot;&gt;49&lt;/span&gt; &lt;span class=&quot;price-duration&quot;&gt;mo&lt;/span&gt;&lt;/div&gt;
                  &lt;div class=&quot;price price-hide price-hidden justify-content-start&quot;&gt;&lt;span class=&quot;price-currency&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;price-value&quot;&gt;499&lt;/span&gt; &lt;span class=&quot;price-duration&quot;&gt;yr&lt;/span&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/.prices --&gt;
                &lt;h4 class=&quot;card-title mt-2&quot;&gt;Corporate Plan&lt;/h4&gt;
                &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary mt-7 mb-8&quot;&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;20&lt;/strong&gt; Projects &lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;300K&lt;/strong&gt; API Access &lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt;&lt;strong&gt;500MB&lt;/strong&gt; Storage &lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt; Weekly &lt;strong&gt;Reports&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;span&gt; 7/24 &lt;strong&gt;Support&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill&quot;&gt;Choose Plan&lt;/a&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.pricing --&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>