templates/frontend/_header_mobile_menu.html.twig line 1

  1. <div class="mobile-menu">
  2.     <div class="menu-backdrop"></div>
  4.     <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
  5.     <nav class="menu-box">
  6.         <div class="upper-box">
  7.             <div class="nav-logo">
  8.                 <a href="index.html"><img src="{{asset('assets/image/sonapack-logo.jpg')}}" alt="" title=""></a>
  9.             </div>
  10.             <div class="close-btn">
  11.                 <i class="icon fa fa-times"></i>
  12.             </div>
  13.         </div>
  15.         <ul
  16.             class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript-->
  17.         </ul>
  18.         <ul class="contact-list-one">
  19.             <li>
  20.                 <!-- Contact Info Box -->
  21.                 <div class="contact-info-box">
  22.                     <i class="icon lnr-icon-phone-handset"></i>
  23.                     <span class="title">Call Now</span>
  24.                     <a href="tel:+012-345-6789">(+233) 241390869 / 0241391212 </a>
  25.                 </div>
  26.             </li>
  27.             <li>
  28.                 <!-- Contact Info Box -->
  29.                 <div class="contact-info-box">
  30.                     <span class="icon lnr-icon-envelope1"></span>
  31.                     <span class="title">Send Email</span>
  32.                     <a href="mailto:info@sonapack.com">info@sonapack.com</a>
  33.                 </div>
  34.             </li>
  35.             <li>
  36.                 <!-- Contact Info Box -->
  37.                 <div class="contact-info-box">
  38.                     <span class="icon lnr-icon-map"></span>
  39.                     <span class="title">Location</span>
  40.                     Heavy Industrial Area - PMB Community One Tema,Tema
  41.                 </div>
  42.             </li>
  43.         </ul>
  46.         <ul class="social-links">
  47.             <li>
  48.                 <a href="#">
  49.                     <i class="fab fa-twitter"></i>
  50.                 </a>
  51.             </li>
  52.             <li>
  53.                 <a href="#">
  54.                     <i class="fab fa-facebook-f"></i>
  55.                 </a>
  56.             </li>
  57.             <li>
  58.                 <a href="#">
  59.                     <i class="fab fa-pinterest"></i>
  60.                 </a>
  61.             </li>
  62.             <li>
  63.                 <a href="#">
  64.                     <i class="fab fa-instagram"></i>
  65.                 </a>
  66.             </li>
  67.         </ul>
  68.     </nav>
  69. </div>