navBar.blade.php 13 KB

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