CINXE.COM
>> Agencias ISBN <<
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> <link href="css/estilos.css" rel="stylesheet"> <link href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/jquery/themes/smoothness/jquery-ui.min.css"/> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/librerialogin.js"></script><!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DGXK9DDMGC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DGXK9DDMGC'); </script> <style> body {margin:0;} .pais span{ left: 12px; position: relative; top: 4px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus , .navbar-default .navbar-nav > .active { background-color: #44A5D9; color: #f2f2f2; font-family: 'Raleway', sans-serif; font-style: normal; } nav { font-family: 'Raleway', sans-serif; } .topnav img { margin-right: 12px; position: relative; top: -8px; vertical-align: middle; } .sesion img{ margin-right: 12px; position: relative; top: -4px; vertical-align: middle; } .navbar-nav > li::after { content: " "; } .navbar-nav > li { padding: 10px 50px; left:-30px; font-family: "Raleway",sans-serif; font-style: normal; } @media (min-width: 992px) and (max-width: 1150px) { .navbar-nav > li{ padding: 10px 30px; } } @media (max-width: 992px) { .navbar-nav { width:130%; } .navbar-collapse{ display:none; } .pais { margin-bottom:20px; } } @media (min-width: 992px) { .navbar-collapse{ display:block; } } .topnav li:hover { background-color: #44A5D9; color: white; } navbar-nav { overflow: hidden; background-color: #0F3E8B; } .topnav a { color: #f2f2f2; text-decoration: none; font-size: 17px; font-family: 'Raleway', sans-serif; position:relative; text-align: left; padding: 20px 90px 20px 80px; } .topnav { overflow: hidden; background-color: #0F3E8B; } .topnav .icon { display: none; } .pais{ float: left; overflow: hidden; background-color: #fff; color:#0F3E8B; font-family: 'Raleway', sans-serif; font-size: 17px; padding-left: 70px; padding-top: 5px; } @media (max-width: 992px) { .pais { margin-bottom:10px; padding-left:8px; } } .sesion{ float:left; overflow: hidden; background-color: #44A5D9; color:#fff; font-size: 17px; text-decoration: none; padding: 8px 20px; } .sesion a{ color:#fff; font-family: 'Raleway', sans-serif; font-size: 17px; text-decoration: none; } .registrarse{ float:left; overflow: hidden; background-color: #fff; color:#0F3E8B; font-size: 17px; text-decoration: none; padding: 8px 20px; } .registrarse a{ color:#0F3E8B; font-family: 'Raleway', sans-serif; font-size: 17px; text-decoration: none; } .contenedor{ overflow: hidden; background-color: #fff; } .foot{ overflow: hidden; background-color: #E3E2E4; margin-top:50px; } .registro { overflow: hidden; background-color: #44A5D9; width:30%; } .registro a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; font-family: 'Raleway', sans-serif; } .registro a:hover { background-color: #ddd; color: black; } .registro1{ overflow: hidden; background-color: #fff; } .registro1 a { float: left; display: block; color: #0F3E8B; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; font-family: 'Raleway', sans-serif; } .footer1{ font-family: 'Raleway', sans-serif; padding: 30px 120px 0 80px; width:50%; float:left; font-size:14px; } /* Slideshow container */ .slideshow-container { margin: auto; position: relative; margin: auto; width:100%; margin-top:33px; } /* Caption text */ .text { background-color: #fff; bottom: 20px; color: #0f3e8b; font-family: "Raleway",sans-serif; font-size: 15px; opacity: 0.8; padding: 30px 20px; position: absolute; right: 15px; text-align: left; width: 25%; } @media (max-width:750px){ .text { width: 60%; bottom:0px; padding:15px; } } @media (min-width:150px){ .slideshow-container { height:150px; } .slideshow-container img{ width:100%; height:100% } } @media (min-width:750px){ .slideshow-container { height:300px; } .slideshow-container img{ width:100%; height:100% } } @media (min-width:920px){ .slideshow-container { height:420px; } .slideshow-container img{ width:100%; height:100% } } @media (min-width:1170px){ .slideshow-container { height:450px; } .slideshow-container img{ width:100%; height:100% } } .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } .desplegado{ display:block; } /* Fading animation */ .fade1 { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade1 { from {opacity: .4} to {opacity: 1} } @keyframes fade1 { from {opacity: .4} to {opacity: 1} } @media screen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; } } .row{ width:100%; } .row1{ width:40%; float:left; margin-left: 70px; } .row2{ margin-left: 70px; margin-right: 90px; } .footerOne{ background-color: #c6c7c8; padding:20px; position: relative; } .footerLogo img{ float:right; } .footerText p{ text-align:right; margin-right:45px; line-height: 9px; } @media (min-width:768px){ .footerLogo img{ float:right; } .footerText p{ text-align:left; line-height: normal; } } .footerText { margin-top: 10px; padding-left: 43px; } </style> <title>>> Agencias ISBN <<</title> <script src="js/eModal.js"></script> <script> var answrDismiss=true; function notification(message,requiresDismiss){ if(requiresDismiss){ message+='<br><br><input type="checkbox" id="dismissNotification"> <label for="dismissNotification">Entendido</label>'; answrDismiss=false; } eModal.confirm(message, 'Por favor lea la siguiente informaci髇') .then(confirmCallback); } function confirmCallback(){ chckBx=document.getElementById('dismissNotification'); if(chckBx && !chckBx.checked){ answrDismiss=false; return; } $("#modal_login").modal('show'); } function launchLogin(){ $("#modal_login").modal('show'); } function recordar_contrasena(){ frm=document.entryform; var correo=window.prompt("Por favor escriba el correo con el cual est\xE1 registrado en la agencia."); if(correo == null) return; if(!(/(.+)@(.+){2,}\.(.+){2,}/.test(correo))){ window.alert('El correo ' + correo + ' no es un correo v\xE1lido. Por favor intente nuevamente.'); return; } var json = {mode:'recordar_contrasena', type:frm.mode.value, usuario:correo}; console.log(json); $("#error_login").hide(); $.ajax({ type: "POST", url: "./index.php", data: json, success: function(result){ console.log(result); if(result!="KO"){ $("#error_login").html("Se han enviado sus datos de acceso al correo " + result + "."); frm.contrasena.value=''; $("#error_login").show("slow"); } else{ $("#error_login").html("El correo " + correo + " no existe en nuestra base de datos."); frm.contrasena.value=''; $("#error_login").show("slow"); } } }); } function revisar(frm){ console.log(frm.mode); var json = {mode:frm.mode.value, usuario:frm.usuario.value, contrasena:frm.contrasena.value}; console.log(json); $("#error_login").hide(); $.ajax({ type: "POST", url: "./index.php", data: json, success: function(result){ console.log(result); if(result=="OK"){ if(json.mode=="admin") location.href="admin.php?module=lineas"; else location.href="user.php?mode=editarEditorXModulo"; // else location.href="user.php?module=solicitudes&estado=en_proceso"; } else{ frm.contrasena.value=''; $("#error_login").html("Usuario o contraseña incorrecta."); $("#error_login").show("slow"); } } }); return(false); } </script> </head> <body> <div class="row"> <div id="modal_login" class="modal fade emergente-blue"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header no-padding"> <input type="button" class="boton_titulo active" value="Usuario"> <input type="button" class="boton_titulo" value="Administrador"><br> </div> <form name="entryform" action="./index.php" method="post" onSubmit="return revisar(this);"> <input type="hidden" id="inputMode" name="mode" value="usuario"> <div class="modal-body" style="background-color: #FFFFFF"> <div class="error_login" id="error_login" style="display: none">Usuario o contraseña incorrecta.</div> <div class="form-group"> <label for="usuario">Número de documento</label> <div class="input-group"> <div class="input-group-addon"><i style="fon-size:15px; color:#333333;" class="glyphicon glyphicon-user"></i></div> <input name="usuario" class="form-control" id="usuario" > </div> </div> <div class="form-group"> <label for="contrasena">Contraseña</label> <div class="input-group"> <div class="input-group-addon"><i style="font-size:15px; color:#333333;" class="glyphicon glyphicon-asterisk"></i></div> <input name="contrasena" type="password" class="form-control" id="contrasena"> </div> <a href="#" onClick="recordar_contrasena();" class="help-block light">¿Ha olvidado la contraseña?</a> </div> </div> <div class="modal-footer" style="background-color: #0F3E8B"> <input type="submit" class="btn btn-success boton-sucess pull-left" style="background-color: #44A5D9; border-color: #0F3E8B" value="Ingresar"> <a href="user.php?mode=registro" class="pull-right light" style="color: #fff">¿Es un usuario nuevo? <i class="glyphicon glyphicon-arrow-right"></i></a> </div> </form> </div> </div> </div> <div class="contenedor" id="contenedor"> <div class="pais col-lg-8 col-md-8 col-sm-12 col-xs-12" id="pais"><img src="img/bandera_MX.png" width="48" height="28" alt="M閤ico"><span>M閤ico</span></div> <div class="sesion col-lg-2 col-md-2 col-sm-6 col-xs-12 " id="sesion"><img src="img/iconos_06.png" width="22" height="19" alt="Iniciar sesión"><a href="#" data-toggle="modal" onClick="launchLogin();">Iniciar sesión</a></div> <div class="registrarse col-lg-2 col-md-2 col-sm-6 col-xs-12 " id="registrarse"><a href="user.php?mode=registro">Registrarse</a> <img src="img/iconos_09.png" width="17" height="18" alt="Registrarse"></div> </div> <nav id="myTopnav" class="navbar navbar-default topnav"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse"> <ul class="nav navbar-nav"> <li > <a href="paginas_auxiliares.php?id=3"><span class="glyphicon glyphicon-book"></span> Sobre el ISBN</a> </li> <li > <a href="halp.php"><span class="glyphicon glyphicon-pencil"></span> Tutoriales</a> </li> <li > <a href="catalogo.php"><span class="glyphicon glyphicon-search"></span> Consultar libros</a></div> </li> </ul> </div> </nav> <script> $(".navbar-toggle").on("click",function(){ $(".navbar-collapse").toggleClass("desplegado"); }); </script> <div style="text-align:center;"> <a href="index.php"> <img style="margin: 5px;" src="./files/parametros/logo/1?size=30816&ext=.jpeg" height="80"> <img src="img/Logo.png"> </a> </div> <div> <div class="slideshow-container"> <div class="mySlides fade1"> <img src="./files/home_noticias/imagen/22?size=" style="width:100%"> <div class="text">!!Participa en la Encuesta sobre usos, representaciones e impacto de la Inteligencia Artificial en el ecosistema del Libro Iberoamericano!!</div> </div> <div class="mySlides fade1"> <img src="./files/home_noticias/imagen/21?size=535114" style="width:100%"> <div class="text">Agencia ISBN de M閤ico </div> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br> <div class="row footerOne"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 footerText"> <p><strong>Contáctenos:</strong></p> <p>Puebla No. 143, Col. Roma, Delegaci髇 Cuauht閙oc, C. P. 06700, M閤ico, D. F / Tel. 36011000 - Ext: 69326</p> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 footerLogo"> <img src="img/logos_07.png" width="378" height="96"> </div> </div> </div> </div> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; if(dots[slideIndex-1] != undefined) dots[slideIndex-1].className += " active"; } setInterval( function() { plusSlides(1); }, 5000 ); /* ********************** */ /* ********************** */ </script> </body> </html>