templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>
  7. {% block title %}توصل{% endblock %}
  8. </title>
  11. <title>Cargo &mdash; Free Website Template by Free-Template.co</title>
  12. <meta charset="utf-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  14. <meta name="description" content=""/>
  15. <meta name="keywords" content=""/>
  16. <meta
  17. name="author" content="Free-Template.co"/>
  19. <!-- MAIN CSS -->
  21. {% block stylesheets %}
  23. <link rel="shortcut icon" href="{{ asset('images/logoTawsill.jpeg') }}">
  24. <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,700|Oswald:400,700" rel="stylesheet">
  25. <link rel="stylesheet" href="/fonts/icomoon/style.css">
  26. <link rel="stylesheet" href="/css/bootstrap.min.css">
  27. <link rel="stylesheet" href="/css/jquery.fancybox.min.css">
  28. <link rel="stylesheet" href="/css/owl.carousel.min.css">
  29. <link rel="stylesheet" href="/css/owl.theme.default.min.css">
  30. <link rel="stylesheet" href="/fonts/flaticon/font/flaticon.css">
  31. <link rel="stylesheet" href="/css/aos.css">
  32. <link rel="stylesheet" href="/css/new_ticket.css">
  33. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
  34. rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
  35. crossorigin="anonymous">
  36. <link rel="stylesheet" href="/css/style.css">
  37. <link rel="stylesheet" href="/css/home.css">
  39. <style>
  40. .active-link {
  41. color: #fc7f7f; /* Set the desired active link color */
  42. font-weight: bold; /* Apply any other styling as needed */
  43. }
  44. </style>
  45. {% endblock %}
  48. </head>
  49. <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
  51. {# <div id="overlayer"></div>
  52. <div class="loader">
  53. <div class="spinner-border text-primary" role="status">
  54. <span class="sr-only">Loading...</span>
  55. </div>
  56. </div> #}
  58. <div class="site-wrap" id="home-section">
  60. <div class="site-mobile-menu site-navbar-target">
  61. <div class="site-mobile-menu-header">
  62. <div class="site-mobile-menu-close mt-3">
  63. <span class="icon-close2 js-menu-toggle"></span>
  64. </div>
  65. </div>
  66. <div class="site-mobile-menu-body"></div>
  67. </div>
  69. <div class="top-bar">
  70. <div class="container">
  71. <div class="row">
  72. <div class="col-12">
  73. <a href="#" class="">
  74. <span class="mr-2 icon-envelope-open-o"></span>
  75. <span class="d-none d-md-inline-block">shamakh@tawsil.com</span>
  76. </a>
  77. <span class="mx-md-2 d-inline-block"></span>
  78. <a href="#" class="">
  79. <span class="mr-2 icon-phone"></span>
  80. <span class="d-none d-md-inline-block">+967 733 702 285</span>
  81. </a>
  84. <div class="float-right">
  86. <a href="#" class="">
  87. <span class="mr-2 icon-twitter"></span>
  88. <span class="d-none d-md-inline-block">Twitter</span>
  89. </a>
  90. <span class="mx-md-2 d-inline-block"></span>
  91. <a href="#" class="">
  92. <span class="mr-2 icon-facebook"></span>
  93. <span class="d-none d-md-inline-block">Facebook</span>
  94. </a>
  96. </div>
  98. </div>
  100. </div>
  102. </div>
  103. </div>
  105. <header class="site-navbar js-sticky-header site-navbar-target" role="banner">
  106. <div class="container">
  107. <div class="row align-items-center position-relative">
  108. <div class="col-12 d-flex overflow-hidden">
  109. <div class="site-logo" style="max-width: 65px">
  110. <a href="{{ path('app_home') }}" class="text-black">
  111. <img src="{{ asset('images/logoTawsill.jpeg') }}" style="font-size: 24px" alt="logo tawsill" width="65">
  112. </a>
  113. </div>
  114. <nav class="site-navigation text-right ml-auto " role="navigation">
  115. <script>
  116. function changeTab(event) {
  117. // Prevent the default link behavior
  118. event.preventDefault();
  120. // Get all navigation links
  121. const navLinks = document.getElementsByClassName('nav-link');
  123. // Remove the 'active' class from all navigation links
  124. for (let i = 0; i < navLinks.length; i++) {
  125. navLinks[i].classList.remove('active');
  126. }
  128. // Add the 'active' class to the clicked navigation link
  129. event.target.classList.add('active');
  130. }
  131. </script>
  132. <ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">
  134. <li><a href="#contact-section" class="nav-link " style="padding:10px;border-radius: 5px" onclick="changeTab(event)">اتصل بنا</a></li>
  135. <li><a href="#services-section" class="nav-link" style="padding:10px;border-radius: 5px" onclick="changeTab(event)">الخدمات</a></li>
  136. <li><a href="#about-section" class="nav-link" style="padding:10px;border-radius: 5px" onclick="changeTab(event)">من نحن</a></li>
  137. <li><a href="#home-section" class="nav-link active" style="padding:10px;border-radius: 5px" onclick="changeTab(event)">الرئسية</a></li>
  138. {% if app.user %}
  139. <li><a href="{{ path('app_logout') }}" class="nav-link text-danger">تسجيل الخروج</a></li>
  140. {% if is_granted("ROLE_ADMIN") %}
  141. <li><a href="{{ path('admin_dashboard') }}" class="nav-link">الادارة</a></li>
  142. {% endif %}
  143. {% else %}
  144. <li><a href="{{ path('app_login') }}" class="nav-link" >تسجيل الدخول</a></li>
  145. {% endif %}
  146. </ul>
  147. </nav>
  148. <div class="toggle-button d-inline-block d-lg-none align-self-center">
  149. <a href="#" class="site-menu-toggle py-5 js-menu-toggle text-black">
  150. <span class="icon-menu h3"></span>
  151. </a>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </header>
  157. {% block body %} {% endblock %}
  158. <footer class="site-footer">
  159. <div class="container">
  160. <div class="row">
  161. <div class="col-md-6">
  162. <div class="row">
  163. <div class="col-md-7">
  164. <h2 class="footer-heading mb-4"> مميزاتنا </h2>
  165. <p>السرعة والضمان والأمانة
  166. </p>
  167. </div>
  168. <div class="col-md-4 ml-auto">
  169. <h2 class="footer-heading mb-4">الروابط الأساسية</h2>
  170. <ul class="list-unstyled">
  171. <li>
  172. <a href="#">معلومات عنا</a>
  173. </li>
  174. <li>
  175. <a href="#">Testimonials</a>
  176. </li>
  177. <li>
  178. <a href="#">شروط الخدمة</a>
  179. </li>
  180. <li>
  181. <a href="#">خصوصية</a>
  182. </li>
  183. <li>
  184. <a href="#">اتصل بنا</a>
  185. </li>
  186. </ul>
  187. </div>
  189. </div>
  190. </div>
  191. <div class="col-md-4 ml-auto">
  193. <div class="mb-5">
  194. <h2 class="footer-heading text-right mb-4" dir="rtl"> إشترك و إنتظر عروضنا </h2>
  195. <form action="#" method="post" class="footer-suscribe-form">
  196. <div class="input-group mb-3">
  197. <div class="input-group-append">
  198. <button class="btn btn-primary text-white" type="button" id="button-addon2">إشترك</button>
  199. </div>
  200. <input type="text" class="form-control border-secondary text-white bg-transparent" dir="rtl" placeholder="أدخل البريد الإلكتروني" aria-label="Enter Email" aria-describedby="button-addon2">
  201. </div>
  202. <h2 class="footer-heading text-right mb-4">تابعنا</h2>
  203. <div class="text-right">
  204. <a href="#about-section" class="smoothscroll pl-0 pr-3">
  205. <span class="icon-facebook"></span>
  206. </a>
  207. <a href="#" class="pl-3 pr-3">
  208. <span class="icon-twitter"></span>
  209. </a>
  210. <a href="#" class="pl-3 pr-3">
  211. <span class="icon-instagram"></span>
  212. </a>
  213. <a href="#" class="pl-3 ">
  214. <span class="icon-linkedin"></span>
  215. </a>
  216. </div>
  217. </form>
  218. </div>
  219. </div>
  220. <div class="row pt-5 mt-5 text-center">
  221. <div class="col-md-12">
  222. <div class="border-top pt-5">
  223. <p
  224. class="copyright">
  225. <!-- Link back to Free-Template.co can't be removed. Template is licensed under CC BY 3.0. -->
  226. &copy;
  227. <script>
  228. document.write(new Date().getFullYear());
  229. </script>
  230. <strong>Tawsill</strong>
  231. موقع توصيل يرحب بكم
  232. </p>
  233. </div>
  234. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </footer>
  240. {% block javascripts %}
  241. <script src="/js/jquery-3.3.1.min.js"></script>
  242. <script src="/js/owl.carousel.min.js"></script>
  243. <script src="/js/popper.min.js"></script>
  244. <script src="/js/bootstrap.min.js"></script>
  245. <script src="/js/jquery.sticky.js"></script>
  246. <script src="/js/jquery.waypoints.min.js"></script>
  247. <script src="/js/jquery.animateNumber.min.js"></script>
  248. <script src="/js/jquery.fancybox.min.js"></script>
  249. <script src="/js/jquery.easing.1.3.js"></script>
  250. <script src="/js/aos.js"></script>
  251. <script src="/js/main.js"></script>
  252. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  253. {% endblock %}
  255. </div>
  256. </body>
  257. </html>