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

536 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 C.R.M. (Marketing y Servicios)
<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 CRM Marketing e Servizi" class="img-responsive" src="img/02-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Las actividades con relación al Mercado o a los clientes, ya sea en fase de pre-venta (marketing) o de pos-venta (servicios), son desde siempre el motor de desarrollo de la empresa.<br />
La importancia con la que se tratan los temas de C.R.M. (Customer Relationship Management), junto a la gestión de todas las informaciones técnicas y comerciales relativas a los clientes adquiridos o a otros potenciales clientes , es hoy un elemento fundamental para que la empresa pueda competir en mercados cada vez más frenéticos y dinámicos.</p>
<br>
<h4>CRM 1 - MARKETING (pre-venta y post-venta) </h4>
<hr />
<p>Permite la programación de las <strong>acciones comerciales</strong> periódicas con una gestión <strong>gráfica </strong>de los <strong>calendarios </strong>de las <strong>actividades </strong>de <strong>marketing </strong>de cada operador, y la recopilación, catalogación y gestión de las <strong>informaciones </strong>de marketing de <strong>pre-venta</strong> (reutilizables cuando se adquieren <strong>clientes</strong>), y de<strong> post-venta</strong> (recall de los clientes, niveles de satisfacción, propuestas de otros productos, etc...)</p>
<br>
<h4>CRM 2 - SERVICIOS y ASISTENCIA (post-venta)</h4>
<hr />
<p>Permite la <strong>planificación</strong>, con gestión <strong>gráfica </strong>de los <strong>calendarios</strong>, de todas las <strong>actividades técnicas</strong> para dar un apoyo al equipo de ventas (pre-venta y demostraciones) y para la <strong>asistencia post-venta</strong>: instalaciones, mantenimiento, <strong>asistencia técnica</strong> (en <strong>garantía</strong>, por <strong>contrato</strong>, en la <strong>conclusión</strong>). Permite además un control de la “<strong>base instalada</strong>”, de los <strong>productos </strong>y de las <strong>versiones </strong>relativas utilizadas, gestión de las “relaciones de intervención” para la detección de <strong>tiempos</strong> y<strong> partes de recambio</strong> (con descarga automática desde el almacén), costes de <strong>movilidad</strong>, reembolso <strong>km</strong>, comentarios, y gestión de los datos para la facturación automática de recambios, actividades y contratos.</p>
<br>
<h4>Integración GEO-MARKETING</h4>
<hr />
<p>Da la posibilidad de utilizar la cartografía digital para visualizar la<strong> posición geográfica</strong> de muchas informaciones empresariales y las relaciones entre los datos y el territorio.<br />
Instrumento ideal para la <strong>localización </strong>del Target, con el fin de planificar y optimizar las actividades de marketing en el territorio, o de los Clientes, para verificar, ya sea en la fase de facturación o bien a distancia, el nivel de cobertura territorial y planificar mejor las redes de los agentes, de los puntos de venta, de la asistencia técnica o de las plataformas logísticas. </p>
<br>
<h4>Portal WEB MARKETING (CRM 1)</h4>
<hr />
<p>Acceso web con una interfaz muy sencilla e intuitiva, configurable en base a las funciones de responsabilidad y del rol empresarial, que permite involucrar a todos los equipos de ventas, las filiales, los distribuidores (extranjeros también) y clientes finales en los procesos de negocios corporativos. <br />
Este entorno web se convierte en la fuente privilegiada de la cual obtener de manera rápida y sencilla las informaciones necesarias para todos los “usuarios en movimiento”: oportunidades, ofertas, pedidos de seguimiento, fichas estructuradas y desestructuradas de los clientes, historial de llamadas telefónicas (integración con voip), e-mail, planificación visita clientes, entrevistas. </p>
<br>
<h4>Portal WEB SERVICIOS (CRM 2)</h4>
<hr />
<p>Permite al personal que trabaja fuera de la empresa (técnicos de asistencia, asesores, oficinas técnicas de diseño, personal en misión temporal de proyectos o actividades de “anteproyecto”, actividades de construcción etc.) verificar el propio <strong>flujo de trabajo</strong> y las <strong>solicitudes</strong> de actividad o intervención, controlar la situación “contable” del solicitante, confirmar las <strong>citas </strong>en el calendario compartido, insertar las <strong>actividades de consumo</strong> por pedido, contrato, garantía, fuera de garantía, y permite imprimir a distancia, cuando sea necesario, los <strong>formularios </strong>apropiados.<br />
Además es una labor de la empresa recoger a través del portal la lista de los <strong>gastos </strong>ocasionados (hoteles, aviones, trenes, km, autopista, restaurante etc.) eliminando de tal manera los costes administrativos relacionados y reduciendo tiempo y errores de facturación y/o de sumario.<br />
Para las empresas que proporcionan servicios de Help Desk resulta además notablemente útil la gestión del “<strong>Ticket</strong>”, activable por la clientela telefónicamente o directamente por Internet, con posibilidad de verificar con completa autonomía el progreso de la asistencia solicitada.</p>
<br>
<h4>SFA - Sales Force Automation</h4>
<hr />
<p>Permite utilizar dispositivos <strong>Smartphone, Laptop y Netbook </strong>para</p>
<ul><li>insertar nuevos <strong>pedidos </strong>y controlar las expediciones y facturaciones (tracking)</li>
<li>gestionar la<strong> planificación de visitas </strong>a clientes con lista a calendario de los clientes por visitar y sincronización con “pocket Outlook”;</li>
<li>consultar en tiempo real todo aquello que está relacionado con los <strong>productos</strong>: catálogo, listas de precios, inventarios de almacén, fichas técnicas con foto e imágenes;</li>
<li>consultar y actualizar en tiempo real todo aquello que está relacionado con los propios <strong>clientes</strong>: datos personales, condiciones aplicadas, servicios ya realizados o planificados, pedidos en curso o confirmados, presupuestos especiales, estadísticas de venta, expediciones o facturas, posición contable (partidas abiertas, ingresos, crédito total, crédito residual fiado, nivel de riesgo).</li>
<br>
</ul><h4>VENDING (Intento de Venta)</h4>
<hr />
<p>Permite la utilización de <strong>Kits </strong>especiales (maletas que contienen una terminal portátil con lector de código de barras y una impresora térmica) para <strong>emisión inmediata de pedidos, DDT o facturas</strong>, registro <strong>cobros</strong>, <strong>descarga mercancías</strong> y actualización automática de los inventarios del <strong>almacén ambulante</strong> (coche o furgoneta).</p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/02-area-a.png" alt="ERP Area CRM Marketing e Servizi" /></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 C.R.M. (Marketing y Servicios)</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 CRM Marketing e Servizi" class="img-responsive" src="img/02-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Las actividades con relación al Mercado o a los clientes, ya sea en fase de pre-venta (marketing) o de pos-venta (servicios), son desde siempre el motor de desarrollo de la empresa.<br />
La importancia con la que se tratan los temas de C.R.M. (Customer Relationship Management), junto a la gestión de todas las informaciones técnicas y comerciales relativas a los clientes adquiridos o a otros potenciales clientes , es hoy un elemento fundamental para que la empresa pueda competir en mercados cada vez más frenéticos y dinámicos.</p>
<br>
<h4>CRM 1 - MARKETING (pre-venta y post-venta) </h4>
<hr />
<p>Permite la programación de las <strong>acciones comerciales</strong> periódicas con una gestión <strong>gráfica </strong>de los <strong>calendarios </strong>de las <strong>actividades </strong>de <strong>marketing </strong>de cada operador, y la recopilación, catalogación y gestión de las <strong>informaciones </strong>de marketing de <strong>pre-venta</strong> (reutilizables cuando se adquieren <strong>clientes</strong>), y de<strong> post-venta</strong> (recall de los clientes, niveles de satisfacción, propuestas de otros productos, etc...)</p>
<br>
<h4>CRM 2 - SERVICIOS y ASISTENCIA (post-venta)</h4>
<hr />
<p>Permite la <strong>planificación</strong>, con gestión <strong>gráfica </strong>de los <strong>calendarios</strong>, de todas las <strong>actividades técnicas</strong> para dar un apoyo al equipo de ventas (pre-venta y demostraciones) y para la <strong>asistencia post-venta</strong>: instalaciones, mantenimiento, <strong>asistencia técnica</strong> (en <strong>garantía</strong>, por <strong>contrato</strong>, en la <strong>conclusión</strong>). Permite además un control de la “<strong>base instalada</strong>”, de los <strong>productos </strong>y de las <strong>versiones </strong>relativas utilizadas, gestión de las “relaciones de intervención” para la detección de <strong>tiempos</strong> y<strong> partes de recambio</strong> (con descarga automática desde el almacén), costes de <strong>movilidad</strong>, reembolso <strong>km</strong>, comentarios, y gestión de los datos para la facturación automática de recambios, actividades y contratos.</p>
<br>
<h4>Integración GEO-MARKETING</h4>
<hr />
<p>Da la posibilidad de utilizar la cartografía digital para visualizar la<strong> posición geográfica</strong> de muchas informaciones empresariales y las relaciones entre los datos y el territorio.<br />
Instrumento ideal para la <strong>localización </strong>del Target, con el fin de planificar y optimizar las actividades de marketing en el territorio, o de los Clientes, para verificar, ya sea en la fase de facturación o bien a distancia, el nivel de cobertura territorial y planificar mejor las redes de los agentes, de los puntos de venta, de la asistencia técnica o de las plataformas logísticas. </p>
<br>
<h4>Portal WEB MARKETING (CRM 1)</h4>
<hr />
<p>Acceso web con una interfaz muy sencilla e intuitiva, configurable en base a las funciones de responsabilidad y del rol empresarial, que permite involucrar a todos los equipos de ventas, las filiales, los distribuidores (extranjeros también) y clientes finales en los procesos de negocios corporativos. <br />
Este entorno web se convierte en la fuente privilegiada de la cual obtener de manera rápida y sencilla las informaciones necesarias para todos los “usuarios en movimiento”: oportunidades, ofertas, pedidos de seguimiento, fichas estructuradas y desestructuradas de los clientes, historial de llamadas telefónicas (integración con voip), e-mail, planificación visita clientes, entrevistas. </p>
<br>
<h4>Portal WEB SERVICIOS (CRM 2)</h4>
<hr />
<p>Permite al personal que trabaja fuera de la empresa (técnicos de asistencia, asesores, oficinas técnicas de diseño, personal en misión temporal de proyectos o actividades de “anteproyecto”, actividades de construcción etc.) verificar el propio <strong>flujo de trabajo</strong> y las <strong>solicitudes</strong> de actividad o intervención, controlar la situación “contable” del solicitante, confirmar las <strong>citas </strong>en el calendario compartido, insertar las <strong>actividades de consumo</strong> por pedido, contrato, garantía, fuera de garantía, y permite imprimir a distancia, cuando sea necesario, los <strong>formularios </strong>apropiados.<br />
Además es una labor de la empresa recoger a través del portal la lista de los <strong>gastos </strong>ocasionados (hoteles, aviones, trenes, km, autopista, restaurante etc.) eliminando de tal manera los costes administrativos relacionados y reduciendo tiempo y errores de facturación y/o de sumario.<br />
Para las empresas que proporcionan servicios de Help Desk resulta además notablemente útil la gestión del “<strong>Ticket</strong>”, activable por la clientela telefónicamente o directamente por Internet, con posibilidad de verificar con completa autonomía el progreso de la asistencia solicitada.</p>
<br>
<h4>SFA - Sales Force Automation</h4>
<hr />
<p>Permite utilizar dispositivos <strong>Smartphone, Laptop y Netbook </strong>para</p>
<ul><li>insertar nuevos <strong>pedidos </strong>y controlar las expediciones y facturaciones (tracking)</li>
<li>gestionar la<strong> planificación de visitas </strong>a clientes con lista a calendario de los clientes por visitar y sincronización con “pocket Outlook”;</li>
<li>consultar en tiempo real todo aquello que está relacionado con los <strong>productos</strong>: catálogo, listas de precios, inventarios de almacén, fichas técnicas con foto e imágenes;</li>
<li>consultar y actualizar en tiempo real todo aquello que está relacionado con los propios <strong>clientes</strong>: datos personales, condiciones aplicadas, servicios ya realizados o planificados, pedidos en curso o confirmados, presupuestos especiales, estadísticas de venta, expediciones o facturas, posición contable (partidas abiertas, ingresos, crédito total, crédito residual fiado, nivel de riesgo).</li>
<br>
</ul><h4>VENDING (Intento de Venta)</h4>
<hr />
<p>Permite la utilización de <strong>Kits </strong>especiales (maletas que contienen una terminal portátil con lector de código de barras y una impresora térmica) para <strong>emisión inmediata de pedidos, DDT o facturas</strong>, registro <strong>cobros</strong>, <strong>descarga mercancías</strong> y actualización automática de los inventarios del <strong>almacén ambulante</strong> (coche o furgoneta).</p>
<p><img alt="ERP Area CRM Marketing e Servizi" class="img-responsive" src="img/02-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </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>