src/Noahtech/Sistemas/InterjamaBundle/Resources/views/public/home/inicio.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="es">
  4.     <head>
  5.     <meta charset="utf-8">
  6.     <meta content="width=device-width, initial-scale=1.0" name="viewport">
  8.     <title>Interjama | Inicio</title>
  9.     <meta content="" name="description">
  10.     <meta content="" name="keywords">
  12.     <link href="{{asset('app/assets/img/apple-touch-icon.png')}}" rel="apple-touch-icon">
  14.     <!-- Google Fonts -->
  15.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  17.     <link href="{{asset('app/assets/vendor/aos/aos.css')}}" rel="stylesheet">
  18.     <link href="{{asset('app/assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
  19.     <link href="{{asset('app/assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
  20.     <link href="{{asset('app/assets/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
  21.     <link href="{{asset('app/assets/vendor/glightbox/css/glightbox.min.css')}}" rel="stylesheet">
  22.     <link href="{{asset('app/assets/vendor/swiper/swiper-bundle.min.css')}}" rel="stylesheet">
  24.     <link href="{{asset('app/assets/css/style.css')}}" rel="stylesheet">
  25.     </head>
  27.     <body>
  29.         <!-- ======= Top Bar ======= -->
  30.         <section id="topbar" class="d-flex align-items-center">
  31.             <div class="container d-flex justify-content-center justify-content-md-between">
  32.             <div class="contact-info d-flex align-items-center">
  33.                 <i class="bi bi-envelope-fill"></i><a href="mailto:[email protected]">[email protected]</a>
  34.                 <i class="bi bi-phone-fill phone-icon"></i> +549 388 4580629
  35.             </div>
  36.             <div class="social-links d-none d-md-block">
  37.                 <a href="https://api.whatsapp.com/send?phone=5493884580629" class="twitter"><i class="bi bi-whatsapp"></i></a>
  38.                 <a href="https://www.facebook.com/profile.php?id=100075936473118&mibextid=ZbWKwL" class="facebook"><i class="bi bi-facebook"></i></a>
  39.                 <a href="https://www.instagram.com/interjama.ar/?igshid=ZDdkNTZiNTM%3D" class="instagram"><i class="bi bi-instagram"></i></a>
  40.             </div>
  41.             </div>
  42.         </section>
  44.         <!-- ======= Header ======= -->
  45.         <header id="header" class="d-flex align-items-center">
  46.             <div class="container d-flex align-items-center justify-content-between">
  47.             <h1 class="logo"><a href="#hero">Interjama</a></h1>
  48.             <nav id="navbar" class="navbar">
  49.                 <ul>
  50.                 <li><a class="nav-link scrollto active" href="#hero">Inicio</a></li>
  51.                 <li><a class="nav-link scrollto" href="#about">Acerca de</a></li>
  52.                 <li><a class="nav-link scrollto" href="#services">Servicios</a></li>
  53.                 <li><a class="nav-link scrollto " href="#portfolio">Conócenos</a></li>
  54.                 <li><a class="nav-link scrollto" href="#team">Equipo</a></li>
  55.                 <li><a class="nav-link scrollto" href="#contact">Contacto</a></li>
  56.                   <li><a class="nav-link scrollto" href="{{ path('login') }}">Ingresar</a></li>
  57.                 </ul>
  58.                 <i class="bi bi-list mobile-nav-toggle"></i>
  59.             </nav><!-- .navbar -->
  61.             </div>
  62.         </header><!-- End Header -->
  64.         <!-- ======= Hero Section ======= -->
  65.         <section id="hero" class="d-flex align-items-center">
  66.             <div class="container position-relative" data-aos="fade-up" data-aos-delay="500">
  67.             <h1>Bienvenidos</h1>
  68.             <h2>Somos una empresa con más de diez años de experiencia, dedicada a proveer servicios y soluciones para el comercio internacional, localizada en el Centro de Frontera del Paso Internacional Jama. </h2>
  69.             <a href="#about" class="btn-get-started scrollto">Continuemos</a>
  70.             </div>
  71.         </section><!-- End Hero -->
  73.         <main id="main">
  75.             <!-- ======= About Section ======= -->
  76.             <section id="about" class="about">
  77.             <div class="container">
  79.                 <div class="row">
  80.                 <div class="col-lg-6 order-1 order-lg-2" data-aos="fade-left">
  81.                      <!--  <img src="{{asset('app/assets/img/about.jpg')}}" class="img-fluid" alt=""> -->
  82.                     <video style=" width:100%; height: auto; display:block; margin: 0 auto;" controls>
  83.                         <source src="{{asset('app/assets/video/interjama.mp4')}}" type="video/mp4">
  84.                         Tu navegador no soporta el elemento de video.
  85.                     </video>
  86.                 </div>
  87.                 <div class="col-lg-6 pt-4 pt-lg-0 order-2 order-lg-1 content" data-aos="fade-right">
  88.                     <h3>Experiencia, confiabilidad y compromiso</h3>
  89.                     <p></p>
  90.                     <ul>
  91.                     <li><i class="bi bi-check-circle"></i> <b> Enfoque en el Cliente:</b> Colocamos a nuestros clientes en el centro de todo lo que hacemos. Nuestro enfoque personalizado y orientado al cliente nos ha permitido establecer relaciones sólidas y duraderas.</li>
  92.                     <li><i class="bi bi-check-circle"></i> <b> Amplia Gama de Servicios:</b> Desde asesoramiento aduanero hasta soluciones logísticas integrales, ofrecemos una amplia gama de servicios diseñados para satisfacer las necesidades específicas de nuestros clientes en el cambiante mundo del comercio internacional.</li>
  93.                     <li><i class="bi bi-check-circle"></i> <b> Ubicación Estratégica:</b> Ubicados en el Centro de Frontera del Paso Internacional Jama, estamos estratégicamente posicionados para facilitar y optimizar los flujos comerciales.</li>
  94.                     <li><i class="bi bi-check-circle"></i> <b> Equipo Experimentado:</b> Contamos con un equipo altamente experimentado y apasionado que aporta su experiencia y conocimientos para abordar los desafíos únicos que enfrentan nuestros clientes en el ámbito del comercio internacional.</li>
  95.                     </ul>
  96.                 </div>
  97.                 </div>
  99.             </div>
  100.             </section><!-- End About Section -->
  102.             <!-- ======= Why Us Section ======= -->
  103.     <!--       <section id="why-us" class="why-us">
  104.             <div class="container">
  106.                 <div class="row">
  108.                 <div class="col-lg-4" data-aos="fade-up">
  109.                     <div class="box">
  110.                     <span>01</span>
  111.                     <h4>Lorem Ipsum</h4>
  112.                     <p>Ulamco laboris nisi ut aliquip ex ea commodo consequat. Et consectetur ducimus vero placeat</p>
  113.                     </div>
  114.                 </div>
  116.                 <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="150">
  117.                     <div class="box">
  118.                     <span>02</span>
  119.                     <h4>Repellat Nihil</h4>
  120.                     <p>Dolorem est fugiat occaecati voluptate velit esse. Dicta veritatis dolor quod et vel dire leno para dest</p>
  121.                     </div>
  122.                 </div>
  124.                 <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="300">
  125.                     <div class="box">
  126.                     <span>03</span>
  127.                     <h4> Ad ad velit qui</h4>
  128.                     <p>Molestiae officiis omnis illo asperiores. Aut doloribus vitae sunt debitis quo vel nam quis</p>
  129.                     </div>
  130.                 </div>
  132.                 </div>
  134.             </div>
  135.             </section> End Why Us Section -->
  137.             <!-- ======= Clients Section ======= -->
  138.             <section id="clients" class="clients">
  139.             <div class="container" data-aos="zoom-in">
  141.                 <div class="row d-flex align-items-center">
  143.                 <div class="col-lg-2 col-md-4 col-6">
  144.                     <img src="{{asset('app/assets/img/clients/dhl.png')}}" class="img-fluid" alt="">
  145.                 </div>
  147.                 <div class="col-lg-2 col-md-4 col-6">
  148.                     <img src="{{asset('app/assets/img/clients/elpiave.png')}}" class="img-fluid" alt="">
  149.                 </div>
  151.                 <div class="col-lg-2 col-md-4 col-6">
  152.                     <img src="{{asset('app/assets/img/clients/gemar.png')}}" class="img-fluid" alt="">
  153.                 </div>
  155.                 <div class="col-lg-2 col-md-4 col-6">
  156.                     <img src="{{asset('app/assets/img/clients/logoE1.png')}}" class="img-fluid" alt="">
  157.                 </div>
  159.                 <div class="col-lg-2 col-md-4 col-6">
  160.                     <img src="{{asset('app/assets/img/clients/logoE6.jpg')}}" class="img-fluid" alt="">
  161.                 </div>
  163.                 <div class="col-lg-2 col-md-4 col-6">
  164.                     <img src="{{asset('app/assets/img/clients/LOGO-TFP.png')}}" class="img-fluid" alt="">
  165.                 </div>
  167.                 </div>
  169.             </div>
  170.             </section><!-- End Clients Section -->
  172.             <!-- ======= Services Section ======= -->
  173.             <section id="services" class="services">
  174.             <div class="container">
  176.                 <div class="section-title">
  177.                 <span>Servicios</span>
  178.                 <h2>Servicios</h2>
  179.                 <p>Con más de una década de experiencia, nos enorgullece ser líderes en la provisión de servicios y soluciones que impulsan el éxito de tu empresa</p>
  180.                 </div>
  182.                 <div class="row">
  183.                 <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up">
  184.                     <div class="icon-box">
  185.                     <div class="icon"><i class="bx bxl-dribbble"></i></div>
  186.                     <h4><a href="#services">Servicios de aduana</a></h4>
  187.                     <p>Proveemos y gestionamos requerimientos,tramitaciones y brindamos soluciones en todas las etapas de los procesos de exportación e importación. Realizamos despachos de aduana en las principales aduanas de Argentina. Gestionamos las intervenciones de terceros organismos.</p>
  188.                     </div>
  189.                 </div>
  191.                 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="fade-up" data-aos-delay="150">
  192.                     <div class="icon-box">
  193.                     <div class="icon"><i class="bx bx-file"></i></div>
  194.                     <h4><a href="#services">Logística Internacional</a></h4>
  195.                     <p>Gestionamos la logística de fletes terrestres, coordinando el retiro de la carga en destino hasta posicionarla en el depósito de su empresa. </p>
  196.                     </div>
  197.                 </div>
  199.                 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="300">
  200.                     <div class="icon-box">
  201.                     <div class="icon"><i class="bx bx-tachometer"></i></div>
  202.                     <h4><a href="#services">Asesoramiento Integral</a></h4>
  203.                     <p>Brindamos asesoramiento y soporte profesional en materia de Comercio Exterior. También trabajamos como partner gestionando el riesgo de negocios orientados para el Comercio Exterior. </p>
  204.                     </div>
  205.                 </div>
  208.                 </div>
  210.             </div>
  211.             </section><!-- End Services Section -->
  213.             <!-- ======= Cta Section ======= -->
  214.             <section id="cta" class="cta">
  215.             <div class="container" data-aos="zoom-in">
  217.                 <div class="text-center">
  218.                 <h3>INTERJAMA</h3>
  219.                 <p> Nuestro equipo altamente capacitado se encarga de cada detalle, desde los requerimientos y trámites aduaneros hasta la gestión de intervenciones de terceros organismos.</p>
  220.                 <a class="cta-btn" href="tel:+5493884580629">Llámanos</a>
  221.                 </div>
  223.             </div>
  224.             </section><!-- End Cta Section -->
  226.             <!-- ======= Portfolio Section ======= -->
  227.             <section id="portfolio" class="portfolio">
  228.             <div class="container">
  230.                 <div class="section-title">
  231.                 <span>Conócenos</span>
  232.                 <h2>Conócenos</h2>
  233.                 <p>Te presentamos nuestra galeria de imágenes</p>
  234.                 </div>
  236.                 <div class="row" data-aos="fade-up">
  237.                 <div class="col-lg-12 d-flex justify-content-center">
  238.                     <ul id="portfolio-flters">
  239.                     <li data-filter="*" class="filter-active">All</li>
  240.                     <li data-filter=".filter-app">App</li>
  241.                     <li data-filter=".filter-card">Card</li>
  242.                     <li data-filter=".filter-web">Web</li>
  243.                     </ul>
  244.                 </div>
  245.                 </div>
  247.                 <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="150">
  249.                      <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  250.                     <img src="{{asset('app/assets/img/portfolio/jama10.jpeg')}}" class="img-fluid" alt="">
  251.                     <div class="portfolio-info">
  252.                     <h4>App 4</h4>
  253.                     <p>App</p>
  254.                     <a href="{{asset('app/assets/img/portfolio/jama10.jpeg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 3"><i class="bx bx-plus"></i></a>
  255.                     </div>
  256.                 </div>
  258.                 <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  259.                     <img src="{{asset('app/assets/img/portfolio/jamaaereo.png')}}" class="img-fluid" alt="">
  260.                     <div class="portfolio-info">
  261.                     <h4>App 1</h4>
  262.                     <p>App</p>
  263.                     <a href="{{asset('app/assets/img/portfolio/jamaaereo.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="App 1"><i class="bx bx-plus"></i></a>
  264.                     </div>
  265.                 </div>
  267.                 <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  268.                     <img src="{{asset('app/assets/img/portfolio/jama2.png')}}" class="img-fluid" alt="">
  269.                     <div class="portfolio-info">
  270.                     <h4>Web 3</h4>
  271.                     <p>Web</p>
  272.                     <a href="{{asset('app/assets/img/portfolio/jama2.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
  273.                     </div>
  274.                 </div>
  276.                 <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  277.                     <img src="{{asset('app/assets/img/portfolio/jama3.png')}}" class="img-fluid" alt="">
  278.                     <div class="portfolio-info">
  279.                     <h4>App 2</h4>
  280.                     <p>App</p>
  281.                     <a href="{{asset('app/assets/img/portfolio/jama3.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="App 2"><i class="bx bx-plus"></i></a>
  282.                     </div>
  283.                 </div>
  285.                 <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  286.                     <img src="{{asset('app/assets/img/portfolio/jama4.png')}}" class="img-fluid" alt="">
  287.                     <div class="portfolio-info">
  288.                     <h4>Card 2</h4>
  289.                     <p>Card</p>
  290.                     <a href="assets/img/portfolio/jama4.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 2"><i class="bx bx-plus"></i></a>
  291.                     </div>
  292.                 </div>
  294.                 <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  295.                     <img src="{{asset('app/assets/img/portfolio/jama5.png')}}" class="img-fluid" alt="">
  296.                     <div class="portfolio-info">
  297.                     <h4>Web 2</h4>
  298.                     <p>Web</p>
  299.                     <a href="assets/img/portfolio/jama5.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Web 2"><i class="bx bx-plus"></i></a>
  300.                     </div>
  301.                 </div>
  303.                 <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  304.                     <img src="{{asset('app/assets/img/portfolio/jama6.png')}}" class="img-fluid" alt="">
  305.                     <div class="portfolio-info">
  306.                     <h4>App 3</h4>
  307.                     <p>App</p>
  308.                     <a href="{{asset('app/assets/img/portfolio/jama6.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="App 3"><i class="bx bx-plus"></i></a>
  309.                     </div>
  310.                 </div>
  312.                 <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  313.                     <img src="{{asset('app/assets/img/portfolio/jama7.png')}}" class="img-fluid" alt="">
  314.                     <div class="portfolio-info">
  315.                     <h4>Card 1</h4>
  316.                     <p>Card</p>
  317.                     <a href="assets/img/portfolio/jama7.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 1"><i class="bx bx-plus"></i></a>
  318.                     </div>
  319.                 </div>
  321.                 <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  322.                     <img src="{{asset('app/assets/img/portfolio/jama8.png')}}" class="img-fluid" alt="">
  323.                     <div class="portfolio-info">
  324.                     <h4>Card 3</h4>
  325.                     <p>Card</p>
  326.                     <a href="{{asset('app/assets/img/portfolio/jama8.png')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 3"><i class="bx bx-plus"></i></a>
  327.                     </div>
  328.                 </div>
  329.                 <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  330.                     <img src="{{asset('app/assets/img/portfolio/jama9.jpeg')}}" class="img-fluid" alt="">
  331.                     <div class="portfolio-info">
  332.                     <h4>Web </h4>
  333.                     <p>web 1</p>
  334.                     <a href="{{asset('app/assets/img/portfolio/jama9.jpeg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Card 3"><i class="bx bx-plus"></i></a>
  335.                     </div>
  336.                 </div>
  337.              
  338.                 
  340.                 </div>
  342.             </div>
  343.             </section><!-- End Portfolio Section -->
  345.             <!-- ======= Pricing Section =======
  346.             <section id="pricing" class="pricing">
  347.             <div class="container">
  349.                 <div class="section-title">
  350.                 <span>Pricing</span>
  351.                 <h2>Pricing</h2>
  352.                 <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
  353.                 </div>
  355.                 <div class="row">
  357.                 <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="150">
  358.                     <div class="box">
  359.                     <h3>Free</h3>
  360.                     <h4><sup>$</sup>0<span> / month</span></h4>
  361.                     <ul>
  362.                         <li>Aida dere</li>
  363.                         <li>Nec feugiat nisl</li>
  364.                         <li>Nulla at volutpat dola</li>
  365.                         <li class="na">Pharetra massa</li>
  366.                         <li class="na">Massa ultricies mi</li>
  367.                     </ul>
  368.                     <div class="btn-wrap">
  369.                         <a href="#" class="btn-buy">Buy Now</a>
  370.                     </div>
  371.                     </div>
  372.                 </div>
  374.                 <div class="col-lg-4 col-md-6 mt-4 mt-md-0" data-aos="zoom-in">
  375.                     <div class="box featured">
  376.                     <h3>Business</h3>
  377.                     <h4><sup>$</sup>19<span> / month</span></h4>
  378.                     <ul>
  379.                         <li>Aida dere</li>
  380.                         <li>Nec feugiat nisl</li>
  381.                         <li>Nulla at volutpat dola</li>
  382.                         <li>Pharetra massa</li>
  383.                         <li class="na">Massa ultricies mi</li>
  384.                     </ul>
  385.                     <div class="btn-wrap">
  386.                         <a href="#" class="btn-buy">Buy Now</a>
  387.                     </div>
  388.                     </div>
  389.                 </div>
  391.                 <div class="col-lg-4 col-md-6 mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="150">
  392.                     <div class="box">
  393.                     <h3>Developer</h3>
  394.                     <h4><sup>$</sup>29<span> / month</span></h4>
  395.                     <ul>
  396.                         <li>Aida dere</li>
  397.                         <li>Nec feugiat nisl</li>
  398.                         <li>Nulla at volutpat dola</li>
  399.                         <li>Pharetra massa</li>
  400.                         <li>Massa ultricies mi</li>
  401.                     </ul>
  402.                     <div class="btn-wrap">
  403.                         <a href="#" class="btn-buy">Buy Now</a>
  404.                     </div>
  405.                     </div>
  406.                 </div>
  408.                 </div>
  410.             </div>
  411.             </section>
  412.              -->
  413.             <!-- End Pricing Section -->
  415.             <!-- ======= Team Section ======= -->
  416.             <section id="team" class="team">
  417.             <div class="container">
  419.                 <div class="section-title">
  420.                 <span>Equipo</span>
  421.                 <h2>Equipo</h2>
  422.                 <p>Cada función contribuye de manera única al éxito y crecimiento sostenible de la empresa en el sector del comercio internacional.</p>
  423.                 </div>
  425.                 <div class="row">
  426.                 <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in">
  427.                     <div class="member">
  428.                     <img src="{{asset('app/assets/img/team/rafa.png')}}" alt="">
  429.                     <h4>Rafael Cruz</h4>
  430.                     <span>Director general</span>
  431.                     <p>
  432.                         Responsable de liderar la formulación y ejecución de estrategias a largo plazo, asegurando el cumplimiento de objetivos financieros y operativos. 
  433.                     </p>
  434.                     <div class="social">
  435.                         <a href=""><i class="bi bi-twitter"></i></a>
  436.                         <a href=""><i class="bi bi-facebook"></i></a>
  437.                         <a href=""><i class="bi bi-instagram"></i></a>
  438.                         <a href=""><i class="bi bi-linkedin"></i></a>
  439.                     </div>
  440.                     </div>
  441.                 </div>
  443.                 <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in">
  444.                     <div class="member">
  445.                     <img src="{{asset('app/assets/img/team/rolando.png')}}" alt="">
  446.                     <h4>Orlando Cruz</h4>
  447.                     <span>Jefe de RRHH</span>
  448.                     <p>
  449.                         Encargado de la administración de relaciones laborales, la promoción de un clima laboral positivo y la alineación de las prácticas de recursos humanos con los objetivos estratégicos de la empresa.
  450.                     </p>
  451.                     <div class="social">
  452.                         <a href=""><i class="bi bi-twitter"></i></a>
  453.                         <a href=""><i class="bi bi-facebook"></i></a>
  454.                         <a href=""><i class="bi bi-instagram"></i></a>
  455.                         <a href=""><i class="bi bi-linkedin"></i></a>
  456.                     </div>
  457.                     </div>
  458.                 </div>
  460.                 <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in">
  461.                     <div class="member">
  462.                     <img src="{{asset('app/assets/img/team/benjamin.png')}}" alt="">
  463.                     <h4>Benjamin Vasquez</h4>
  464.                     <span>Operador</span>
  465.                     <p>
  466.                         Responsable de la preparación y procesamiento de documentación aduanera, la coordinación eficiente de la logística desde el origen hasta la entrega final.
  467.                     </p>
  468.                     <div class="social">
  469.                         <a href=""><i class="bi bi-twitter"></i></a>
  470.                         <a href=""><i class="bi bi-facebook"></i></a>
  471.                         <a href=""><i class="bi bi-instagram"></i></a>
  472.                         <a href=""><i class="bi bi-linkedin"></i></a>
  473.                     </div>
  474.                     </div>
  475.                 </div>
  477.                 </div>
  479.             </div>
  480.             </section><!-- End Team Section -->
  482.             <!-- ======= Contact Section ======= -->
  483.             <section id="contact" class="contact">
  484.             <div class="container">
  486.                 <div class="section-title">
  487.                 <span>Contacto</span>
  488.                 <h2>Contacto</h2>
  489.                 <p>No dudes en ponerte en contacto con nosotros para cualquier consulta, asesoramiento o colaboración, estamos aquí para ayudarte.</p>
  490.                 </div>
  492.                 <div class="row" data-aos="fade-up">
  493.                 <div class="col-lg-6">
  494.                     <div class="info-box mb-4">
  495.                     <i class="bx bx-map"></i>
  496.                     <h3>Dirección</h3>
  497.                     <p>Ruta Nacional 52, km 252 - Paso Internacional Jama Susques - Jujuy - Argentina</p>
  498.                     </div>
  499.                 </div>
  501.                 <div class="col-lg-3 col-md-6">
  502.                     <div class="info-box  mb-4">
  503.                     <i class="bx bx-envelope"></i>
  504.                     <h3>Email</h3>
  505.                     <p>[email protected]</p>
  506.                     </div>
  507.                 </div>
  509.                 <div class="col-lg-3 col-md-6">
  510.                     <div class="info-box  mb-4">
  511.                     <i class="bx bx-phone-call"></i>
  512.                     <h3>Llámanos</h3>
  513.                     <p>+543887 490302</p>
  514.                     </div>
  515.                 </div>
  517.                 </div>
  519.                 <div class="row" data-aos="fade-up">
  521.                 <div class="col-lg-6 ">
  522.                     <iframe class="mb-4 mb-lg-0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d21972.977850244955!2d-67.09128422497723!3d-23.232136152790247!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94028bf1554b1d0d%3A0xf565c089bf0406d5!2sPaso%20de%20Jama!5e0!3m2!1ses-419!2sar!4v1702842113520!5m2!1ses-419!2sar" frameborder="0" style="border:0; width: 100%; height: 384px;" allowfullscreen></iframe>
  523.                 </div>
  525.                 <div class="col-lg-6">
  526.                     <form action="{{ path('public_ajax_contacto_save') }}" method="post" role="form" class="php-email-form">
  527.                     <div class="row">
  528.                         <div class="col-md-6 form-group">
  529.                         <input type="text" name="name" class="form-control" id="name" placeholder="Nombre/s y Apellido/s" required>
  530.                         </div>
  531.                         <div class="col-md-6 form-group mt-3 mt-md-0">
  532.                         <input type="email" class="form-control" name="email" id="email" placeholder="Correo Electrónico" required>
  533.                         </div>
  534.                     </div>
  535.                     <div class="form-group mt-3">
  536.                         <input type="text" class="form-control" name="subject" id="subject" placeholder="Asunto" required>
  537.                     </div>
  538.                     <div class="form-group mt-3">
  539.                         <textarea class="form-control" name="message" rows="5" placeholder="Mensaje" required></textarea>
  540.                     </div>
  541.                     <div class="my-3">
  542.                         <div class="loading">Loading</div>
  543.                         <div class="error-message"></div>
  544.                         <div class="sent-message">Tu mensaje se envió correctamentet. Gracias!</div>
  545.                     </div>
  546.                     <div class="text-center"><button type="submit">Enviar Mensaje</button></div>
  547.                     </form>
  548.                 </div>
  550.                 </div>
  552.             </div>
  553.             </section><!-- End Contact Section -->
  555.         </main><!-- End #main -->
  557.         <!-- ======= Footer ======= -->
  558.         <footer id="footer">
  559.             <div class="footer-top">
  560.             <div class="container">
  561.                 <div class="row">
  563.                 <div class="col-lg-4 col-md-6">
  564.                     <div class="footer-info">
  565.                     <h3>Interjama</h3>
  566.                     <p>
  567.                         Ruta Nacional 52, km 252 <br>
  568.                         Susques, JUJUY<br><br>
  569.                         <strong>Celular:</strong> +54 9 388 4580629<br>
  570.                         <strong>Email:</strong> [email protected]<br>
  571.                     </p>
  572.                     <div class="social-links mt-3">
  573.                         <a href="https://api.whatsapp.com/send?phone=5493884580629" class="twitter"><i class="bx bxl-whatsapp"></i></a>
  574.                         <a href="https://www.facebook.com/profile.php?id=100075936473118&mibextid=ZbWKwL" class="facebook"><i class="bx bxl-facebook"></i></a>
  575.                         <a href="https://www.instagram.com/interjama.ar/?igshid=ZDdkNTZiNTM%3D" class="instagram"><i class="bx bxl-instagram"></i></a>
  576.                     </div>
  577.                     </div>
  578.                 </div>
  580.                 <div class="col-lg-2 col-md-6 footer-links">
  581.                     <h4>Enlaces útiles</h4>
  582.                     <ul>
  583.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Inicio</a></li>
  584.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Acerca de</a></li>
  585.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Servicios</a></li>
  586.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Terminos de servicio</a></li>
  587.                     </ul>
  588.                 </div>
  590.                 <div class="col-lg-2 col-md-6 footer-links">
  591.                     <h4>Nuestros Servicios</h4>
  592.                     <ul>
  593.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Servicios de aduana</a></li>
  594.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Logística internacionl</a></li>
  595.                     <li><i class="bx bx-chevron-right"></i> <a href="#">Asesoramiento integral</a></li>
  596.                     </ul>
  597.                 </div>
  599.                 <div class="col-lg-4 col-md-6 footer-newsletter">
  600.                     <h4>Novedades</h4>
  601.                     <p>Quieres conocer nuevos servicios, noticias o eventos.</p>
  602.                     <form action="" method="post">
  603.                     <input type="email" name="email"><input type="submit" value="Subscríbete">
  604.                     </form>
  606.                 </div>
  608.                 </div>
  609.             </div>
  610.             </div>
  612.             <div class="container">
  613.             <div class="copyright">
  614.                 &copy; Copyright <strong><span>Interjama</span></strong>. Todos los derechos reservados.
  615.             </div>
  616.             <div class="credits">
  617.                 Desarrollado por <a href="#">Noah Tecnologías</a>
  618.             </div>
  619.             </div>
  620.         </footer><!-- End Footer -->
  622.         <a href="#" class="back-to-top d-flex align-items-center justify-content-center">
  623.             <i class="bi bi-arrow-up-short"></i>
  624.         </a>
  625.         <!-- Seccion botones de redes sociales -->
  626.         <a href="{{ path('public_chofer_inicio') }}" class="floatChofer">
  627.           <i class="bi bi-truck my-float"></i>
  628.         </a>
  629.         <a href="https://api.whatsapp.com/send?phone=5493884580629" class="float" target="_blank">
  630.                 <i class="bi bi-whatsapp my-float"></i>
  631.         </a>
  632.         <a href="https://www.facebook.com/profile.php?id=100075936473118&mibextid=ZbWKwL" class="floatFace" target="_blank">
  633.                 <i class="bi bi-facebook my-float"></i>
  634.         </a>
  635.         <a href="https://www.instagram.com/interjama.ar/?igshid=ZDdkNTZiNTM%3D" class="floatInstagram" target="_blank">
  636.                 <i class="bi bi-instagram my-float"></i>
  637.         </a>
  638.         <div id="preloader"></div>
  640.         <!-- Vendor JS Files -->
  641.         <script src="{{asset('app/assets/vendor/aos/aos.js')}}"></script>
  642.         <script src="{{asset('app/assets/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
  643.         <script src="{{asset('app/assets/vendor/glightbox/js/glightbox.min.js')}}"></script>
  644.         <script src="{{asset('app/assets/vendor/isotope-layout/isotope.pkgd.min.js')}}"></script>
  645.         <script src="{{asset('app/assets/vendor/swiper/swiper-bundle.min.js')}}"></script>
  646.         <script src="{{asset('app/assets/vendor/php-email-form/validate.js')}}"></script>
  648.         <!-- Template Main JS File -->
  649.         <script src="{{asset('app/assets/js/main.js')}}"></script>
  651.     </body>
  653. </html>