<div class="widget widget_media_image">
  <a href="#">
    <img src="{{media url="logo/default/shop22_logo.png"}}" />
  </a>
</div>
<div class="widget contact-info">
  <div class="contact-info contact-info-block">
    <ul class="contact-details">
      <li><i class="far fa-dot-circle"></i> <strong>Address:</strong> <span>123 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>
      <li><i class="far fa-clock"></i> <strong>Working Days/Hours:</strong> <span>Mon - Sun / 9:00AM - 8:00PM</span></li>
    </ul>
  </div>
</div>
<div class="widget follow-us">
  <div class="share-links">
    <a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
    <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-twitter">Twitter</a>
    <a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
  </div>
</div>
<style>
.footer .widget.contact-info {
    margin-bottom: 0;
}
.footer .contact-info .contact-details {
    display: flex;
    flex-wrap: wrap;
}
.footer .contact-info .contact-details>li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1rem;
}
.footer .widget.contact-info .contact-details strong {
    font-weight: 700;
    text-transform: uppercase;
    color: #222529;
    line-height: inherit;
}
.footer .widget.follow-us {
    margin-top: 10px;
}
.footer .follow-us .share-links a:not(:hover) {
    background: none;
    color: #333;
}
.footer .follow-us .share-links a {
    width: 30px;
    height: 30px;
    border: none;
}
</style>