templates/partials/_footer.html.twig line 1

Open in your IDE?
  1. <footer class="bg-gray-950 text-white py-12">
  2.     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  3.         <div class="grid md:grid-cols-4 gap-8 mb-8">
  4.             <div>
  5.                 <div class="flex items-center space-x-3 mb-4">
  6.                     <div class="w-10 h-10 rounded-full bg-primary-blue flex items-center justify-center border-2 border-gold">
  7.                         <img src="https://aficargo.com/a.png" alt="AFI CARGO Logo" class="w-8 h-8">
  8.                     </div>
  9.                     <h3 class="text-2xl font-extrabold">
  10.                         <span class="text-white">AFI</span>
  11.                         <span class="text-gold">CARGO</span>
  12.                     </h3>
  13.                 </div>
  14.                 <p id="footer-description" class="text-gray-400">
  15.                     {{ 'footer.description'|trans }}
  16.                 </p>
  17.             </div>
  19.             <div>
  20.                 <h4 id="quick-links-heading" class="font-bold text-lg mb-4 text-gold">{{ 'footer.sections.links'|trans }}</h4>
  21.                 <ul class="space-y-2">
  22.                     <li><a href="#home" class="text-gray-400 hover:text-white transition duration-300" id="footer-home">{{ 'nav.home'|trans }}</a></li>
  23.                     <li><a href="#company-profile" class="text-gray-400 hover:text-white transition duration-300" id="footer-profile">{{ 'nav.profile'|trans }}</a></li>
  24.                     <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300" id="footer-services">{{ 'nav.services'|trans }}</a></li>
  25.                     <li><a href="#afi-business" class="text-gray-400 hover:text-white transition duration-300" id="footer-business">{{ 'nav.business'|trans }}</a></li>
  26.                     <li><a href="#gallery" class="text-gray-400 hover:text-white transition duration-300" id="footer-gallery">{{ 'nav.gallery'|trans }}</a></li>
  27.                     <li><a href="#testimonials" class="text-gray-400 hover:text-white transition duration-300" id="footer-testimonials">{{ 'nav.testimonials'|trans }}</a></li>
  28.                     <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300" id="footer-contact">{{ 'nav.contact'|trans }}</a></li>
  29.                 </ul>
  30.             </div>
  32.             <div>
  33.                 <h4 id="services-heading-footer" class="font-bold text-lg mb-4 text-gold">{{ 'nav.services'|trans }}</h4>
  34.                 <ul class="space-y-2">
  35.                     <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">{{ 'footer.services_list.air'|trans }}</a></li>
  36.                     <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">{{ 'footer.services_list.sea'|trans }}</a></li>
  37.                     <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">{{ 'footer.services_list.customs'|trans }}</a></li>
  38.                     <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">{{ 'footer.services_list.warehousing'|trans }}</a></li>
  39.                 </ul>
  40.             </div>
  42.             <div>
  43.                 <h4 id="newsletter-heading" class="font-bold text-lg mb-4 text-gold">{{ 'footer.newsletter.heading'|trans }}</h4>
  44.                 <p id="newsletter-text" class="text-gray-400 mb-4">{{ 'footer.newsletter.text'|trans }}</p>
  45.                 <form name="newsletter"
  46.                       method="POST"
  47.                       data-netlify="true"
  48.                       netlify-honeypot="bot-field"
  49.                       class="flex">
  50.                     <input type="hidden" name="form-name" value="newsletter">
  51.                     <input type="email" name="email" placeholder="{{ 'footer.newsletter.placeholder'|trans }}"
  52.                            class="flex-grow px-4 py-2 bg-gray-800 border border-gray-700 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-gold">
  53.                     <button type="submit" id="newsletter-btn" class="bg-gold text-primary-blue font-bold px-4 rounded-r-lg hover:bg-yellow-600 transition duration-300">
  54.                         <i class="fas fa-paper-plane"></i>
  55.                     </button>
  56.                 </form>
  57.             </div>
  58.         </div>
  60.         <div class="pt-8 border-t border-gray-800 text-center">
  61.             <p id="footer-text" class="text-gray-400 mb-2">
  62.                 &copy; {{ "now"|date("Y") }} AFI CARGO LTD. {{ 'footer.rights'|trans }}
  63.             </p>
  64.             <p class="text-gray-400">
  65.                 <span id="footer-contact-label">{{ 'footer.contact_label'|trans }}</span>
  66.                 <span class="text-gold">+86 13434346581</span> |
  67.                 <span class="text-gold">contactaficargoltd@gmail.com</span>
  68.             </p>
  69.         </div>
  70.     </div>
  71. </footer>