templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <title>RAbit</title>
  8.     <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/bootstrap.min.css') }}">
  9.     <link rel="preconnect" href="https://fonts.gstatic.com">
  10.     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;500;600;700&display=swap"> 
  11.     <link rel="stylesheet" type="text/css" media="all" href="{{ asset('style.css') }}">
  12.     <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/animate.min.css') }}" />
  13.     <script src="https://kit.fontawesome.com/f187f70ca5.js"></script>
  15.     <link rel="icon" type="image/jpg" href="{{ asset('img/favicon.ico') }}" />
  16.     {% block stylesheets %}      
  17.     {% endblock %}
  18. </head>
  19. <body class="home">
  20.     <div class="body">
  21.         <div class="contenedor-submenu">
  22.             <div class="pos">
  23.                 <div class="grupo">
  24.                     <div class="container-fluid">
  25.                         <div class="paginas">
  26.                             <div class="interior">
  27.                                 <div class="row">
  28.                                     <div class="col-12">
  29.                                         <ul class="menu">
  30.                                             <li><a href="#como-te-ayudamos" class="scroll">¿Cómo te ayudamos?</a></li>
  31.                                             <li><a href="#que-ofrecemos" class="scroll">¿Qué ofrecemos?</a></li>
  32.                                             <li class="ultimo"><a href="#contacto" class="scroll">Contáctanos</a></li>
  33.                                         </ul>
  34.                                     </div>
  35.                                 </div>
  36.                             </div>
  37.                         </div>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.         <header id="header">
  43.             <div class="container-fluid">
  44.                 <div class="paginas">
  45.                     <div class="row">
  46.                         <div class="col-6 col-lg-4">
  47.                             <a href="index.html" class="logo" title="rabit"><img class="img-fluid" src="{{ asset('img/logo.svg') }}" alt="rabit"></a>
  48.                         </div>
  49.                         <div class="col-6 col-lg-8">
  50.                             <div class="clearfix">
  51.                                 <div class="menu-trigger">
  52.                                     <span class="icon"></span>
  53.                                 </div>
  54.                                 <ul class="menu">
  55.                                     <li><a href="#como-te-ayudamos" class="scroll">¿Cómo te ayudamos?</a></li>
  56.                                     <li><a href="#que-ofrecemos" class="scroll">¿Qué ofrecemos?</a></li>
  57.                                     <li class="ultimo"><a href="#contacto" class="scroll">Contáctanos</a></li>
  58.                                 </ul>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.         </header>
  65.         {% block body %}{% endblock %}        
  66.         <footer>
  67.             <div class="container-fluid">
  68.                 <div class="paginas">
  69.                     <div class="contenido">
  70.                         <div class="row">
  71.                             <div class="col-12 col-lg-4">
  72.                                 <div class="modulo">
  73.                                     <div class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s">
  74.                                         <img class="img-fluid ico" src="{{ asset('img/iconos/ico-4.png') }}" alt="">
  75.                                     </div>
  76.                                     <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s">
  77.                                         <h3>Servicio post venta:</h3>
  78.                                     </div>
  79.                                     <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.35s">
  80.                                         <p>Resolveremos tus dudas cuando lo necesites.</p>
  81.                                     </div>
  82.                                 </div>
  83.                             </div>
  84.                             <div class="col-12 col-lg-4">
  85.                                 <div class="modulo">
  86.                                     <div class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s">
  87.                                         <img class="img-fluid ico" src="{{ asset('img/iconos/ico-5.png') }}" alt="">
  88.                                     </div>
  89.                                     <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s">
  90.                                         <h3>Administrable:</h3>
  91.                                     </div>
  92.                                     <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.35s">
  93.                                         <p>Organiza el contenido de tu empresa de manera simple y rápida.</p>
  94.                                     </div>
  95.                                 </div>
  96.                             </div>
  97.                             <div class="col-12 col-lg-4">
  98.                                 <div class="modulo ultimo">
  99.                                     <div class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s">
  100.                                         <img class="img-fluid ico" src="{{ asset('img/iconos/ico-6.png') }}" alt="">
  101.                                     </div>
  102.                                     <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s">
  103.                                         <h3>Garantía:</h3>
  104.                                     </div>
  105.                                     <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.35s">
  106.                                         <p>Entrega de tu proyecto cuando estés 100% conforme.</p>
  107.                                     </div>
  108.                                 </div>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                     <div class="row">
  113.                         <div class="col-12 col-lg-6">
  114.                             <div class="row">
  115.                                 <div class="col-12 col-lg-4">
  116.                                 <a href="index.html" class="logo" title="rabit"><img class="img-fluid" src="{{ asset('img/logo-footer.svg') }}" alt="rabit"></a>
  117.                                 </div>
  118.                                 <div class="col-12 col-lg-8">
  119.                                     <span>© 2021 RAbit · Informática</span>
  120.                                 </div>
  121.                             </div>
  122.                         </div>
  123.                         <div class="col-12 col-lg-6">
  124.                             <div class="redes">
  125.                                 <a href="#" target="_blank"><i class="fab fa-facebook-square"></i></a>
  126.                                 <a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
  127.                                 <a href="#" target="_blank"><i class="fab fa-twitter"></i></a>
  128.                             </div>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.             </div>
  133.         </footer>
  134.     </div>
  135.     <script src="{{ asset('js/jquery.js') }}"></script>
  136.     <script src="{{ asset('js/jquery-ui.min.js') }}"></script>
  137.     <script src="{{ asset('js/popper.min.js') }}"></script>
  138.     <script src="{{ asset('js/bootstrap.min.js') }}"></script>
  139.     <script src="{{ asset('js/waypoints/jquery.waypoints.min.js') }}"></script>
  140.     <script src="{{ asset('js/waypoints/inview.min.js') }}"></script>
  141.     <script src="{{ asset('js/rellax.min.js') }}"></script>
  142.     <script src="{{ asset('js/funciones.js') }}"></script>
  143.     {% block javascripts %}
  144.     {% endblock %}
  145. </body>
  146. </html>