navBar.blade.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!-- Meta Pixel Code -->
  4. <script>
  5. !function(f,b,e,v,n,t,s)
  6. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  7. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  8. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  9. n.queue=[];t=b.createElement(e);t.async=!0;
  10. t.src=v;s=b.getElementsByTagName(e)[0];
  11. s.parentNode.insertBefore(t,s)}(window, document,'script',
  12. 'https://connect.facebook.net/en_US/fbevents.js');
  13. fbq('init', '800466118683697');
  14. fbq('track', 'PageView');
  15. </script>
  16. <noscript><img height="1" width="1" style="display:none"
  17. src="https://www.facebook.com/tr?id=800466118683697&ev=PageView&noscript=1"
  18. /></noscript>
  19. <!-- End Meta Pixel Code -->
  20. <head>
  21. <meta charset="UTF-8">
  22. <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
  23. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  24. <title>Tifawt</title>
  25. <link rel="stylesheet" href="{{ asset('frontend/css/bootstrap.css') }}">
  26. <link rel="stylesheet" href="{{ asset('frontend/css/fonts.css') }}">
  27. <link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}">
  28. <style>
  29. .ie-panel {
  30. display: none;
  31. background: #212121;
  32. padding: 10px 0;
  33. box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
  34. clear: both;
  35. text-align: center;
  36. position: relative;
  37. z-index: 1;
  38. }
  39. html.ie-10 .ie-panel,
  40. html.lt-ie-10 .ie-panel {
  41. display: block;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <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>
  47. <div class="preloader">
  48. <div class="preloader-body">
  49. <div class="cssload-bell">
  50. <div class="cssload-circle">
  51. <div class="cssload-inner0"></div>
  52. </div>
  53. <div class="cssload-circle">
  54. <div class="cssload-inner0"></div>
  55. </div>
  56. <div class="cssload-circle">
  57. <div class="cssload-inner0"></div>
  58. </div>
  59. <div class="cssload-circle">
  60. <div class="cssload-inner0"></div>
  61. </div>
  62. <div class="cssload-circle">
  63. <div class="cssload-inner0"></div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <!-- Page Header-->
  69. <header class="section page-header page-header-corporate">
  70. <!-- RD Navbar-->
  71. <div class="rd-navbar-wrap">
  72. <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">
  73. <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
  74. <div class="rd-navbar-main-outer">
  75. <div class="rd-navbar-main">
  76. <div class="rd-navbar-main-element">
  77. <!-- RD Navbar Panel-->
  78. <div class="rd-navbar-panel">
  79. <!-- RD Navbar Toggle-->
  80. <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
  81. <!-- RD Navbar Brand-->
  82. <div class="rd-navbar-brand">
  83. <a class="brand" href="/"><img class="brand-logo-dark" src="{{asset('frontend/images/logo.png')}}" alt="" width="242" height="53" /></a>
  84. </div>
  85. </div>
  86. <div class="rd-navbar-collapse">
  87. <ul class="contacts-amber">
  88. @foreach($contacts as $contact)
  89. @if($contact->coorType_id == 4)
  90. <li>{{$contact->details}}</li>
  91. @elseif($contact->coorType_id == 2)
  92. <li><a href="tel:{{$contact->coordonnees}}">{{$contact->coordonnees}}</a><br /><a href="mailto:#"> @elseif($contact->coorType_id == 3){{$contact->coordonnees}}</a></li>
  93. @endif
  94. @endforeach
  95. </ul>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="rd-navbar-nav-outer">
  101. <div class="rd-navbar-nav-wrap">
  102. <ul class="rd-navbar-nav">
  103. <li class="rd-nav-item active"><a class="rd-nav-link" href="/">Accueil</a>
  104. </li>
  105. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route('tifawt.index')}}">A propos de nous</a>
  106. </li>
  107. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route ('produits.index')}}">Produit</a>
  108. <ul class="rd-menu rd-navbar-dropdown">
  109. @foreach($categories as $categorie)
  110. <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="{{route('produits.index', ['categorieId'=>$categorie])}}" {{$categorie->nom== 'Logiciels' ? 'style=display:none' : '' }} >{{$categorie->nom}}
  111. </a>
  112. </li>
  113. @endforeach
  114. </ul>
  115. </li>
  116. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route('logiciel')}}">Logiciels</a>
  117. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route ('promotions.index')}}">Promotion</a>
  118. </li>
  119. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route('devis')}}">Devis</a>
  120. </li>
  121. <li class="rd-nav-item"><a class="rd-nav-link" href="{{route('contact')}}">Contact</a>
  122. </li>
  123. </ul>
  124. </div>
  125. </div>
  126. </nav>
  127. </div>
  128. </header>
  129. <main class="">
  130. @yield('content')
  131. </main>
  132. <footer class="section footer-corporate footer-corporate-2">
  133. <div class="footer-corporate-body section-xxl">
  134. <div class="container">
  135. <div class="row row-40 row-md-50 justify-content-xl-between">
  136. <div class="col-sm-6 col-lg-4 wow fadeInRight">
  137. <h5 class="footer-corporate-title">Coordonnées</h5>
  138. <div class="footer-corporate-decor"></div>
  139. <ul class="footer-corporate-info">
  140. @foreach($contacts as $contact)
  141. @if($contact->coorType_id == 4)
  142. <li>
  143. <div class="unit flex-column flex-sm-row align-items-center">
  144. <div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
  145. <div class="unit-body">{{$contact->details}}</div>
  146. </div>
  147. </li>
  148. @elseif($contact->coorType_id == 1)
  149. <li>
  150. <div class="unit flex-column flex-sm-row align-items-center">
  151. <div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
  152. <div class="unit-body" style="padding-left:49px;">
  153. <a class="" href="tel:{{$contact->coordonnees}}">{{$contact->coordonnees}}</a>: Service commercial
  154. </div>
  155. </div>
  156. </li>
  157. @elseif($contact->coorType_id == 10)
  158. <li>
  159. <div class="unit flex-column flex-sm-row align-items-center">
  160. <div class="unit-left"><span class="icon"></span></div>
  161. <div class="unit-body">
  162. <a class="" href="tel:{{$contact->coordonnees}}">{{$contact->coordonnees}}</a>: Service technique
  163. </div>
  164. </div>
  165. </li>
  166. @elseif($contact->coorType_id == 11)
  167. <li>
  168. <div class="unit flex-column flex-sm-row align-items-center">
  169. <div class="unit-left"><span class="icon"></span></div>
  170. <div class="unit-body">
  171. <a class="" href="tel:{{$contact->coordonnees}}">{{$contact->coordonnees}}</a>: Service comptabilité
  172. </div>
  173. </div>
  174. </li>
  175. @endif
  176. @endforeach
  177. </ul>
  178. </div>
  179. <div class="col-sm-6 col-lg-4 wow fadeInRight" data-wow-delay=".1s">
  180. <h5 class="footer-corporate-title">Liens</h5>
  181. <div class="footer-corporate-decor"></div>
  182. <ul class="footer-corporate-list d-sm-inline-block d-md-block">
  183. <li><a href="/">Accueil</a></li>
  184. <li><a href="{{route('tifawt.index')}}">A propos de nous</a></li>
  185. <li><a href="{{route ('produits.index')}}">Produit</a></li>
  186. <li><a href="{{route ('promotions.index')}}">Promotion</a></li>
  187. <li><a href="{{route ('logiciel')}}">Logiciel</a></li>
  188. </ul>
  189. </div>
  190. <div class="col-lg-4 wow fadeInRight" data-wow-delay=".2s">
  191. <h5 class="footer-corporate-title">Contact</h5>
  192. <div class="footer-corporate-decor"></div>
  193. <p class="footer-corporate-text">
  194. Nous sommes toujours prêts à répondre à toutes vos questions sur l'un de nos produits.</p>
  195. <div class="group-sm group-middle"><a class="button button-primary-2 button-zakaria" href="{{route('contact')}}">Contactez-nous</a></div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <div class="footer-corporate-panel context-dark">
  201. <div class="container">
  202. <div class="row row-10 row-sm-30 align-items-center justify-content-sm-between">
  203. <div class="col-sm-auto col-sm-12 col-xl-6">
  204. <ul class="list-inline list-social-4 list-inline-xs">
  205. @foreach($contacts as $contact)
  206. @if($contact->coorType_id == 6)
  207. <li><a class="icon mdi mdi-facebook icon-xxs" href="{{$contact->coordonnees}}" target="_blank"></a></li>
  208. @elseif($contact->coorType_id == 8)
  209. <li><a class="icon mdi mdi-twitter icon-xxs" href="{{$contact->coordonnees}}" target="_blank"></a></li>
  210. @elseif($contact->coorType_id == 7)
  211. <li><a class="icon mdi mdi-instagram icon-xxs" href="{{$contact->coordonnees}}" target="_blank"></a></li>
  212. @endif
  213. @endforeach
  214. </ul>
  215. </div>
  216. <div class="col-xl-6 col-sm-12 text-xl-right">
  217. <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>.Dévelopé par<a href="http://www.softart-dz.net/"> SOFTART.</a><span></span></p>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </footer>
  223. @foreach($contacts as $contact)
  224. @if($contact->coorType_id == 1)
  225. <div class="call">
  226. <a class="" href="tel:{{$contact->coordonnees}}">Appelez nous</a>
  227. </div>
  228. @endif
  229. @endforeach
  230. <script src="{{asset('frontend/js/core.min.js')}}"></script>
  231. <script src="{{asset('frontend/js/script.js')}}"></script>
  232. </body>
  233. </html>