<div class="frame">
<section id="footer-items" class="clear">
<div class="column-4 padding-30">
<h3>INFORMATION</h3>
<div class="separate color-2-bg"></div>
<div class="footer-text color-1">Our restaurant is always happy to serve you</div>
<div id="footer-links" class="clear">
<a class="column-6">
<i class="fas fa-chevron-circle-down color-2"></i>
<span class="color-1">Menu</span>
</a>
<a class="column-6">
<i class="fas fa-chevron-circle-down color-2"></i>
<span class="color-1">Food</span>
</a>
<a class="column-6">
<i class="fas fa-chevron-circle-down color-2"></i>
<span class="color-1">Drinks</span>
</a>
<a class="column-6">
<i class="fas fa-chevron-circle-down color-2"></i>
<span class="color-1">Team</span>
</a>
</div>
</div>
<div class="column-4 padding-30">
<h3>NEW OFFERS</h3>
<div class="separate color-2-bg"></div>
<a class="new-offer relative clear">
<div class="column-4 padding-10"><img class="image" src="https://web.imasmi.com/plugin/WebCss/file/sandra-seitamaa-akwA-GPF710-unsplash.jpg"/></div>
<div class="column-8 padding-10">
<h4>Daiquiri</h4>
<div class="offer-price">
<b class="color-2">$4.00</b>
<span class="color-1">$7.00</span>
</div>
</div>
</a>
<a class="new-offer relative clear">
<div class="column-4 padding-10"><img class="image" src="https://web.imasmi.com/plugin/WebCss/file/casey-lee-awj7sRviVXo-unsplash.jpg"/></div>
<div class="column-8 padding-10">
<h4>Salomon</h4>
<div class="offer-price">
<b class="color-2">$15.00</b>
<span class="color-1">$25.00</span>
</div>
</div>
</a>
</div>
<div class="column-4 padding-30">
<h3>CONTACT US</h3>
<div class="separate color-2-bg"></div>
<div class="contact-info relative">
<i class="fas fa-map-marker-alt color-2 absolute"></i>
<h4>LOCATION</h4>
<div class="footer-text">Vitosha street 1, Sofia 1000</div>
</div>
<div class="contact-info relative">
<i class="fas fa-phone color-2 absolute"></i>
<h4>PHONE</h4>
<div class="footer-text">+(359) 888 1234 567</div>
</div>
<div class="contact-info relative">
<i class="fas fa-envelope color-2 absolute"></i>
<h4>EMAIL</h4>
<div class="footer-text">info@baranddinner.com</div>
</div>
</div>
</section>
<section id="socials" class="clear color-2-bg">
<div id="socials-image" class="column-3"><img id="footer-logo" class="image absolute" src="https://web.imasmi.com/plugin/WebCss/file/rich-smith-lVVs5skyWoo-unsplash.jpg"></div>
<div id="socials-text" class="column-6 padding-30 white">
<h3>FIND US ON SOCIAL MEDIA</h3>
<div class="footer-text">Learn latest from us</div>
</div>
<div id="socials-icons" class="column-3 text-center padding-30">
<i class="fab fa-facebook-f color-1-bg text-center"></i>
<i class="fab fa-instagram color-1-bg text-center"></i>
<i class="fab fa-twitter color-1-bg text-center"></i>
</div>
</section>
<section id="newsletter" class="text-center">
<div id="newsletter-heading" class="padding-60 border-box">
<h3>NEWSLETTER</h3>
<h3 class="color-1 relative inline-block">RECEIVE NEWS AND OFFERS</h3>
</div>
<form class="clear">
<div class="column-4 padding-10"><input type="text" name="name" placeholder="Name"/></div>
<div class="column-4 padding-10"><input type="text" name="email" placeholder="E-mail"/></div>
<div class="column-4 padding-10"><button class="button color-2">SUBSCRIBE</button></div>
</form>
</section>
<section id="footer-credit" class="relative">
<div class="separate color-1-bg"></div>
<div>Created by <a href="https://imasmi.com" title="Software and development" target="blank" class="color-2">ImaSmi</a></div>
<div id="go-top" class="absolute pointer color-2" onclick="window.scrollTo({top: 0, left: 0, behavior: 'smooth'})"><i class="fas fa-chevron-up"></i></div>
</section>
</div>
<div id="credit" class="text-center">
<div>Created with <a href="https://web.imasmi.com/webcss" target="blank">WebCss</a></div>
<div>Created with <a href="https://fontawesome.com/" target="blank">Font Awesome</a></div>
<div>Photo by <a href="https://unsplash.com/@jess33mx?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jose Vazquez</a> on <a href="https://unsplash.com/s/photos/beach-bar?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></div>
<div>Photo by <a href="https://unsplash.com/@seitamaaphotography?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Sandra Seitamaa</a> on <a href="https://unsplash.com/s/photos/drink?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></div>
<div>Photo by <a href="https://unsplash.com/@richwilliamsmith?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Rich Smith</a> on <a href="https://unsplash.com/s/photos/logo?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></div>
</div>
