492 lines
32 KiB
HTML
492 lines
32 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!-- logo -->
|
||
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
|
||
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
|
||
<link rel="manifest" href="../img/logo.ico/manifest.json">
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
<meta name="msapplication-TileImage" content="img/logo.ico">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<!-- logo fine -->
|
||
<title>Delphi Studio | Form</title>
|
||
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
|
||
<!-- Google web font "Open Sans" -->
|
||
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
|
||
<!-- Font Awesome -->
|
||
<link rel="stylesheet" href="../css/bootstrap.min.css">
|
||
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
|
||
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
|
||
<link rel="stylesheet" href="../css/tooplate-style.css">
|
||
|
||
<!-- tooplate style -->
|
||
|
||
<script>
|
||
var renderPage = true;
|
||
if (navigator.userAgent.indexOf('MSIE') !== - 1
|
||
|| navigator.appVersion.indexOf('Trident/') > 0) {
|
||
/* Microsoft Internet Explorer detected in. */
|
||
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
|
||
renderPage = false;
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Loader -->
|
||
<div style="z-index:999999999" id="loader-wrapper">
|
||
<div id="loader"></div>
|
||
<div class="loader-section section-left"></div>
|
||
<div class="loader-section section-right"></div>
|
||
</div>
|
||
<div class="container">
|
||
<section class="tm-section-head" id="top">
|
||
<header id="header" class="text-center tm-text-gray">
|
||
<div>
|
||
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
|
||
</div>
|
||
<h6 class="subtitle"></h6>
|
||
<div id="navigation-bar"></div>
|
||
</header>
|
||
</section>
|
||
|
||
|
||
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
|
||
<div class="row mb-2">
|
||
<!-- <div class="col-md-4 image">
|
||
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
|
||
</div> -->
|
||
<div class="col-md-4 image">
|
||
<img src="img/samERP2.gif" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
|
||
<div id="information1" class="media media-center ml-padding">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<hr>
|
||
<section class="tm-section-6" id="tm-section-6">
|
||
<div class="row">
|
||
<div class="col-lg-7 col-md-7 col-xs-12">
|
||
<div class="contact_message">
|
||
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
|
||
<div class="row mb-2">
|
||
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
|
||
<div class="form-group col-xl-6">
|
||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||
placeholder="Nombre y apellido" required />
|
||
</div>
|
||
<div class="form-group col-xl-6">
|
||
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
|
||
placeholder="Teléfono/movil" required />
|
||
</div>
|
||
<div class="form-group col-xl-6">
|
||
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
|
||
placeholder="Empresa" required />
|
||
</div>
|
||
<div class="form-group col-xl-6">
|
||
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
|
||
class="form-control" placeholder="Correo electrónico" required />
|
||
</div>
|
||
<input type="hidden" name="_cc" id="hidden" />
|
||
<div class="form-group col-xl-6">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||
placeholder="Comentario"></textarea>
|
||
</div>
|
||
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
|
||
<div class="tm-address-box">
|
||
<h2 class="mb-4" id="cnt-section">Contacto</h2>
|
||
<address>
|
||
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
|
||
target="_blank">
|
||
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
|
||
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
|
||
target="_blank">
|
||
Carrer del Bon Recés,3</a>
|
||
<br>46015 Valencia
|
||
<br>España
|
||
<br>Teléfono: +34 960130674
|
||
</address>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="mt-5">
|
||
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
|
||
</footer>
|
||
</div>
|
||
|
||
<!-- load JS files -->
|
||
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
|
||
<script src="../js/popper.min.js"></script>
|
||
<!-- https://popper.js.org/ -->
|
||
<script src="../js/bootstrap.min.js"></script>
|
||
<!-- https://getbootstrap.com/ -->
|
||
<script type="text/javascript" src="../slick/slick.min.js"></script>
|
||
<!-- Slick Carousel -->
|
||
<script type="text/javascript">
|
||
window.blur = function () {
|
||
var value = document.getElementById('contact_email').value;
|
||
document.getElementById('hidden').setAttribute("value", value);
|
||
}
|
||
window.onresize = function () {
|
||
calculateMediaQuery();
|
||
}
|
||
$(document).ready(
|
||
calculateMediaQuery()
|
||
);
|
||
function calculateMediaQuery() {
|
||
if (window.matchMedia('(min-width: 1200px)').matches) {
|
||
this.mediaQueryInUse = 'desktop';
|
||
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
|
||
this.mediaQueryInUse = 'desktop';
|
||
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
|
||
this.mediaQueryInUse = 'tablet';
|
||
} else {
|
||
this.mediaQueryInUse = 'mobile';
|
||
}
|
||
if (this.mediaQueryInUse != 'mobile') {
|
||
document.getElementById("information1").innerHTML = `
|
||
<div class="media-body tm-box-5">
|
||
<p class="mb-0" id="tm-section-4">
|
||
<br>
|
||
<div class="container main" style="position:relative">
|
||
<div class="row" id="stckprnt">
|
||
<div class=" col-md-9 col-md-push-3 main-content">
|
||
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
|
||
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
|
||
</div> -->
|
||
<br>
|
||
<p span style="font-size: 2em;">Area Flujos de Trabajo
|
||
<div>
|
||
class="field field-name-body field-type-text-with-summary field-label-hidden">
|
||
<div class="content">
|
||
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
|
||
<div class="field-items">
|
||
<div class="field-item even"
|
||
<p><img alt="ERP Area Work Flow" class="img-responsive" src="img/01-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
|
||
<p>Una empresa que optimiza los propios procesos obtiene siempre importantes resultados: un aumento de la consistencia de las informaciones, un aumento de la productividad individual, una mejora de las comunicaciones internas y de los servicios, además de las condiciones de trabajo o del “clima empresarial”, con un beneficio total de la calidad ofrecida a la clientela y una reducción significativa de los tiempos de trabajo o de los costes operativos.</p>
|
||
<br>
|
||
<h4>WORK-FLOW Diseño & Control</h4>
|
||
<hr />
|
||
<p>Permite objetivar los procesos de negocios empresariales, determinando una serie de reglas para cada flujo específico: documentos, informaciones y tareas (“<strong>TO DO List</strong>”) son transmitidos por consiguiente de manera automática de una posición a otra y validados paso a paso desde la “Rules Virtual Machine”.</p>
|
||
<br>
|
||
<h4>AUDIT TRAIL & Tracking</h4>
|
||
<hr />
|
||
<p>Inspirado en la normativa FDA CFR Part 11 (B/11.10) permite garantizar la <strong>rastreabilidad</strong>, hacia atrás, de todas las operaciones realizadas en el sistema informático, hasta llegar a los datos originales; indispensable para obtener la <strong>certificación </strong>de los procesos corporativos, puede gestionar también el registro de <strong>firmas </strong>electrónicas y controlar que los datos sean completados correctamente, generando mensajes de “status” o “warning” a las direcciones e-mail predefinidas.</p>
|
||
<br>
|
||
<h4>ADK (Application Designer Kit)</h4>
|
||
<hr />
|
||
<p>Framework de instrumentos dedicados al <strong>desarrollo </strong>y al diseño rápido de reglas, <strong>layout </strong>y <strong>programas </strong>de aplicaciones; el responsable corporativo puede confeccionar para cada usuario, rol o contexto el mejor flujo de utilización de los procedimientos para aumentar la <strong>productividad </strong>individual y la <strong>seguridad </strong>de los procesos.</p>
|
||
<br>
|
||
<h4>Personal DASHBOARD</h4>
|
||
<hr />
|
||
<p>Transforma el fondo de SAM ERP2 en un escritorio personal, <strong>configurable </strong>con gráficos<strong> y datos</strong> de síntesis, <strong>internos y externos</strong>, útiles para el propio trabajo y actualizados <strong>en tiempo real</strong>.</p>
|
||
<br>
|
||
<h4>CODIFICADOR Automático Artículos</h4>
|
||
<hr />
|
||
<p><strong>Define las reglas de codificación</strong> de los artículos corporativos, controla de manera automática la <strong>creación </strong>de códigos, permite la búsqueda de artículos mediante “código de habla”.</p>
|
||
<br>
|
||
<h4>CLASIFICADORES (técnicos y comerciales)</h4>
|
||
<hr />
|
||
<p>Genera, en paralelo a los clasificadores estándar, otros <strong>campos especiales</strong> para utilizar en las búsquedas en función de las exigencias específicas de los diferentes sectores empresariales</p>
|
||
<br>
|
||
<h4>TALLAS y COLORES</h4>
|
||
<hr />
|
||
<p>Gestiona las <strong>variantes del producto</strong> para identificar todos los artículos de un mismo código o modelo, pero diferente en cuanto a <strong>medida</strong> y/o <strong>color</strong>; tallas, colores, tipología de prendas, escalas métricas por nación, gama de colores estacionales, etc., permiten describir los <strong>resultados </strong>de cualquier tipo de producto con aspectos que acompañan a la creación de todos los procesos comerciales y productivos.</p>
|
||
<br>
|
||
<h4>ARTÍCULOS, Contrapartidas, Tablas (Modulo BASE)</h4>
|
||
<hr />
|
||
<p>Gestión y control de todas las informaciones y datos utilizados en común por los módulos del sistema ERP:</p>
|
||
<ol><li><strong>Productos </strong>y <strong>artículos</strong>: cada <strong>componente</strong>, <strong>semielaborado </strong>o <strong>producto terminado </strong>puede tener <strong>unidad de medida </strong>diferente (por compras, almacén, movimientos, producción, venta), pertenecer a<strong> familias, grupos, categorías homogéneas</strong>, clases de descuento, bandas de comisiones, puede tener coordinadas de almacén preferentes (<strong>asignaciones</strong>), tipologías de <strong>gestión de stock, condiciones de compra y de venta</strong> (cantidad pedido mínimo, garantía, etc.) y una <strong>ficha informativa</strong> en la que se puede anotar cualquier información (características, instrucciones de uso, normas o precauciones especiales, etc...) también en diferentes idiomas.</li>
|
||
<li>“<strong>contrapartidas</strong>” externas: <em><strong>Clientes, Proveedores, Bancos, Agentes, Empleados, Vendedores,</strong></em> con direcciones, nominativos y referencias, modalidad de transporte y entrega, tipos de pago, bancos de apoyo, contrapartidas contables, fichas informativas, etc...</li>
|
||
<li><strong>tablas generales</strong>: Causal de la Manipulación de Mercancías, Modalidad de Entrega y Transporte, Asignación de Almacén, Zonas geográficas, Empleados y colaboradores, Repartos y Centros de Costes, Líneas del producto, Condiciones Bancarias, etc.</li>
|
||
</ol>
|
||
<br>
|
||
<h4>Almacenamiento DOCUMENTAL</h4>
|
||
<hr />
|
||
<p>Permite una completa integración de los <strong>documentos </strong>en papel en el interior de los flujos empresariales: todos los documentos <strong>emitidos </strong>y todos los documentos <strong>recibidos </strong>son archivados automáticamente y conectados a los objetos del data base empresarial, con posibilidad de gestionar el almacenamiento sustitutivo según la ley. La<strong> interfaz web </strong>permite, con una autorización previa, acceder a todos los documentos las 24 horas y desde cualquier ubicación. La posibilidad de catalogar <strong>cualquier tipo</strong> de documento permite facilitar también los procesos de “anteproyecto” y de CRM, y la recogida de documentación técnico/comercial de la competencia, de la asistencia, etc.</p>
|
||
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/01-area-b.png" alt="ERP Area work flow" /></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
`;
|
||
document.getElementById("information1").style.display = 'flex';
|
||
document.getElementById("navigation-bar").innerHTML = `
|
||
<nav style="position:fixed;
|
||
top: 0px;
|
||
background: white!important;
|
||
z-index: 9999999999999;
|
||
width: 100vw;
|
||
height: 120px";
|
||
class="navbar navbar-expand-sm
|
||
bg-light navbar-light">
|
||
<!-- Brand -->
|
||
<!-- <a class="navbar-brand" href="#">
|
||
alt=""></a> -->
|
||
|
||
<!-- Links -->
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="../index.html">Inicio</a>
|
||
</li>
|
||
<!-- Dropdown -->
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
|
||
Tecnología
|
||
</a>
|
||
|
||
<div class="dropdown-menu">
|
||
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
|
||
<a class="dropdown-item" href="arduino.html">Arduino</a>
|
||
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
|
||
<a class="dropdown-item" href="delphi.html">Delphi</a>
|
||
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
|
||
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
|
||
<a class="dropdown-item" href="python.html">Python</a>
|
||
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
|
||
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
|
||
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#cnt-section">Contacto</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
`;
|
||
} else {
|
||
document.getElementById("information1").innerHTML = `
|
||
<div class="media-body tm-box-5">
|
||
<p class="mb-0" id="tm-section-4">
|
||
<br>
|
||
<p span style="font-size:1.2em"> ¡GRAN OFERTA POR EL MES DE JULIO!</p>
|
||
<div style="height: 90%; width: 90%;margin:0 auto;">
|
||
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
|
||
</div>
|
||
<br>
|
||
<div>
|
||
<br>
|
||
Al solicitar su cotización en <strong>Delphi Studio</strong>, socio oficial de Embarcadero, puede recibir un <strong>30% de descuento</strong> y una <strong>consulta gratuita</strong>.
|
||
<br><br>
|
||
¡No pierdas la oportunidad!
|
||
<br>
|
||
Compre antes del 31 de julio y reciba un 30% de descuento y una consulta gratuita.
|
||
<br>
|
||
<br>
|
||
<a class="nav-link" href="#cnt-section" span style="display:inline;margin:0; padding:0">Contáctenos</a> para recibir su oferta personalizada.
|
||
</div>
|
||
`;
|
||
document.getElementById("information1").style.display = 'block';
|
||
document.getElementById("navigation-bar").innerHTML = `
|
||
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
|
||
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<h5>
|
||
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
|
||
</h5>
|
||
</li>
|
||
<!-- Dropdown -->
|
||
<li class="nav-item dropdown">
|
||
<div id="accordion" role="tablist" aria-multiselectable="true">
|
||
<div class="panel">
|
||
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
|
||
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
|
||
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
|
||
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
|
||
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
|
||
</a>
|
||
</h5>
|
||
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
|
||
<div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
|
||
Aplicaciones Móviles
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="Arduino.html">
|
||
Arduino
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="bottelegram.html">
|
||
Bot Telegram
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="delphi.html">
|
||
Delphi
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="elkstack.html">
|
||
ELK Stack
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="machinelearning.html">
|
||
Machine Learning
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="python.html">
|
||
Python
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
|
||
Raspberry Pi
|
||
</a>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<a class="col-xs-12 no-line-link" href="restsoap.html">
|
||
Rest y Soap
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<h5>
|
||
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
|
||
</h5>
|
||
</li>
|
||
<li class="nav-item">
|
||
<h5>
|
||
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
|
||
</h5>
|
||
</li>
|
||
<li class="nav-item">
|
||
<h5>
|
||
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
|
||
</h5>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="modal-footer"></div>
|
||
</div>
|
||
</div>
|
||
</div>`
|
||
}
|
||
}
|
||
|
||
</script>
|
||
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
|
||
<script>
|
||
|
||
$(document).ready(
|
||
function () {
|
||
if (renderPage) {
|
||
$('body').addClass('loaded');
|
||
}
|
||
|
||
$('.scroll').on("click", function(e) {
|
||
e.preventDefault();
|
||
var dest = $(this).attr("href");
|
||
$("html, body").animate({
|
||
'scrollTop': $(dest).offset().top
|
||
}, 2000);
|
||
});
|
||
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
|
||
// Select all links with hashes
|
||
/*
|
||
$('a[href^="#"]')
|
||
// Remove links that don't actually link to anything
|
||
.not('[href="#"]')
|
||
.not('[href="#0"]')
|
||
.click(function (event) {
|
||
|
||
///*
|
||
// On-page links
|
||
if (
|
||
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
|
||
&&
|
||
location.hostname == this.hostname
|
||
) {
|
||
|
||
|
||
// Figure out element to scroll to
|
||
var target = $(this.hash);
|
||
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
|
||
// Does a scroll target exist?
|
||
if (target.length) {
|
||
// Only prevent default if animation is actually gonna happen
|
||
event.preventDefault();
|
||
$('html, body').animate({
|
||
scrollTop: target.offset().top + 1
|
||
}, 1000, function () {
|
||
// Callback after animation
|
||
// Must change focus!
|
||
var $target = $(target);
|
||
$target.focus();
|
||
if ($target.is(":focus")) { // Checking if the target was focused
|
||
return false;
|
||
} else {
|
||
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
|
||
$target.focus(); // Set focus again
|
||
};
|
||
});
|
||
}
|
||
}
|
||
});
|
||
//*/
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |