<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&quot;&gt;
      &lt;div class=&quot;col-lg-12 col-xl-10 col-xxl-7 mx-auto text-center&quot;&gt;
        &lt;i class=&quot;icn-flower text-leaf fs-30 opacity-25&quot;&gt;&lt;/i&gt;
        &lt;h2 class=&quot;display-5 text-center mt-2 mb-10&quot;&gt;I absolutely love shooting weddings and couples because there are so many feelings to capture.&lt;/h2&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0 text-center&quot;&gt;
      &lt;div class=&quot;col-sm-8 col-md-6 col-lg-4 mx-auto&quot;&gt;
        &lt;div class=&quot;card shadow-lg&quot;&gt;
          &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;
            &lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/photos/fs1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
            &lt;figcaption&gt;
              &lt;h5 class=&quot;from-top mb-0&quot;&gt;View Gallery&lt;/h5&gt;
            &lt;/figcaption&gt;
          &lt;/figure&gt;
          &lt;div class=&quot;card-body p-6&quot;&gt;
            &lt;h3 class=&quot;fs-21 mb-0&quot;&gt;Wedding&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!-- /.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-sm-8 col-md-6 col-lg-4 mx-auto&quot;&gt;
        &lt;div class=&quot;card shadow-lg&quot;&gt;
          &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;
            &lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/photos/fs2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
            &lt;figcaption&gt;
              &lt;h5 class=&quot;from-top mb-0&quot;&gt;View Gallery&lt;/h5&gt;
            &lt;/figcaption&gt;
          &lt;/figure&gt;
          &lt;div class=&quot;card-body p-6&quot;&gt;
            &lt;h3 class=&quot;fs-21 mb-0&quot;&gt;Couples&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!-- /.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-sm-8 col-md-6 col-lg-4 mx-auto&quot;&gt;
        &lt;div class=&quot;card shadow-lg&quot;&gt;
          &lt;figure class=&quot;card-img-top overlay overlay-1&quot;&gt;
            &lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/photos/fs3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
            &lt;figcaption&gt;
              &lt;h5 class=&quot;from-top mb-0&quot;&gt;View Gallery&lt;/h5&gt;
            &lt;/figcaption&gt;
          &lt;/figure&gt;
          &lt;div class=&quot;card-body p-6&quot;&gt;
            &lt;h3 class=&quot;fs-21 mb-0&quot;&gt;Engagement&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!-- /.card --&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>