<div class="row">
  <div class="col-lg-12">
    <div class="widget widget-block">
      <div class="block">
        <div class="porto-block">
          <style>
            .flex-1 {
              flex: 1;
            }
            @media(min-width: 768px){
              .block.newsletter .form.subscribe {
                margin-right: 1.5rem;
                width: 84%;
              }
            }
          </style>
          <div class="row" style="padding-top: 5px;">
            <div class="col-md-4">
              <div class="wpb_wrapper vc_column-inner">
                <h4 style="font-size: 15px;margin-bottom: 13px;" class="vc_custom_heading widget-title align-left text-uppercase">Subscribe newsletter</h4>
                <p class="vc_custom_heading align-left">Get all the latest information on Events, Sales and Offers. Sign up for newsletter today.</p>
              </div>
            </div>
            <div class="col-md-8" style="margin-top: 8px;margin-bottom: 0px;">
              <div class="wpb_wrapper vc_column-inner">
                <div class="row align-items-center">
                  <div class="col-auto flex-1 col-md-6">
                    <div class="wpb_wrapper vc_column-inner">
                    {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
                    </div>
                  </div>
                  <div class="col-auto social-icons col-md-6">
                    <div class="wpb_wrapper vc_column-inner">
                      <div class="widget follow-us m-0">
                        <div class="share-links">
                          <a href="#" target="_blank" title="Linkedin" class="share-instagram mr-3">Instagram</a>
                          <a href="#" target="_blank" title="Twitter" class="share-twitter mr-3">Twitter</a>
                          <a href="#" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-3">
    <div class="widget contact-info">
      <h3 class="widget-title">CONTACT INFO</h3>
      <div class="contact-info contact-info-block">
        <ul class="contact-details">
          <li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>1234 Street Name, City, England</span></li>
          <li><i class="fab fa-whatsapp"></i> <strong>Phone:</strong> <span>Toll Free (123) 456-7890</span></li>
          <li>
            <i class="far fa-envelope"></i> <strong>Email:</strong> <span><a href="mailto:mail@example.com">mail@example.com</a></span>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-lg-9">
    <div id="block-widget-6" class="widget widget-block">
      <div class="block">
        <div class="porto-block">
          <div class="row">
            <div class="col-md-4">
              <div class="wpb_wrapper vc_column-inner">
                <h4 class="vc_custom_heading widget-title align-left" style="margin-bottom: 10px;">MY ACCOUNT</h4>
                <div class="row">
                  <div class="col-md-6">
                    <div class="wpb_wrapper vc_column-inner">
                      <div class="wpb_text_column wpb_content_element">
                        <div class="wpb_wrapper">
                          <ul>
                            <li><a title="About us" href="#">About us</a></li>
                            <li><a title="Contact Us" href="#">Contact us</a></li>
                            <li><a title="My Account" href="#">My Account</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="wpb_wrapper vc_column-inner">
                      <div class="wpb_text_column wpb_content_element">
                        <div class="wpb_wrapper">
                          <ul>
                            <li><a title="Order history" href="#">Order history</a></li>
                            <li><a title="Contact us" href="#">Advanced search</a></li>
                            <li><a title="Login" href="#">Login</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="widget-features col-md-5">
              <div class="wpb_wrapper vc_column-inner">
                <h4 class="vc_custom_heading widget-title align-left" style="margin-bottom: 10px;">MAIN FEATURES</h4>
                <div class="row">
                  <div class="col-md-6">
                    <div class="wpb_wrapper vc_column-inner">
                      <div class="wpb_text_column wpb_content_element">
                        <div class="wpb_wrapper">
                          <ul>
                            <li><a href="#">Super Fast Wordpress Theme</a></li>
                            <li><a href="#">1st Fully working Ajax Theme</a></li>
                            <li><a href="#">36 Unique Shop Layouts</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="wpb_wrapper vc_column-inner">
                      <div class="wpb_text_column wpb_content_element">
                        <div class="wpb_wrapper">
                          <ul>
                            <li><a href="#">Powerful Admin Panel</a></li>
                            <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3">
              <div class="wpb_wrapper vc_column-inner">
                <h4 class="vc_custom_heading widget-title align-left" style="margin-bottom: 10px;">WORKING DAYS/HOURS</h4>
                <div class="wpb_text_column wpb_content_element pull-left m-b-none">
                  <div class="wpb_wrapper">
                    <p><span style="letter-spacing: 0.26px;">Mon - Sun / 9:00AM - 8:00PM</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row no-padding" style="margin-top: -3px;border-top: 1px solid #313438;padding-top: 22px">
            <div class="mb-3 mb-lg-0 col-md-12 col-lg-5 d-flex align-items-center">
              <div class="wpb_wrapper vc_column-inner">
                <div class="wpb_text_column wpb_content_element mb-0">
                  <div class="wpb_wrapper"><p class="my-0">© Porto Magento 2021. All Rights Reserved</p></div>
                </div>
              </div>
            </div>
            <div class="col-md-12 col-lg-7">
              <div class="wpb_wrapper vc_column-inner">
                <div class="wpb_single_image wpb_content_element vc_align_left mb-0 section-copyright text-lg-right" style="margin-top: -1px;">
                  <div class="wpb_wrapper">
                    <div class="vc_single_image-wrapper vc_box_border_grey">
                      <img src="{{media url=&quot;wysiwyg/smartwave/porto/footer/shop1_payment_logo.png&quot;}}" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
