<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;card bg-soft-primary&quot;&gt;
      &lt;div class=&quot;card-body p-12&quot;&gt;
        &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10&quot;&gt;
          &lt;div class=&quot;col-lg-6&quot;&gt;	
            &lt;img src=&quot;/assets/img/icons/lineal/email.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm mb-4&quot; alt=&quot;&quot; /&gt;
            &lt;h2 class=&quot;display-4 mb-3 pe-lg-10&quot;&gt;If you like what you see, let&apos;s work together.&lt;/h2&gt;
            &lt;p class=&quot;lead pe-lg-12 mb-0&quot;&gt;I bring rapid solutions to make the life of my clients easier. Have any questions? Reach out to me from this contact form and I will get back to you shortly.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-lg-6&quot;&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;row gx-4&quot;&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;frm_name&quot; type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control border-0&quot; placeholder=&quot;Jane&quot; required=&quot;required&quot; data-error=&quot;First Name is required.&quot;&gt;
                    &lt;label for=&quot;frm_name&quot;&gt;Name *&lt;/label&gt;
                    &lt;div class=&quot;invalid-feedback&quot;&gt;
                      Please enter your name.
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-md-6&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;input id=&quot;frm_email&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control border-0&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;frm_email&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&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;div class=&quot;form-floating mb-4&quot;&gt;
                    &lt;textarea id=&quot;frm_message&quot; name=&quot;message&quot; class=&quot;form-control border-0&quot; placeholder=&quot;Your message&quot; style=&quot;height: 150px&quot; required&gt;&lt;/textarea&gt;
                    &lt;label for=&quot;frm_message&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;/div&gt;
                &lt;!-- /column --&gt;
                &lt;div class=&quot;col-12&quot;&gt;
                  &lt;input type=&quot;submit&quot; class=&quot;btn btn-outline-primary rounded-pill btn-send mb-3&quot; value=&quot;Send message&quot;&gt;
                &lt;/div&gt;
                &lt;!-- /column --&gt;
              &lt;/div&gt;
              &lt;!-- /.row --&gt;
            &lt;/form&gt;
            &lt;!-- /form --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!--/.card-body --&gt;
    &lt;/div&gt;
    &lt;!--/.card --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>