514 lines
32 KiB
HTML
514 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;">Área Seguridad y Instrumentos de Desarrollo
|
||
<div>
|
||
<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 seguridad e instrumento de desarrollo" class="img-responsive" src="img/10-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
|
||
|
||
<p>El sistema informático es una memoria histórica y el motor de todas las actividades corporativas; como tal va defendido de cada posible utilización indebida mediante funciones que permiten el completo control y la absoluta seguridad de accesos y operaciones.<br />
|
||
La posibilidad de desarrollar funciones personalizadas, además de mejorar la eficiencia y las actuaciones de todos los procesos, permite poder adaptar después el sistema a cambios empresariales futuros y salvaguardar así las inversiones relacionadas.</p>
|
||
<br>
|
||
<h4>Control Permisos y Privacidad</h4>
|
||
<hr />
|
||
<p>El administrador del sistema puede definir los <strong>usuarios </strong>individuales o crear <strong>grupos </strong>de usuarios o por cada uno de ellos puede indicar las funciones a las cuales se le impide el acceso y aquellas a las que le es posible acceder, especificando si el permiso es “full-control” o “solo lectura”.<br />
|
||
Este sistema de control de accesos está en perfecto cumplimiento con las últimas normativas y con las disposiciones legislativas que regulan la <strong>Privacidad</strong>.</p>
|
||
<br>
|
||
<h4>Security System</h4>
|
||
<hr />
|
||
<p>Nivel adicional de “<strong>Security</strong>” que permite un control más específico con la gestión de las <strong>limitaciones</strong> para cada usuario (o para cada grupo) también en cuanto a cada <strong>campo por separado</strong> de cada ventana o <strong>barra de instrumentos</strong>: cada campo puede ser “modificable”, “solo lectura”, con “registro obligatorio” o con “acceso denegado” (así como también pueden ser inhibidas las visualizaciones de algunas informaciones específicas). La posibilidad de actuar también en la barra de instrumentos de cada ventana permite denegar, por ejemplo, la posibilidad de efectuar impresiones o búsquedas de un cierto tipo.<br />
|
||
El módulo permite además gestionar las <strong>aprobaciones de los documentos a más niveles</strong>.</p>
|
||
<br>
|
||
<h4>Impresiones y Informes personalizables</h4>
|
||
<hr />
|
||
<p>El sistema está dotado de más de <strong>900 impresiones standard</strong> de base (<strong>documentos, listados, informes</strong>) pero cada empresa puede tener exigencias o preferencias específicas.<br /><strong>Report Generation Tool (RGT) </strong>es el instrumento que, utilizando un <strong>ambiente gráfico,</strong> permite modificar de manera <strong>sencilla </strong>y autónoma <strong>las impresiones existentes o crear nuevos diseños de informes y documentos.</strong></p>
|
||
<br>
|
||
<h4>Desarrollo software especiales (SDK)</h4>
|
||
<hr />
|
||
<p>Permite <strong>desarrollar </strong>con la máxima sencillez <strong>programas y aplicaciones verticales</strong> que se integran perfectamente con las estructuras de las Bases de Datos existentes, aprovechando la “business logic” y manteniendo la coherencia y la integridad de los datos.<br />
|
||
De hecho con SDK es posible <strong>exportar </strong>o <strong>englobar </strong>en aplicaciones externas las numerosas <strong>funcionalidades </strong>contenidas en el interior del sistema: gestión artículos, gestión documentos de venta, DDT, Facturas, etc., y utilizar estas mismas operaciones <strong>de cualquier otro programa o ambiente</strong> que soporte llamadas a <strong>DLL</strong>, sin preocuparse por las lógicas internas ligadas a cada funcionalidad independiente.<br />
|
||
Así se tiene la ventaja de escribir solamente la parte del código relacionada con la personalización sin hacerse responsable de la actualización de las funciones standard que se realiza en cualquier caso de manera automática en cada nuevo lanzamiento del producto.</p>
|
||
<p> </p>
|
||
|
||
|
||
<p>
|
||
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/10-area-b.png" alt="ERP area seguridad e instrumento de desarrollo" /></p>
|
||
<p> </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 = `
|
||
<!-- jose -->
|
||
<div class="media-body tm-box-5">
|
||
<p class="mb-0" id="tm-section-4">
|
||
<br>
|
||
<p span style="font-size:1.2em">Área Seguridad y Instrumentos de Desarrollo</p>
|
||
<div style="height: 90%; width: 90%;margin:0 auto;"
|
||
<div>
|
||
<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 seguridad e instrumento de desarrollo" class="img-responsive" src="img/10-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
|
||
|
||
<p>El sistema informático es una memoria histórica y el motor de todas las actividades corporativas; como tal va defendido de cada posible utilización indebida mediante funciones que permiten el completo control y la absoluta seguridad de accesos y operaciones.<br />
|
||
La posibilidad de desarrollar funciones personalizadas, además de mejorar la eficiencia y las actuaciones de todos los procesos, permite poder adaptar después el sistema a cambios empresariales futuros y salvaguardar así las inversiones relacionadas.</p>
|
||
<br>
|
||
<h4>Control Permisos y Privacidad</h4>
|
||
<hr />
|
||
<p>El administrador del sistema puede definir los <strong>usuarios </strong>individuales o crear <strong>grupos </strong>de usuarios o por cada uno de ellos puede indicar las funciones a las cuales se le impide el acceso y aquellas a las que le es posible acceder, especificando si el permiso es “full-control” o “solo lectura”.<br />
|
||
Este sistema de control de accesos está en perfecto cumplimiento con las últimas normativas y con las disposiciones legislativas que regulan la <strong>Privacidad</strong>.</p>
|
||
<br>
|
||
<h4>Security System</h4>
|
||
<hr />
|
||
<p>Nivel adicional de “<strong>Security</strong>” que permite un control más específico con la gestión de las <strong>limitaciones</strong> para cada usuario (o para cada grupo) también en cuanto a cada <strong>campo por separado</strong> de cada ventana o <strong>barra de instrumentos</strong>: cada campo puede ser “modificable”, “solo lectura”, con “registro obligatorio” o con “acceso denegado” (así como también pueden ser inhibidas las visualizaciones de algunas informaciones específicas). La posibilidad de actuar también en la barra de instrumentos de cada ventana permite denegar, por ejemplo, la posibilidad de efectuar impresiones o búsquedas de un cierto tipo.<br />
|
||
El módulo permite además gestionar las <strong>aprobaciones de los documentos a más niveles</strong>.</p>
|
||
<br>
|
||
<h4>Impresiones y Informes personalizables</h4>
|
||
<hr />
|
||
<p>El sistema está dotado de más de <strong>900 impresiones standard</strong> de base (<strong>documentos, listados, informes</strong>) pero cada empresa puede tener exigencias o preferencias específicas.<br /><strong>Report Generation Tool (RGT) </strong>es el instrumento que, utilizando un <strong>ambiente gráfico,</strong> permite modificar de manera <strong>sencilla </strong>y autónoma <strong>las impresiones existentes o crear nuevos diseños de informes y documentos.</strong></p>
|
||
<br>
|
||
<h4>Desarrollo software especiales (SDK)</h4>
|
||
<hr />
|
||
<p>Permite <strong>desarrollar </strong>con la máxima sencillez <strong>programas y aplicaciones verticales</strong> que se integran perfectamente con las estructuras de las Bases de Datos existentes, aprovechando la “business logic” y manteniendo la coherencia y la integridad de los datos.<br />
|
||
De hecho con SDK es posible <strong>exportar </strong>o <strong>englobar </strong>en aplicaciones externas las numerosas <strong>funcionalidades </strong>contenidas en el interior del sistema: gestión artículos, gestión documentos de venta, DDT, Facturas, etc., y utilizar estas mismas operaciones <strong>de cualquier otro programa o ambiente</strong> que soporte llamadas a <strong>DLL</strong>, sin preocuparse por las lógicas internas ligadas a cada funcionalidad independiente.<br />
|
||
Así se tiene la ventaja de escribir solamente la parte del código relacionada con la personalización sin hacerse responsable de la actualización de las funciones standard que se realiza en cualquier caso de manera automática en cada nuevo lanzamiento del producto.</p>
|
||
<p> </p>
|
||
|
||
|
||
<p>
|
||
<p><img alt="ERP area seguridad e instrumento de desarrollo" class="img-responsive" src="img/10-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
|
||
<p> </p>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</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> |