Pages
<div class="w-full"> <footer> <div class="w-full pointer-events-none overflow-hidden h-70-px" style="transform: translateZ(0px);"> <svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0"> <polygon class="text-blueGray-100 fill-current" points="2560 0 2560 100 0 100"></polygon> </svg> </div> <div class="relative bg-blueGray-100 pt-8 pb-6"> <div class="container mx-auto px-4"> <div class="flex flex-wrap text-center lg:text-left"> <div class="w-full lg:w-6/12 px-4"> <h4 class="text-xl mt-4 font-bold">Let's keep in touch!</h4> <h5 class="mt-1 mb-2 text-blueGray-500">Find us on any of these platforms, we respond 1-2 business days.</h5> <div class="mt-6 lg:mb-0 mb-6"><a href="https://twitter.com/CreativeTim/" target="_blank" class="bg-white text-twitter-regular shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-flex" type="button"><i class="fab fa-twitter"></i></a><a href="https://www.facebook.com/CreativeTim/" target="_blank" class="bg-white text-facebook-regular shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-flex" type="button"><i class="fab fa-facebook"></i></a><a href="https://dribbble.com/creativetim" target="_blank" class="bg-white text-dribbble-regular shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-flex" type="button"><i class="fab fa-dribbble"></i></a><a href="https://github.com/creativetimofficial" target="_blank" class="bg-white text-github-regular shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-flex" type="button"><i class="fab fa-github"></i></a></div> </div> <div class="w-full lg:w-6/12 px-4"> <div class="flex flex-wrap items-top mb-6"> <div class="w-full lg:w-4/12 px-4 ml-auto"> <span class="block uppercase text-xs font-bold mb-2">Useful Links</span> <ul class="list-unstyled"><a href="https://www.creative-tim.com/presentation?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">About Us</a><a href="https://www.creative-tim.com/blog?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">Blog</a><a href="https://github.com/creativetimofficial" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">Github</a><a href="https://www.creative-tim.com/templates/free?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">Free Products</a></ul> </div> <div class="w-full lg:w-4/12 px-4 ml-auto"> <span class="block uppercase text-xs font-bold mb-2">Other Resources</span> <ul class="list-unstyled"><a href="https://www.creative-tim.com/license?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">License</a><a href="https://www.creative-tim.com/terms?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">Terms & Conditions</a><a href="https://www.creative-tim.com/privacy?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">Privacy Policy</a><a href="https://www.creative-tim.com/contact-us?npr-landing-1" target="_blank" class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm">Contact Us</a></ul> </div> </div> </div> </div> <hr class="my-6 border-blueGray-200"> <div class="flex flex-wrap items-center md:justify-between justify-center"> <div class="w-full md:w-4/12 px-4 mx-auto text-center"> <div class="text-sm text-blueGray-500 py-1">Copyright © 2021 Notus Design System PRO by Creative Tim.</div> </div> </div> </div> </div> </footer> </div>
<div class="w-full"> <footer class="bg-blueGray-100"> <div class="container mx-auto px-4"> <div class="items-center xl:justify-between flex flex-wrap -mx-4"> <div class="px-4 relative w-full xl:w-6/12 w-full sm:w-full"> <div class="text-center xl:text-left py-6 text-sm text-blueGray-500">Copyright © 2021<a href="https://www.creative-tim.com" target="_blank" class="font-semibold ml-1">Creative Tim</a>. All rights reserved.</div> </div> <div class="px-4 relative w-full xl:w-6/12 w-full sm:w-full"> <ul class="justify-center xl:justify-end mx-auto flex flex-wrap list-none pl-0 mb-0"> <li><a href="https://www.creative-tim.com" target="_blank" class="text-sm block px-4 bg-transparent no-underline text-blueGray-500 hover:text-blueGray-700 py-4 md:py-6 mx-auto">Creative Tim</a></li> <li><a href="https://www.creative-tim.com/presentation" target="_blank" class="text-sm block px-4 bg-transparent no-underline text-blueGray-500 hover:text-blueGray-700 py-4 md:py-6 mx-auto">About us</a></li> <li><a href="https://www.creative-tim.com/blog" target="_blank" class="text-sm block px-4 bg-transparent no-underline text-blueGray-500 hover:text-blueGray-700 py-4 md:py-6 mx-auto">Blog</a></li> </ul> </div> </div> </div> </footer> </div>