navBar.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>Tifawt</title>
  8. <link rel="stylesheet" href="{{ asset('frontend/css/bootstrap.css') }}">
  9. <link rel="stylesheet" href="{{ asset('frontend/css/fonts.css') }}">
  10. <link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}">
  11. <style>
  12. .ie-panel {
  13. display: none;
  14. background: #212121;
  15. padding: 10px 0;
  16. box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
  17. clear: both;
  18. text-align: center;
  19. position: relative;
  20. z-index: 1;
  21. }
  22. html.ie-10 .ie-panel,
  23. html.lt-ie-10 .ie-panel {
  24. display: block;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
  30. <div class="preloader">
  31. <div class="preloader-body">
  32. <div class="cssload-bell">
  33. <div class="cssload-circle">
  34. <div class="cssload-inner0"></div>
  35. </div>
  36. <div class="cssload-circle">
  37. <div class="cssload-inner0"></div>
  38. </div>
  39. <div class="cssload-circle">
  40. <div class="cssload-inner0"></div>
  41. </div>
  42. <div class="cssload-circle">
  43. <div class="cssload-inner0"></div>
  44. </div>
  45. <div class="cssload-circle">
  46. <div class="cssload-inner0"></div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <!-- Page Header-->
  52. <header class="section page-header page-header-corporate">
  53. <!-- RD Navbar-->
  54. <div class="rd-navbar-wrap">
  55. <nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="154px" data-xl-stick-up-offset="182px" data-xxl-stick-up-offset="214px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
  56. <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div><a class="rd-navbar-basket rd-navbar-basket-mobile fl-bigmug-line-shopping202 rd-navbar-fixed-element-2" href="cart-page.html"><span>2</span></a>
  57. <div class="rd-navbar-main-outer">
  58. <div class="rd-navbar-main">
  59. <div class="rd-navbar-main-element">
  60. <!-- RD Navbar Panel-->
  61. <div class="rd-navbar-panel">
  62. <!-- RD Navbar Toggle-->
  63. <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
  64. <!-- RD Navbar Brand-->
  65. <div class="rd-navbar-brand">
  66. <a class="brand" href="index.html"><img class="brand-logo-dark" src="{{asset('frontend/images/logo.png')}}" alt="" width="242" height="53" /><img class="brand-logo-light" src="frontend/images/logo.png" alt="" width="242" height="53" /></a>
  67. </div>
  68. </div>
  69. <div class="rd-navbar-collapse">
  70. <ul class="contacts-amber">
  71. @foreach($contacts as $contact)
  72. @if($contact->coorType_id == 4)
  73. <li>{{$contact->details}}</li>
  74. @elseif($contact->coorType_id == 1)
  75. <li><a href="tel:#">{{$contact->coordonnees}}</a><br /><a href="mailto:#"> @elseif($contact->coorType_id == 3){{$contact->coordonnees}}</a></li>
  76. @endif
  77. @endforeach
  78. </ul>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="rd-navbar-nav-outer">
  84. <div class="rd-navbar-nav-wrap">
  85. <!-- RD Navbar Search-->
  86. <div class="rd-navbar-search">
  87. {{-- <button class="rd-navbar-search-toggle" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
  88. <form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
  89. <div class="form-wrap">
  90. <input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off" />
  91. <label class="form-label" for="rd-navbar-search-form-input">Search...</label>
  92. <div class="rd-search-results-live" id="rd-search-results-live"></div>
  93. <button class="rd-search-form-submit fl-bigmug-line-search74" type="submit"></button>
  94. </div>
  95. </form> --}}
  96. @include('frontend.partials.search')
  97. </div>
  98. <ul class="rd-navbar-nav">
  99. <li class="rd-nav-item active"><a class="rd-nav-link" href="/">Accueil</a>
  100. </li>
  101. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route('tifawt.index')}}">A propos de nous</a>
  102. </li>
  103. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route ('produits.index')}}">Produit</a>
  104. <ul class="rd-menu rd-navbar-dropdown">
  105. @foreach($categories as $categorie)
  106. <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="{{route('produits.index', ['categorieId'=>$categorie])}}">{{$categorie->nom}}</a>
  107. </li>
  108. @endforeach
  109. </ul>
  110. </li>
  111. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route ('promotions.index')}}">Promotion</a>
  112. </li>
  113. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route('contact')}}">Contact</a>
  114. </li>
  115. </ul>
  116. </div>
  117. </div>
  118. </nav>
  119. </div>
  120. </header>
  121. <main class="">
  122. @yield('content')
  123. </main>
  124. <footer class="section footer-corporate footer-corporate-2">
  125. <div class="footer-corporate-body section-xxl">
  126. <div class="container">
  127. <div class="row row-40 row-md-50 justify-content-xl-between">
  128. <div class="col-sm-6 col-lg-4 wow fadeInRight">
  129. <h5 class="footer-corporate-title">Coordonnées</h5>
  130. <div class="footer-corporate-decor"></div>
  131. <ul class="footer-corporate-info">
  132. @foreach($contacts as $contact)
  133. @if($contact->coorType_id == 4)
  134. <li>
  135. <div class="unit flex-column flex-sm-row align-items-center">
  136. <div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
  137. <div class="unit-body">{{$contact->details}}</div>
  138. </div>
  139. </li>
  140. @elseif($contact->coorType_id == 1)
  141. <li>
  142. <div class="unit flex-column flex-sm-row align-items-center">
  143. <div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
  144. <div class="unit-body">
  145. <a class="" href="tel:#">{{$contact->coordonnees}}</a>
  146. </div>
  147. </div>
  148. </li>
  149. @endif
  150. @endforeach
  151. </ul>
  152. </div>
  153. <div class="col-sm-6 col-lg-4 wow fadeInRight" data-wow-delay=".1s">
  154. <h5 class="footer-corporate-title">Liens</h5>
  155. <div class="footer-corporate-decor"></div>
  156. <ul class="footer-corporate-list d-sm-inline-block d-md-block">
  157. <li><a href="/">Accueil</a></li>
  158. <li><a href="#">A propos de nous</a></li>
  159. <li><a href="{{route ('produits.index')}}">Produit</a></li>
  160. <li><a href="{{route ('promotions.index')}}">Promotion</a></li>
  161. </ul>
  162. </div>
  163. <div class="col-lg-4 wow fadeInRight" data-wow-delay=".2s">
  164. <h5 class="footer-corporate-title">Contact</h5>
  165. <div class="footer-corporate-decor"></div>
  166. <p class="footer-corporate-text">
  167. Nous sommes toujours prêts à répondre à toutes vos questions sur l'un de nos produits.</p>
  168. <div class="group-sm group-middle"><a class="button button-primary-2 button-zakaria" href="contact-us.html">Contactez-nous</a></div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="footer-corporate-panel context-dark">
  174. <div class="container">
  175. <div class="row row-10 row-sm-30 align-items-center justify-content-sm-between">
  176. <div class="col-sm-auto col-xl-4 text-lg-left">
  177. <div class="group-xs group-middle">
  178. </div>
  179. </div>
  180. <div class="col-sm-auto col-xl-3">
  181. <ul class="list-inline list-social-4 list-inline-xs">
  182. @foreach($contacts as $contact)
  183. @if($contact->coorType_id == 6)
  184. <li><a class="icon mdi mdi-facebook icon-xxs" href="{{$contact->coordonnees}}" target="_blank"></a></li>
  185. @elseif($contact->coorType_id == 8)
  186. <li><a class="icon mdi mdi-twitter icon-xxs" href="{{$contact->coordonnees}}" target="_blank"></a></li>
  187. @elseif($contact->coorType_id == 7)
  188. <li><a class="icon mdi mdi-instagram icon-xxs" href="{{$contact->coordonnees}}" target="_blank"></a></li>
  189. @endif
  190. @endforeach
  191. </ul>
  192. </div>
  193. <div class="col-xl-5 text-xl-right">
  194. <?php $year = date("Y")?>
  195. <p class="rights"><span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>Tifawt Technologie</span><span>.&nbsp; Tous droits reservé.</span><span>&nbsp;</span><a href="terms-of-use.html"> <?php echo date("Y");?></a><span></span></p>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </footer>
  201. <script src="{{asset('frontend/js/core.min.js')}}"></script>
  202. <script src="{{asset('frontend/js/script.js')}}"></script>
  203. </body>
  204. </html>