templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  6.     <title>Benibus | {% block title %} Rent a Car{% endblock %}</title>
  8.     <!-- Favicon -->
  9.     <link rel="shortcut icon" href="/img/favicon.ico">
  11.     <!-- Bootstrap CSS -->
  12.     <link rel="stylesheet" href="/css/bootstrap.min.css">
  14.     <!-- Fontawesome CSS -->
  15.     <link rel="stylesheet" href="/plugins/fontawesome/css/fontawesome.min.css">
  16.     <link rel="stylesheet" href="/plugins/fontawesome/css/all.min.css">
  18.     <!-- Select2 CSS -->
  19.     <link rel="stylesheet" href="/plugins/select2/css/select2.min.css">
  21.     <!-- Datepicker CSS -->
  22.     <link rel="stylesheet" href="/css/bootstrap-datetimepicker.min.css">
  24.     <!-- Aos CSS -->
  25.     <link rel="stylesheet" href="/plugins/aos/aos.css">
  27.     <!-- Fearther CSS -->
  28.     <link rel="stylesheet" href="/css/feather.css">
  30.     <!-- Owl carousel CSS -->
  31.     <link rel="stylesheet" href="/css/owl.carousel.min.css">
  33.     <!-- Main CSS -->
  34.     <link rel="stylesheet" href="/css/style.css">
  36.     <style>
  37.         .float{
  38.             position:fixed;
  39.             width:60px;
  40.             height:60px;
  41.             bottom:60px;
  42.             right:15px;
  43.             background-color:#40C351;
  44.             color:#FFF;
  45.             border-radius:50px;
  46.             text-align:center;
  47.             font-size:30px;
  48.             box-shadow: 2px 2px 3px #270b0b;
  49.             z-index:100;
  50.         }
  52.         .float:hover { float: left;}
  54.         .my-float{
  55.             margin-top:16px;
  56.         }
  57.     </style>
  59.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  60.     {% block stylesheets %}
  61.         {{ encore_entry_link_tags('app') }}
  62.     {% endblock %}
  64.     {% block javascripts %}
  65.         {{ encore_entry_script_tags('app') }}
  66.     {% endblock %}
  68. </head>
  69. <body>
  70. <div class="main-wrapper">
  71.     <!-- Header -->
  72.     <header class="header">
  73.         <div class="container-fluid">
  74.             <nav class="navbar navbar-expand-lg header-nav">
  75.                 <div class="navbar-header">
  76.                     <a id="mobile_btn" href="javascript:void(0);">
  77.                             <span class="bar-icon">
  78.                                 <span></span>
  79.                                 <span></span>
  80.                                 <span></span>
  81.                             </span>
  82.                     </a>
  83.                     <a href="{{ path("web_home") }}" class="navbar-brand logo">
  84.                         <img src="/img/logo.png" class="img-fluid" alt="Logo">
  85.                     </a>
  86.                     <a href="{{ path("web_home") }}" class="navbar-brand logo-small">
  87.                         <img src="/img/logo-small.png" class="img-fluid" alt="Logo">
  88.                     </a>
  89.                 </div>
  90.                 <div class="main-menu-wrapper">
  91.                     <div class="menu-header">
  92.                         <a href="{{ path("web_home") }}" class="menu-logo">
  93.                             <img src="/img/logo.png" class="img-fluid" alt="Logo">
  94.                         </a>
  95.                         <a id="menu_close" class="menu-close" href="javascript:void(0);">
  96.                             <i class="fas fa-times"></i>
  97.                         </a>
  98.                     </div>
  99.                     <ul class="main-nav">
  100.                         <li class="{% if app.request.attributes.get('_route') in ['web_vehicles', 'web_vehicle_detail'] %}active{% endif %}">
  101.                             <a href="{{ path("web_vehicles") }}">Vehículos</a>
  102.                         </li>
  103.                         <li class="{% if app.request.attributes.get('_route') == 'web_services' %}active{% endif %}">
  104.                             <a href="{{ path("web_services") }}">Servicios</a>
  105.                         </li>
  106.                         <li class="{% if app.request.attributes.get('_route') == 'web_contact' %}active{% endif %}">
  107.                             <a href="{{ path("web_contact") }}">Contáctanos</a>
  108.                         </li>
  109.                         <li class="{% if app.request.attributes.get('_route') in ['web_blog', 'web_blog_detail'] %}active{% endif %}">
  110.                             <a href="{{ path("web_blog") }}">Blog</a>
  111.                         </li>
  112.                     </ul>
  113.                 </div>
  114.                 <ul class="nav header-navbar-rht">
  115.                     {#                    <li class="nav-item"> #}
  116.                     {#                        <a class="nav-link header-login" href="login.html"><span><i #}
  117.                     {#                                        class="fa-regular fa-user"></i></span>Sign In</a> #}
  118.                     {#                    </li> #}
  119.                     {#                    <li class="nav-item"> #}
  120.                     {#                        <a class="nav-link header-reg" href="register.html"><span><i #}
  121.                     {#                                        class="fa-solid fa-lock"></i></span>Sign Up</a> #}
  122.                     {#                    </li> #}
  123.                 </ul>
  124.             </nav>
  125.         </div>
  126.     </header>
  127.     <!-- /Header -->
  129.     {% block body %}{% endblock %}
  131.     <!-- Footer -->
  132.     <footer class="footer">
  133.         <!-- Footer Top -->
  134.         <div class="footer-top aos" data-aos="fade-up">
  135.             <div class="container">
  136.                 <div class="row">
  137.                     <div class="col-lg-7">
  138.                         <div class="row">
  139.                             <div class="col-lg-4 col-md-6">
  140.                                 <!-- Footer Widget -->
  141.                                 <div class="footer-widget footer-menu">
  142.                                     <h5 class="footer-title">Benibus</h5>
  143.                                     <ul>
  144.                                         <li><a href="{{ path("web_about") }}">Nosotros</a></li>
  145.                                         <li><a href="{{ path("web_vehicles") }}">Vehículos</a></li>
  146.                                         <li><a href="{{ path("web_services") }}">Servicios</a></li>
  147.                                         <li><a href="{{ path("web_blog") }}">Blog</a></li>
  148.                                     </ul>
  149.                                 </div>
  150.                                 <!-- /Footer Widget -->
  151.                             </div>
  152.                             <div class="col-lg-4 col-md-6">
  153.                                 <!-- Footer Widget -->
  154.                                 <div class="footer-widget footer-menu">
  155.                                     <h5 class="footer-title">Horario de atención</h5>
  156.                                     <ul>
  157.                                         <li>
  158.                                             <i class="feather-calendar"></i> Lunes a Domingo <br>
  159.                                             <i class="feather-clock"></i> 08:30 AM - 06:30 PM
  160.                                         </li>
  161.                                     </ul>
  162.                                 </div>
  163.                                 <!-- /Footer Widget -->
  164.                             </div>
  165.                             {#<div class="col-lg-4 col-md-6">
  166.                                 <!-- Footer Widget -->
  167.                                 <div class="footer-widget footer-menu">
  168.                                     <h5 class="footer-title">Quick links</h5>
  169.                                     <ul>
  170.                                         <li>
  171.                                             <a href="javascript:void(0)">My Account</a>
  172.                                         </li>
  173.                                         <li>
  174.                                             <a href="javascript:void(0)">Champaigns</a>
  175.                                         </li>
  176.                                         <li>
  177.                                             <a href="javascript:void(0)">Dreamsrental Dealers</a>
  178.                                         </li>
  179.                                         <li>
  180.                                             <a href="javascript:void(0)">Deals and Incentive</a>
  181.                                         </li>
  182.                                         <li>
  183.                                             <a href="javascript:void(0)">Financial Services</a>
  184.                                         </li>
  185.                                         <li>
  186.                                             <a href="javascript:void(0)">Dreamsrental Insurance</a>
  187.                                         </li>
  188.                                         <li>
  189.                                             <a href="javascript:void(0)">Dreamsrental Care</a>
  190.                                         </li>
  191.                                     </ul>
  192.                                 </div>
  193.                                 <!-- /Footer Widget -->
  194.                             </div>#}
  195.                         </div>
  196.                     </div>
  197.                     <div class="col-lg-5">
  198.                         <div class="footer-contact footer-widget">
  199.                             <h5 class="footer-title">Datos de contacto</h5>
  200.                             <div class="footer-contact-info">
  201.                                 <div class="footer-address">
  202.                                     <span><i class="feather-phone-call"></i></span>
  203.                                     <div class="addr-info">
  204.                                         <a href="tel:+151012237343"> (01) 223-7343</a> &nbsp; / &nbsp; <a href="tel:+51999895971">999895971</a>
  205.                                     </div>
  206.                                 </div>
  207.                                 <div class="footer-address">
  208.                                     <span><i class="feather-mail"></i></span>
  209.                                     <div class="addr-info">
  210.                                         <a href="mailto:reservaciones@benibussac.com">reservaciones@benibussac.com</a>
  211.                                     </div>
  212.                                 </div>
  213.                                 <div class="footer-address">
  214.                                     <span><i class="feather-mail"></i></span>
  215.                                     <div class="addr-info">
  216.                                         <a href="mailto:serviciosespeciales@benibussac.com">serviciosespeciales@benibussac.com</a>
  217.                                     </div>
  218.                                 </div>
  219.                                 <div class="footer-address">
  220.                                     <span><i class="feather-map-pin"></i></span>
  221.                                     <div class="addr-info">
  222.                                         <a href="">Av. José Gálvez Barrenechea 1079 <br>
  223.                                         Urb. Corpac, San Borja, Lima - Perú</a>
  224.                                     </div>
  225.                                 </div>
  226.                                 {#<div class="update-form">
  227.                                     <form action="#">
  228.                                         <span><i class="feather-mail"></i></span>
  229.                                         <input type="email" class="form-control" placeholder="Enter You Email Here">
  230.                                         <button type="submit" class="btn btn-subscribe"><span><i
  231.                                                         class="feather-send"></i></span></button>
  232.                                     </form>
  233.                                 </div>#}
  234.                             </div>
  235.                             <div class="footer-social-widget">
  236.                                 <h6>Conéctese con nosotros</h6>
  237.                                 <ul class="nav-social">
  238.                                     <li>
  239.                                         <a href="https://www.facebook.com/benibus" target="_blank">
  240.                                             <i class="fa-brands fa-facebook-f fa-facebook fi-icon"></i>
  241.                                         </a>
  242.                                     </li>
  243.                                     <li>
  244.                                         <a href="https://www.instagram.com/benibussac/" target="_blank">
  245.                                             <i class="fab fa-instagram fi-icon"></i>
  246.                                         </a>
  247.                                     </li>
  248.                                     <li>
  249.                                         <a href="https://wa.me/51999895971" target="_blank">
  250.                                             <i class="fab fa-whatsapp fi-icon"></i>
  251.                                         </a>
  252.                                     </li>
  253.                                 </ul>
  254.                             </div>
  255.                         </div>
  256.                     </div>
  257.                 </div>
  258.             </div>
  259.         </div>
  260.         <!-- /Footer Top -->
  262.         <!-- Footer Bottom -->
  263.         <div class="footer-bottom">
  264.             <div class="container">
  265.                 <!-- Copyright -->
  266.                 <div class="copyright">
  267.                     <div class="row align-items-center">
  268.                         <div class="col-md-6">
  269.                             <div class="copyright-text">
  270.                                 <p>© 2023 Benibus S.A.C. Todos los derechos reservados.</p>
  271.                             </div>
  272.                         </div>
  273.                         {#                        <div class="col-md-6"> #}
  274.                         <!-- Copyright Menu -->
  275.                         {#                            <div class="copyright-menu"> #}
  276.                         {#                                <div class="vistors-details"> #}
  277.                         {#                                    <ul class="d-flex"> #}
  278.                         {#                                        <li><a href="javascript:void(0)"> #}
  279.                         {#                                                <img class="img-fluid" src="img/icons/paypal.svg" alt="Paypal"></a> #}
  280.                         {#                                        </li> #}
  281.                         {#                                        <li><a href="javascript:void(0)"><img class="img-fluid" #}
  282.                         {#                                                                              src="img/icons/visa.svg" #}
  283.                         {#                                                                              alt="Visa"></a></li> #}
  284.                         {#                                        <li><a href="javascript:void(0)"><img class="img-fluid" #}
  285.                         {#                                                                              src="img/icons/master.svg" #}
  286.                         {#                                                                              alt="Master"></a></li> #}
  287.                         {#                                        <li><a href="javascript:void(0)"><img class="img-fluid" #}
  288.                         {#                                                                              src="img/icons/applegpay.svg" #}
  289.                         {#                                                                                  alt="applegpay"></a></li> #}
  290.                         {#                                    </ul> #}
  291.                         {#                                </div> #}
  292.                         {#                            </div> #}
  293.                         <!-- /Copyright Menu -->
  294.                         {#                        </div> #}
  295.                     </div>
  296.                 </div>
  297.                 <!-- /Copyright -->
  298.             </div>
  299.         </div>
  300.         <!-- /Footer Bottom -->
  301.     </footer>
  302.     <!-- /Footer -->
  303.     <a href="https://wa.me/51{{ phone_number }}?text=Hola%2C%20me%20gustar%C3%ADa%20obtener%20m%C3%A1s%20informaci%C3%B3n%20sobre%20sus%20servicios%20y%20sus%20veh%C3%ADculos." class="float" target="_blank">
  304.         <i class="fab fa-whatsapp my-float"></i>
  305.     </a>
  306. </div>
  308. {#<!-- scrollToTop start -->
  309. <div class="progress-wrap active-progress">
  310.     <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
  311.         <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
  312.               style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919px, 307.919px; stroke-dashoffset: 228.265px;"></path>
  313.     </svg>
  314. </div>
  315. <!-- scrollToTop end -->#}
  318. <!-- jQuery -->
  319. <script src="/js/jquery-3.6.4.min.js"></script>
  321. <!-- Bootstrap Core JS -->
  322. <script src="/js/bootstrap.bundle.min.js"></script>
  324. <!-- counterup JS -->
  325. <script src="/js/jquery.waypoints.js"></script>
  326. <script src="/js/jquery.counterup.min.js"></script>
  328. <!-- Select2 JS -->
  329. <script src="/plugins/select2/js/select2.min.js"></script>
  331. <!-- Aos -->
  332. <script src="/plugins/aos/aos.js"></script>
  334. <!-- Datepicker Core JS -->
  335. <script src="/plugins/moment/moment.min.js"></script>
  336. <script src="/js/bootstrap-datetimepicker.min.js"></script>
  338. <!-- Owl Carousel JS -->
  339. <script src="/js/owl.carousel.min.js"></script>
  341. {% block scriptsjs %}
  342. {% endblock %}
  344. <!-- Custom JS -->
  345. <script src="/js/script.js"></script>
  346. </body>
  347. </html>