<div class="flex justify-center "> <div class="flex justify-center items-center max-w-7xl w-full p-4 "> <div class="flex flex-col items-center justify-around w-3/4 md:flex-row "> <div class="flex flex-col md:items-start space-y-3 md:w-full text-gray-700 mx-4 text-sm font-medium"> <div class="text-2xl ">Contact Us</div> <div>Our mailing address is:</div> <div class="font-bold">admin@tailblocks.shop</div> <div>152A Chaelotte Street,</div> <div>Peterborough ON</div> <div>Phone: 705-784-3221</div> <div class="flex text-2xl space-x-3 font-medium"> <a href=""> <ion-icon name="logo-facebook" class="hover:text-blue-500"></ion-icon> </a> <a href=""> <ion-icon name="logo-twitter" class="hover:text-blue-700"></ion-icon> </a> <a href=""> <ion-icon name="logo-instagram" class="hover:text-fuchsia-600"></ion-icon> </a> <a href=""> <ion-icon name="logo-reddit" class="hover:text-red-600"></ion-icon> </a> </div> </div> <div class="text-gray-800 m-4 items-start border-gray-900 flex flex-col md:w-full space-y-3"> <div class="text-xl font-medium">Let us work together</div> <input placeholder="Enter your Name" class="border border-gray-400 rounded px-2 py-1 w-48 md:w-96" /> <input placeholder="Enter a valid Email address" class="border border-gray-400 rounded py-1 px-2 w-48 md:w-96" /> <textarea placeholder="Enter your message" type="text" class="border border-gray-400 rounded py-1 px-2 w-48 md:w-96 h-20 md:h-40 "></textarea> <button class="text-white px-4 rounded font-medium hover:bg-yellow-600 py-1 bg-yellow-500">Send Message</button> </div> </div> </div> </div>