<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 pt-lg-16 pb-lg-0&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-0 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 col-xl-5 position-relative d-none d-lg-block&quot;&gt;
        &lt;div class=&quot;shape rounded-circle bg-soft-primary rellax w-21 h-21&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 8rem; left: 2rem&quot;&gt;&lt;/div&gt;
        &lt;figure class=&quot;ps-xxl-10&quot;&gt;&lt;img src=&quot;/assets/img/photos/woman.png&quot; srcset=&quot;/assets/img/photos/woman@2x.png 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-6 col-xl-5 offset-xl-1&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Get in Touch&lt;/h2&gt;
        &lt;p class=&quot;lead mb-8 pe-xl-10&quot;&gt;Have any questions? Reach out to us from our contact form and we will get back to you shortly.&lt;/p&gt;
        &lt;form class=&quot;contact-form needs-validation&quot; method=&quot;post&quot; action=&quot;/assets/php/contact.php&quot; novalidate&gt;
          &lt;div class=&quot;messages&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;form-floating mb-4&quot;&gt;
            &lt;input id=&quot;form_name2&quot; type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control&quot; placeholder=&quot;Jane&quot; required=&quot;required&quot; data-error=&quot;Name is required.&quot;&gt;
            &lt;label for=&quot;form_name2&quot;&gt;Name *&lt;/label&gt;
            &lt;div class=&quot;valid-feedback&quot;&gt;
              Looks good!
            &lt;/div&gt;
            &lt;div class=&quot;invalid-feedback&quot;&gt;
              Please enter your name.
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-floating mb-4&quot;&gt;
            &lt;input id=&quot;form_email2&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control&quot; placeholder=&quot;jane.doe@example.com&quot; required=&quot;required&quot; data-error=&quot;Valid email is required.&quot;&gt;
            &lt;label for=&quot;form_email2&quot;&gt;Email *&lt;/label&gt;
            &lt;div class=&quot;valid-feedback&quot;&gt;
              Looks good!
            &lt;/div&gt;
            &lt;div class=&quot;invalid-feedback&quot;&gt;
              Please provide a valid email address.
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;form-floating mb-4&quot;&gt;
            &lt;textarea id=&quot;form_message2&quot; name=&quot;message&quot; class=&quot;form-control&quot; placeholder=&quot;Your message&quot; style=&quot;height: 150px&quot; required&gt;&lt;/textarea&gt;
            &lt;label for=&quot;form_message2&quot;&gt;Message *&lt;/label&gt;
            &lt;div class=&quot;valid-feedback&quot;&gt;
              Looks good!
            &lt;/div&gt;
            &lt;div class=&quot;invalid-feedback&quot;&gt;
              Please enter your messsage.
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;input type=&quot;submit&quot; class=&quot;btn btn-primary rounded-pill btn-send mb-3&quot; value=&quot;Send message&quot;&gt;
          &lt;p class=&quot;text-muted&quot;&gt;&lt;strong&gt;*&lt;/strong&gt; These fields are required.&lt;/p&gt;
        &lt;/form&gt;
        &lt;!-- /form --&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>