Laravel News
<! Footer > <footer class="bg gradient to r from purple 900 via indigo 900 to blue 900 text white py 12 shadow xl"> <div class="container mx auto px 4"> <div class="grid grid cols 1 md:grid cols 3 gap 8 items center"> <div class="text center md:text left"> <img src="https://placehold.co/600x400" alt="Logo" class="w 20 h 20 mx auto object cover md:mx 0 rounded full border 4 border blue 400 shadow lg"> </div> <div class="text center"> <h2 class="text 3xl font bold mb 4">Laravel News</h2> <p class="mb 4">Stay informed with the latest updates</p> <div class="flex justify center space x 4"> <a href="#" class="text blue 400 hover:text blue 300 transition duration 300"> <svg class="w 6 h 6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M24 4.557c .883.392 1.832.656 2.828.775 1.017 .609 1.798 1.574 2.165 2.724 .951.564 2.005.974 3.127 1.195 .897 .957 2.178 1.555 3.594 1.555 3.179 0 5.515 2.966 4.797 6.045 4.091 .205 7.719 2.165 10.148 5.144 1.29 2.213 .669 5.108 1.523 6.574 .806 .026 1.566 .247 2.229 .616 .054 2.281 1.581 4.415 3.949 4.89 .693.188 1.452.232 2.224.084.626 1.956 2.444 3.379 4.6 3.419 2.07 1.623 4.678 2.348 7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307 7.721 13.995 14.646.962 .695 1.797 1.562 2.457 2.549z" /> </svg> </a> <a href="#" class="text blue 400 hover:text blue 300 transition duration 300"> <svg class="w 6 h 6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h 2.54V12h2.54V9.797c0 2.506 1.492 3.89 3.777 3.89 1.094 0 2.238.195 2.238.195v2.46h 1.26c 1.243 0 1.63.771 1.63 1.562V12h2.773l .443 2.89h 2.33v6.989C18.343 21.129 22 16.99 22 12c0 5.523 4.477 10 10 10z" /> </svg> </a> <a href="#" class="text blue 400 hover:text blue 300 transition duration 300"> <svg class="w 6 h 6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205 .012 3.584 .069 4.849 .149 3.225 1.664 4.771 4.919 4.919 1.266.058 1.644.07 4.85.07 3.204 0 3.584 .012 4.849 .07 3.26 .149 4.771 1.699 4.919 4.92 .058 1.265 .07 1.644 .07 4.849 0 3.204.013 3.583.07 4.849.149 3.227 1.664 4.771 4.919 4.919 1.266 .057 1.645 .069 4.849 .069zm0 2.163c 3.259 0 3.667.014 4.947.072 4.358.2 6.78 2.618 6.98 6.98 .059 1.281 .073 1.689 .073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668 .014 4.948 .072 4.354 .2 6.782 2.618 6.979 6.98.059 1.28.073 1.689.073 4.948 0 3.259 .014 3.667 .072 4.947 .196 4.354 2.617 6.78 6.979 6.98 1.281 .059 1.69 .073 4.949 .073zm0 5.838c 3.403 0 6.162 2.759 6.162 6.162s2.759 6.163 6.162 6.163 6.162 2.759 6.162 6.163c0 3.403 2.759 6.162 6.162 6.162zm0 10.162c 2.209 0 4 1.79 4 4 0 2.209 1.791 4 4 4s4 1.791 4 4c0 2.21 1.791 4 4 4zm6.406 11.845c .796 0 1.441.645 1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439 .645 1.439 1.44s .644 1.44 1.439 1.44z" /> </svg> </a> </div> </div> <div class="text center md:text right"> <img src="https://images.unsplash.com/photo 1521566652839 697aa473761a?q=80&w=3271&auto=format&fit=crop&ixlib=rb 4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Footer Image" class="object cover w full max w sm mx auto md:ml auto rounded lg shadow lg"> </div> </div> <div class="mt 8 pt 8 border t border blue 800 text center"> <p>© 2023 Laravel News. All rights reserved.</p> </div> </div> </footer>
