236 lines
12 KiB
HTML
236 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>FCCA - Viajes disponibles</title>
|
|
|
|
<link rel="icon" href="https://ferrocarrilcentral.com.pe/appfcca/assets/img/fav.png" type="image/x-icon">
|
|
<link rel="apple-touch-icon" href="https://ferrocarrilcentral.com.pe/appfcca/assets/img/fav.png">
|
|
|
|
<link rel="stylesheet" href="https://ferrocarrilcentral.com.pe/appfcca/assets/css/style.css">
|
|
|
|
<!-- Icon Font -->
|
|
<link rel="stylesheet" href="https://ferrocarrilcentral.com.pe/appfcca/assets/css/linearicons.css">
|
|
|
|
<!-- Carousel -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glider-js@1.7.3/glider.min.css">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-white pt-3 pb-3">
|
|
<div class="container">
|
|
<a class="navbar-brand logotipo" href="https://www.ferrocarrilcentral.com.pe/">
|
|
<img src="https://ferrocarrilcentral.com.pe/appfcca/assets/img/logo_fcca.svg" alt="Ferrocarril Central FCCA" width="207" height="60">
|
|
</a>
|
|
<div class="navbar-expand nav-fcca" id="navbarNavDropdown">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item home"><a class="nav-link" href="https://www.ferrocarrilcentral.com.pe/">inicio</a></li>
|
|
<li class="nav-item language dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="icon-fcca-20"></i> Idioma </a>
|
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
|
|
<li><a class="dropdown-item" href="/appfcca/index.php?lang=es">Español</a></li>
|
|
<li><a class="dropdown-item" href="/appfcca/index.php?lang=en">Ingles</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<section class="pt-5 pb-5">
|
|
<div class="container">
|
|
|
|
<div class="d-flex justify-content-between mb-5">
|
|
<div class="nav-reserve departure"><a href="https://ferrocarrilcentral.com.pe/appfcca/index.php"><i class="icon-fcca-05"></i> <span>1. Salida</span></a></div>
|
|
<div class="nav-reserve seating"><a href="https://ferrocarrilcentral.com.pe/appfcca/seating.php"><i class="icon-fcca-06"></i> <span>2. Asientos</span></a></div>
|
|
<div class="nav-reserve passengers"><a href="https://ferrocarrilcentral.com.pe/appfcca/passengers.php"><i class="icon-fcca-07"></i> <span>3. Pasajeros</span></a></div>
|
|
<div class="nav-reserve payment"><a href="https://ferrocarrilcentral.com.pe/appfcca/checkout.php"><i class="icon-fcca-08"></i> <span>4. Pago</span></a></div>
|
|
</div>
|
|
<h3 class="subtitles mb-4">Selecciona tu Viaje:</h3>
|
|
|
|
<div class="carousel mb-5">
|
|
<div class="carousel-container">
|
|
<div class="carousel-list">
|
|
<div class="glider-track">
|
|
|
|
<div class="item-glid" data-ccprog="00226" data-rutas="100">
|
|
<div class="tourdate d-flex justify-content-center align-items-center">
|
|
<div class="day p-1">17</div>
|
|
<div class="yeardate d-flex flex-column bd-highlight p-1">
|
|
<div class="month">Abril</div>
|
|
<div class="year">2025</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="glide-arrows">
|
|
<button class="glide-left"><i class="icon-fcca-15"></i></button>
|
|
<button class="glide-right"><i class="icon-fcca-16"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<h3 class="subtitles mb-3">Selecciona tu Ruta:</h3>
|
|
|
|
<div id="rutaselect"></div>
|
|
|
|
<div class="heading-services d-flex justify-content-center align-items-center mt-2">
|
|
<div class="title-item tservicio d-none d-md-block">
|
|
<h4>Servicio</h4>
|
|
</div>
|
|
<div class="title-item tpartida">
|
|
<h4>Partida</h4>
|
|
</div>
|
|
<div class="title-item tretorno">
|
|
<h4>Retorno</h4>
|
|
</div>
|
|
<div class="title-item ttarifa d-none d-md-block">
|
|
<h4>Tarifas <span>(Inc. IGV)</span></h4>
|
|
</div>
|
|
<div class="title-item tmensaje d-none d-md-block">El viaje durará<br> aproximadamente 14 horas</div>
|
|
</div>
|
|
|
|
<!-- <div class='preloader mt-4 mb-4'><img src='./assets/img/prelouder-icon.svg'/></div> -->
|
|
<!--
|
|
<div id="devices">
|
|
<input type="hidden" class="mobile" value="//$devices['mobile']['status']">
|
|
<input type="hidden" class="desktop" value="//$devices['desktop']['status']">
|
|
</div> -->
|
|
|
|
<div id="dataServices"></div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Crear Preloder -->
|
|
<div class="preloader-wrapper">
|
|
<div class="sniper">
|
|
<img src='https://ferrocarrilcentral.com.pe/appfcca/assets/img/prelouder-icon.svg'/>
|
|
</div>
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="footer-top pt-4 pb-4">
|
|
<div class="container">
|
|
<div class="secure-payment d-md-flex justify-content-between align-items-center">
|
|
<div class="guaranteed pt-3 pb-3">
|
|
|
|
</div>
|
|
<div class="cards-payment pt-3 pb-3"><img class="img-fluid" src="https://ferrocarrilcentral.com.pe/appfcca/assets/img/cads-checkout.png" alt="Sitio Web Protegido"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom bg-rojo text-white">
|
|
<div class="container pt-5 pb-5">
|
|
<div class="support d-lg-flex align-items-center mt-4">
|
|
<div class="info callcenter d-flex align-items-center pt-3 pb-3">
|
|
<div class="iconinfo"><i class="icon-fcca-02"></i></div>
|
|
<div class="textinfo">Soporte en Línea <span>(01)390-5858</span> anexo 222</div>
|
|
</div>
|
|
<div class="info office d-flex align-items-center pt-3 pb-3">
|
|
<div class="iconinfo"><i class="icon-fcca-03"></i></div>
|
|
<div class="textinfo">Av. Circunvalación Golf Los Incas 170,<br> Edificio MORE, Oficina 302,<br> Santiago de Surco - Lima</div>
|
|
</div>
|
|
<div class="info Contact d-flex align-items-center pt-3 pb-3">
|
|
<div class="iconinfo"><i class="icon-fcca-04"></i></div>
|
|
<div class="textinfo">Escríbenos al <span>reservas@fcca.com.pe</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="nav-footer mt-5">
|
|
<ul class="menu-footer d-md-flex align-items-center">
|
|
<li><a href="https://www.ferrocarrilcentral.com.pe/politica-privacidad"><i class="icon-fcca-23"></i> Política De Privacidad</a></li>
|
|
<li><a href="https://www.ferrocarrilcentral.com.pe/terminos-y-condiciones"><i class="icon-fcca-23"></i> Terminos Y Condiciones</a></li>
|
|
<li><a href="https://www.ferrocarrilcentral.com.pe/preguntas-frecuentes"><i class="icon-fcca-23"></i> Preguntas Frecuentes</a></li>
|
|
<li><a href="https://www.ferrocarrilcentral.com.pe/libro-de-reclamos"><i class="icon-fcca-23"></i> Libro De Reclamaciones</a></li>
|
|
<li><a href="https://www.ferrocarrilcentral.com.pe/contactenos"><i class="icon-fcca-23"></i> Contáctenos</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="copyright pt-3 pb-3">
|
|
<div class="container">
|
|
<div class="credits d-flex align-items-center">
|
|
<div class="copyfcca">copyright © <a href="https://ferrocarrilcentral.com.pe/">www.ferrocarrilcentral.com.pe</a></div>
|
|
<div class="developer">Desarrollado por: <a href="https://ferrocarrilcentral.com.pe/">www.ferrocarrilcentral.com.pe</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://ferrocarrilcentral.com.pe/appfcca/assets/js/jquery.min.js"></script>
|
|
<!-- <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> -->
|
|
<script src="https://ferrocarrilcentral.com.pe/appfcca/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://ferrocarrilcentral.com.pe/appfcca/assets/js/main.js"></script>
|
|
<script src="https://ferrocarrilcentral.com.pe/appfcca/assets/js/glider.min.js"></script>
|
|
<script src="https://ferrocarrilcentral.com.pe/appfcca/assets/js/glideslider.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
|
|
reloadRutas();
|
|
|
|
$('.carousel-list .item-glid').click(function() {
|
|
$(this).siblings('.item-glid').removeClass('active');
|
|
$(this).addClass('active');
|
|
|
|
reloadRutas();
|
|
|
|
});
|
|
|
|
function reloadRutas() {
|
|
$rutas = $('.item-glid.active').data('rutas');
|
|
if (typeof $rutas === "undefined") {
|
|
var $rutas = $('.item-glid:eq(0)').data('rutas');
|
|
}else {
|
|
var $rutas = $('.item-glid.active').data('rutas');
|
|
}
|
|
|
|
$.ajax({
|
|
type:"POST",
|
|
url:"https://ferrocarrilcentral.com.pe/appfcca/inc/ajax/rutas.php",
|
|
data:{ rutas: $rutas },
|
|
beforeSend: function() {
|
|
$('#rutaselect').html("<div class='preloader mt-4 mb-4'><img src='https://ferrocarrilcentral.com.pe/appfcca/assets/img/prelouder-icon.svg'/></div>");
|
|
},
|
|
success:function(r){
|
|
$('#rutaselect').html(r);
|
|
}
|
|
});
|
|
}
|
|
|
|
// Active nav progress
|
|
$('.departure').addClass('active');
|
|
|
|
// Reconocimiento de medida de pantalla del usuario
|
|
var mediaMobile = window.matchMedia("(max-width: 990px)");
|
|
var mediaDesktop = window.matchMedia("(min-width: 991px)");
|
|
|
|
var mobile = {status: mediaMobile.matches};
|
|
var desktop = {status: mediaDesktop.matches};
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "https://ferrocarrilcentral.com.pe/appfcca/config/device-screen.php",
|
|
data: { mobile: mobile, desktop: desktop },
|
|
success: function(r) { //response
|
|
console.log('se genero correctamente');
|
|
}
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|