Files
delphistudio-website/public/cs/erp2_area_compras_almacenes_y_logistica.html
Alessio Molinaro a6f764245d First Commit
Setup repo and website
2024-11-21 09:29:25 +01:00

535 lines
37 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 COMPRAS, ALMACENES Y LOGÍSTICA
<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 Compras Almacenes y Logística" class="img-responsive" src="img/04-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Agilizar las relaciones con los proveedores, acelerar la circulación de mercancías, eliminar los errores de recepción, optimizar las provisiones y la gestión de los almacenes son las primeras acciones que hay que adoptar para reducir los costes e incrementar la eficacia general de los procesos empresariales.<br />
Rastreabilidad, trazabilidad y optimización de los trasportes son algunos otros instrumentos necesarios para certificar los propios flujos y afrontar la complejidad de los actuales mercados.</p>
<br>
<h4>COMPRAS</h4>
<hr />
<p>Gestión y control de las condiciones de todos los proveedores (principales, secundarios u ocasionales), de sus <strong>listas </strong>de precios (con descuentos, tiempos de entrega y <strong>unidad de medida</strong> múltiple), de los <strong>pedidos de compra</strong> (también en moneda extranjera y con entregas fraccionadas, directamente por <strong>e-mail</strong> o por <strong>fax</strong>), de los <strong>avisos </strong>ocasionales (con “ABC” de las urgencias en función de las prioridades productivas reales o de venta), del <strong>control de recepción</strong> por la aceptación de mercancías y facturas, de los “<strong>pedidos abiertos</strong>” y de los “<strong>pedidos por llamada</strong>”.</p>
<br>
<h4>Portal WEB PROVEEDORES</h4>
<hr />
<p>Permite una comunicación inmediata con los propios proveedores para solicitudes de presupuesto, confirmación de pedidos, fechas de entrega, actualizaciones, elaboración etiquetas con bar-code por lotes o productos individuales que se puedan imprimir directamente por los proveedores (para una inmediata identificación de los artículos en la entrega); por lo tanto permite una notable reducción de los tiempos y costes en la transmisión de informaciones y, sobre todo si se completa con el módulo para la “Logística” (BWS), en el desplazamiento de las mercancías en el interior de la cadena de producción.</p>
<br>
<h4>ALMACENES y STOCK</h4>
<hr />
<p>Gestión de todas las ubicaciones en las que se encuentran las mercancías (<em>almacenes, <strong>departamentos</strong> de producción, <strong>depósitos </strong>de los <strong>clientes </strong>y proveedores,...</em>), <strong>circulación automática</strong> de las mercancías, con elaboración de <strong>cantidad comprometida, pedido o disponible</strong>, cálculo del <strong>stock mínimo, índice de rotación y tiempo de cobertura</strong> para cada artículo, listas de los artículos con <strong>stock limitado</strong> o <strong>sobrestock</strong>, valoración inmediata de las existencias también en las ubicaciones externas (depósitos, c/visión, c/trabajo, etc...), rotación de <strong>inventarios</strong>, <strong>escrituras auxiliares </strong>para la contabilidad del almacén con <strong>relativos registros fiscales y registros editores</strong>.</p>
<br>
<h4>RASTREABILIDAD (LOTES, Números de SERIE, rastreabilidad ALIMENTARIA)</h4>
<hr />
<p><strong>Seguimiento </strong>de todos los movimientos de los materiales (a través de los <strong>números de serie o lote</strong>), para conocer así <strong>en qué</strong> productos ha sido utilizado un componente (por ej. para las garantías), o <strong>qué proveniencias</strong> tienen los componentes de un producto terminado (<strong>Supply Chain Management</strong>); gestión de la asignación de cada artículo, almacenes de tipo <strong>F.I.F.O.</strong> (con<strong> fecha ingreso</strong> y <strong>fecha caducidad</strong>), enlaces entre el DDT de entrada y salida (registros de carga y descarga) en las empresas que efectúan <strong>c/Trabajo</strong> (“contratistas”), elaboración de lotes en caducidad,... funcionalidades idóneas para “rastrear” cualquier sustancia o producto (transformado, parcialmente transformado o no transformado) destinado a la alimentación humana, en pleno cumplimiento con las normas de circulación de alimentos (Food Law CEE 178/2002).</p>
<br>
<h4>LOGÍSTICA con BAR-CODE (BWS - Barcode Wireless Store)</h4>
<hr />
<p>Reconocimiento y <strong>circulación </strong>de mercancías mediante lectura de los <strong>bar-code</strong> utilizando pequeñas terminales <strong>wireless </strong>conectadas <strong>en tiempo real</strong> con el sistema central: <em><strong>ingresos, expediciones, retiradas, transferencias</strong>, </em>pero también<em> <strong>inventarios, controles</strong>, etc</em>.. gestión de las salas (Vías/Pisos/Columnas), de las “<strong>unidades de cargo</strong>”, optimización de los espacios, mapeo dinámico de los almacenes, etc.</p>
<p><strong>ESTADÍSTICAS COMPRAS y Evaluación Proveedores</strong></p>
<p>Indicaciones numéricas y gráficas sobre las compras realizadas, sobre la <strong>economía </strong>y la convivencia de los diferentes <strong>artículos; evaluación global</strong> de los <strong>proveedores </strong>según los requisitos necesarios para la certificación corporativa.</p>
<br>
<h4>OPTIMIZACIÓN TRANSPORTES</h4>
<hr />
<p>Permite organizar la entrega de las mercancías gestionando las características de los medios de transporte por producto y cliente (corriente, modelo, refrigeración...) y la lista de precios (por transportador, palé, kilo, volumen etc.). De la función de “verificación del envío” se obtiene una propuesta de los transportistas que pueden realizar las entregas en base a las “rutas predeterminadas”, a las descargas y a las zonas cubiertas, y además es posible realizar rápidas simulaciones para insertar, en el “ruta de vuelta”, eventuales recogidas de mercancías de proveedores, con verificación final mediante geolocalización.<br />
El prospecto para la factura del transportista se produce automáticamente acelerando, de tal manera, el control de las facturas, el paso directo a la contabilidad y la atribución exacta de los costes de transporte sobre los productos para un completo control de administración.</p>
<br>
<h4>“CrossAnalisys” del Almacén y clasificaciones ABC</h4>
<hr />
<p>Los resultados de la lógica <strong>ABC</strong> vienen aplicados y relacionados con los valores de <strong>existencias </strong>y de <strong>consumo </strong>para obtener matrices que indican cuales son los artículos que tienen <strong>provisiones más altas</strong> o <strong>más bajas</strong> de lo necesario (<strong>riesgos de obsolescencia </strong>o <strong>agotamiento/stock-out</strong>).</p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/04-area-b.png" alt="ERP area Compras Almacenes y Logística" /></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 COMPRAS, ALMACENES Y LOGÍSTICA</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 Compras Almacenes y Logística" class="img-responsive" src="img/04-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Agilizar las relaciones con los proveedores, acelerar la circulación de mercancías, eliminar los errores de recepción, optimizar las provisiones y la gestión de los almacenes son las primeras acciones que hay que adoptar para reducir los costes e incrementar la eficacia general de los procesos empresariales.<br />
Rastreabilidad, trazabilidad y optimización de los trasportes son algunos otros instrumentos necesarios para certificar los propios flujos y afrontar la complejidad de los actuales mercados.</p>
<br>
<h4>COMPRAS</h4>
<hr />
<p>Gestión y control de las condiciones de todos los proveedores (principales, secundarios u ocasionales), de sus <strong>listas </strong>de precios (con descuentos, tiempos de entrega y <strong>unidad de medida</strong> múltiple), de los <strong>pedidos de compra</strong> (también en moneda extranjera y con entregas fraccionadas, directamente por <strong>e-mail</strong> o por <strong>fax</strong>), de los <strong>avisos </strong>ocasionales (con “ABC” de las urgencias en función de las prioridades productivas reales o de venta), del <strong>control de recepción</strong> por la aceptación de mercancías y facturas, de los “<strong>pedidos abiertos</strong>” y de los “<strong>pedidos por llamada</strong>”.</p>
<br>
<h4>Portal WEB PROVEEDORES</h4>
<hr />
<p>Permite una comunicación inmediata con los propios proveedores para solicitudes de presupuesto, confirmación de pedidos, fechas de entrega, actualizaciones, elaboración etiquetas con bar-code por lotes o productos individuales que se puedan imprimir directamente por los proveedores (para una inmediata identificación de los artículos en la entrega); por lo tanto permite una notable reducción de los tiempos y costes en la transmisión de informaciones y, sobre todo si se completa con el módulo para la “Logística” (BWS), en el desplazamiento de las mercancías en el interior de la cadena de producción.</p>
<br>
<h4>ALMACENES y STOCK</h4>
<hr />
<p>Gestión de todas las ubicaciones en las que se encuentran las mercancías (<em>almacenes, <strong>departamentos</strong> de producción, <strong>depósitos </strong>de los <strong>clientes </strong>y proveedores,...</em>), <strong>circulación automática</strong> de las mercancías, con elaboración de <strong>cantidad comprometida, pedido o disponible</strong>, cálculo del <strong>stock mínimo, índice de rotación y tiempo de cobertura</strong> para cada artículo, listas de los artículos con <strong>stock limitado</strong> o <strong>sobrestock</strong>, valoración inmediata de las existencias también en las ubicaciones externas (depósitos, c/visión, c/trabajo, etc...), rotación de <strong>inventarios</strong>, <strong>escrituras auxiliares </strong>para la contabilidad del almacén con <strong>relativos registros fiscales y registros editores</strong>.</p>
<br>
<h4>RASTREABILIDAD (LOTES, Números de SERIE, rastreabilidad ALIMENTARIA)</h4>
<hr />
<p><strong>Seguimiento </strong>de todos los movimientos de los materiales (a través de los <strong>números de serie o lote</strong>), para conocer así <strong>en qué</strong> productos ha sido utilizado un componente (por ej. para las garantías), o <strong>qué proveniencias</strong> tienen los componentes de un producto terminado (<strong>Supply Chain Management</strong>); gestión de la asignación de cada artículo, almacenes de tipo <strong>F.I.F.O.</strong> (con<strong> fecha ingreso</strong> y <strong>fecha caducidad</strong>), enlaces entre el DDT de entrada y salida (registros de carga y descarga) en las empresas que efectúan <strong>c/Trabajo</strong> (“contratistas”), elaboración de lotes en caducidad,... funcionalidades idóneas para “rastrear” cualquier sustancia o producto (transformado, parcialmente transformado o no transformado) destinado a la alimentación humana, en pleno cumplimiento con las normas de circulación de alimentos (Food Law CEE 178/2002).</p>
<br>
<h4>LOGÍSTICA con BAR-CODE (BWS - Barcode Wireless Store)</h4>
<hr />
<p>Reconocimiento y <strong>circulación </strong>de mercancías mediante lectura de los <strong>bar-code</strong> utilizando pequeñas terminales <strong>wireless </strong>conectadas <strong>en tiempo real</strong> con el sistema central: <em><strong>ingresos, expediciones, retiradas, transferencias</strong>, </em>pero también<em> <strong>inventarios, controles</strong>, etc</em>.. gestión de las salas (Vías/Pisos/Columnas), de las “<strong>unidades de cargo</strong>”, optimización de los espacios, mapeo dinámico de los almacenes, etc.</p>
<p><strong>ESTADÍSTICAS COMPRAS y Evaluación Proveedores</strong></p>
<p>Indicaciones numéricas y gráficas sobre las compras realizadas, sobre la <strong>economía </strong>y la convivencia de los diferentes <strong>artículos; evaluación global</strong> de los <strong>proveedores </strong>según los requisitos necesarios para la certificación corporativa.</p>
<br>
<h4>OPTIMIZACIÓN TRANSPORTES</h4>
<hr />
<p>Permite organizar la entrega de las mercancías gestionando las características de los medios de transporte por producto y cliente (corriente, modelo, refrigeración...) y la lista de precios (por transportador, palé, kilo, volumen etc.). De la función de “verificación del envío” se obtiene una propuesta de los transportistas que pueden realizar las entregas en base a las “rutas predeterminadas”, a las descargas y a las zonas cubiertas, y además es posible realizar rápidas simulaciones para insertar, en el “ruta de vuelta”, eventuales recogidas de mercancías de proveedores, con verificación final mediante geolocalización.<br />
El prospecto para la factura del transportista se produce automáticamente acelerando, de tal manera, el control de las facturas, el paso directo a la contabilidad y la atribución exacta de los costes de transporte sobre los productos para un completo control de administración.</p>
<br>
<h4>“CrossAnalisys” del Almacén y clasificaciones ABC</h4>
<hr />
<p>Los resultados de la lógica <strong>ABC</strong> vienen aplicados y relacionados con los valores de <strong>existencias </strong>y de <strong>consumo </strong>para obtener matrices que indican cuales son los artículos que tienen <strong>provisiones más altas</strong> o <strong>más bajas</strong> de lo necesario (<strong>riesgos de obsolescencia </strong>o <strong>agotamiento/stock-out</strong>).</p>
<p>
<p><img alt="ERP área Compras Almacenes y Logística" class="img-responsive" src="img/04-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>