<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-xl-10 mx-auto&quot;&gt;
        &lt;div class=&quot;card&quot;&gt;
          &lt;div class=&quot;row gx-0&quot;&gt;
            &lt;div class=&quot;col-lg-6 align-self-stretch&quot;&gt;
              &lt;div class=&quot;map map-full rounded-top rounded-lg-start&quot;&gt;
                &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d25387.23478654725!2d-122.06115399490332!3d37.309248660190086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb4571bd377ab%3A0x394d3fe1a3e178b4!2sCupertino%2C%20CA%2C%20USA!5e0!3m2!1sen!2str!4v1645437305701!5m2!1sen!2str&quot; style=&quot;width:100%; height: 100%; border:0&quot; allowfullscreen&gt;&lt;/iframe&gt;
              &lt;/div&gt;
              &lt;!-- /.map --&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
            &lt;div class=&quot;col-lg-6&quot;&gt;
              &lt;div class=&quot;p-10 p-md-11 p-lg-14&quot;&gt;
                &lt;div class=&quot;d-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-location-pin-alt&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;align-self-start justify-content-start&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Address&lt;/h5&gt;
                    &lt;address&gt;Moonshine St. 14/05 Light City, London, United Kingdom&lt;/address&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/div --&gt;
                &lt;div class=&quot;d-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Phone&lt;/h5&gt;
                    &lt;p&gt;00 (123) 456 78 90 &lt;br class=&quot;d-none d-md-block&quot; /&gt;00 (987) 654 32 10&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/div --&gt;
                &lt;div class=&quot;d-flex flex-row&quot;&gt;
                  &lt;div&gt;
                    &lt;div class=&quot;icon text-primary fs-28 me-4 mt-n1&quot;&gt; &lt;i class=&quot;uil uil-envelope&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;E-mail&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:sandbox@email.com&quot; class=&quot;link-body&quot;&gt;sandbox@email.com&lt;/a&gt;&lt;/p&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;&lt;a href=&quot;mailto:help@sandbox.com&quot; class=&quot;link-body&quot;&gt;help@sandbox.com&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/div --&gt;
              &lt;/div&gt;
              &lt;!--/div --&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
          &lt;/div&gt;
          &lt;!--/.row --&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>