<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-15 py-md-17&quot;&gt;
    &lt;div class=&quot;row gx-lg-0 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;div class=&quot;row g-6 text-center&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;card shadow-lg mb-6&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/fs4.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-4&quot;&gt;
                &lt;h3 class=&quot;h4 mb-0&quot;&gt;Products&lt;/h3&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!-- /.card --&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/fs6.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-4&quot;&gt;
                &lt;h3 class=&quot;h4 mb-0&quot;&gt;Recipes&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-md-6&quot;&gt;
            &lt;div class=&quot;card shadow-lg mt-md-6 mb-6&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/fs5.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-4&quot;&gt;
                &lt;h3 class=&quot;h4 mb-0&quot;&gt;Restaurants&lt;/h3&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!-- /.card --&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/fs7.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-4&quot;&gt;
                &lt;h3 class=&quot;h4 mb-0&quot;&gt;Still Life&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;!-- /column --&gt;
      &lt;div class=&quot;col-lg-5 offset-lg-1&quot;&gt;
        &lt;h2 class=&quot;display-5 mb-3&quot;&gt;My Services&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;I would like to give you a unique photography experience, capture your products with excellent composition and lighting skills.&lt;/p&gt;
        &lt;p&gt;Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula mollis metus auctor fringilla.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-2&quot;&gt;More Details&lt;/a&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>