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

519 lines
35 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 ADMINISTRATIVA y FINANCIERA
<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 Administrativa y Financiera" class="img-responsive" src="img/07-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>La serenidad necesaria para dirigir una empresa no puede prescindir de una plena confianza, que tiene que ser correspondida con funciones administrativas y financieras.<br />
La agilidad y la precisión de los procesos contables, la certeza del rendimiento de todos los cumplimientos fiscales, el control puntual de la tesorería y de todos los flujos financieros, con posibilidad de prever los futuros saldos para cada C/C bancario y la exposición del riesgo de cada cliente, son la clave sobre la cual tiene que fundarse una nueva gestión administrativa moderna.</p>
<br>
<h4>EXPEDICIONES y FACTURACIÓN</h4>
<hr />
<p>Documentos de <strong>transporte</strong>, <strong>recibos</strong>, <strong>facturas inmediatas o diferidas, notas de crédito, packing list,</strong> con generación automática de los <strong>movimientos </strong>del almacén y de <strong>primera nota</strong>, <strong>distribución </strong>de los <strong>honorarios</strong>, <strong>envío de los documentos</strong> automáticamente (<strong>por e-mail, XML</strong> o por <strong>FAX</strong>, ¡para eliminar las actividades de envío postal!), elaboración automática de los datos para los modelos <strong>Intrastat</strong>; facturación individual, <strong>global </strong>o <strong>periódica</strong>, con acoplamiento de todas las condiciones predefinidas por cada artículo y cliente.</p>
<br>
<h4>CONTABILIDAD GENERAL</h4>
<hr />
<p>Registro de las escrituras contables para un completo cumplimiento de todas las obligaciones “civiles” y “fiscales”; las funciones de <strong>primera nota</strong> están completamente <strong>automatizadas</strong>, por las normas del IVA, con gestión automática de las contrapartidas, protocolos, diferentes registros, “multi-moneda”, movimientos “provisionales” o “extra-contables”, <strong>cuenta-saldo</strong> en las partidas abiertas, <strong>balances </strong>de <strong>verificación </strong>y según las normas UE, <strong>declaración de cuenta</strong> y <strong>recordatorios, plazos</strong> de <strong>finalización </strong>y <strong>ulteriores descuentos</strong>, <strong>retención de impuestos </strong>y <strong>seguridad social</strong> (con impresión de los recibos de pago y las certificaciones de las compensaciones para los que las perciben), <strong>ENASARCO </strong>(Ente Nacional de Asistencia de los Agentes y Representantes de Comercio), <strong>plafond exportadores</strong>, exportaciones datos para elencos<strong> clientes-proveedores</strong>, etc...</p>
<br>
<h4>TESORERÍA</h4>
<hr />
<p>Control <strong>plazos de finalización</strong> y ejecución de las operaciones ligadas a la <strong>movilización </strong>del <strong>dinero</strong>: <strong>órdenes de pago</strong> a proveedores, <strong>avisos de finalización</strong> del <strong>plazo</strong>, cartas de<strong> recordatorio</strong> a los clientes, <strong>recibos bancarios </strong>al SBF o al “después de cobro”, gestión<strong> sin resolver</strong>, cálculo intereses de demora, movimientos de cuentas, conciliación automática de la <strong>movilización bancaria a través de seguimientos CBI, </strong>etc...</p>
<br>
<h4>Gestión FINANCIERA</h4>
<hr />
<p>Control y previsión de los <strong>flujos financieros</strong> de la empresa para poder coordinar de la mejor manera las operaciones de tesorería: en especial, utilizando los elementos de coste o ganancia “<strong>pre-contables</strong>” (órdenes de compra o venta, DDT, etc.) y los movimientos <strong>provisionales </strong>de primera nota (salidas previstas para mutuas, leasing, seguros, sueldos, impuestos, etc.), se pueden <strong>simular </strong>los<strong> saldos futuros</strong> para la caja y <strong>para cada C/C bancaria </strong>(c/c ordinarias, recaudación SBF, etc.), evidenciando la <strong>disponibilidad neta</strong> (préstamo saldo); es también posible controlar la <strong>exposición del riesgo</strong> de cada cliente.</p>
<br>
<h4>ACTIVOS</h4>
<hr />
<p>Gestión de la vida administrativa de todos los <strong>bienes empresariales amortizables </strong>(materiales o inmateriales), y en especial de la categoría, de la <strong>asignación </strong>y de la <strong>historia </strong>de cada uno (compras, incrementos, revalorización, cesiones totales o parciales, etc...): se pueden efectuar simulaciones de amortización, elaborar las <strong>amortizaciones definitivas</strong> (<strong>civiles y fiscales</strong>), los<strong> costes de mantenimiento</strong>, el libro de activos, etc...</p>
<!-- <br>
<h4>Otros requisitos Fiscales</h4>
<hr />
<p>Elaboración directa de todos los requisitos fiscales relacionados con la Gestión <strong>RAEE </strong>(desechos de equipos eléctricos y electrónicos), Gestión <strong>CONAI </strong>(consorcio nacional embalajes), <strong>Black List</strong> lista clientes / proveedores, además de gestión integrada de las <strong>Retenciones de Impuestos</strong> y contacto con los procedimientos fiscales de El Sol 24 Horas <strong>Conformidad24</strong>: <strong>Declaraciones IVA</strong> (Declaración Iva Anual, Comunicación Iva, Declaración de intención recibos),<strong> Modelos 770</strong>, Delegaciones (Modelo F24), <strong>Certificaciones </strong>Compensaciones (utilizado para Mod.770), <strong>Balance Europeo</strong>, e interfaz con el procedimiento<strong> PAGAS On-Line</strong> de El Sol 24 Horas, etc.</p>
-->
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/07-area-b.png" alt="ERP area administrativa y financiera" /></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="/tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="/tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="/tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="/tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="/tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="/tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="/tecnologia/python.html">Python</a>
<a class="dropdown-item" href="/tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="/tecnologia/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 ADMINISTRATIVA y FINANCIERA</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 Administrativa y Financiera" class="img-responsive" src="img/07-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>La serenidad necesaria para dirigir una empresa no puede prescindir de una plena confianza, que tiene que ser correspondida con funciones administrativas y financieras.<br />
La agilidad y la precisión de los procesos contables, la certeza del rendimiento de todos los cumplimientos fiscales, el control puntual de la tesorería y de todos los flujos financieros, con posibilidad de prever los futuros saldos para cada C/C bancario y la exposición del riesgo de cada cliente, son la clave sobre la cual tiene que fundarse una nueva gestión administrativa moderna.</p>
<br>
<h4>EXPEDICIONES y FACTURACIÓN</h4>
<hr />
<p>Documentos de <strong>transporte</strong>, <strong>recibos</strong>, <strong>facturas inmediatas o diferidas, notas de crédito, packing list,</strong> con generación automática de los <strong>movimientos </strong>del almacén y de <strong>primera nota</strong>, <strong>distribución </strong>de los <strong>honorarios</strong>, <strong>envío de los documentos</strong> automáticamente (<strong>por e-mail, XML</strong> o por <strong>FAX</strong>, ¡para eliminar las actividades de envío postal!), elaboración automática de los datos para los modelos <strong>Intrastat</strong>; facturación individual, <strong>global </strong>o <strong>periódica</strong>, con acoplamiento de todas las condiciones predefinidas por cada artículo y cliente.</p>
<br>
<h4>CONTABILIDAD GENERAL</h4>
<hr />
<p>Registro de las escrituras contables para un completo cumplimiento de todas las obligaciones “civiles” y “fiscales”; las funciones de <strong>primera nota</strong> están completamente <strong>automatizadas</strong>, por las normas del IVA, con gestión automática de las contrapartidas, protocolos, diferentes registros, “multi-moneda”, movimientos “provisionales” o “extra-contables”, <strong>cuenta-saldo</strong> en las partidas abiertas, <strong>balances </strong>de <strong>verificación </strong>y según las normas UE, <strong>declaración de cuenta</strong> y <strong>recordatorios, plazos</strong> de <strong>finalización </strong>y <strong>ulteriores descuentos</strong>, <strong>retención de impuestos </strong>y <strong>seguridad social</strong> (con impresión de los recibos de pago y las certificaciones de las compensaciones para los que las perciben), <strong>ENASARCO </strong>(Ente Nacional de Asistencia de los Agentes y Representantes de Comercio), <strong>plafond exportadores</strong>, exportaciones datos para elencos<strong> clientes-proveedores</strong>, etc...</p>
<br>
<h4>TESORERÍA</h4>
<hr />
<p>Control <strong>plazos de finalización</strong> y ejecución de las operaciones ligadas a la <strong>movilización </strong>del <strong>dinero</strong>: <strong>órdenes de pago</strong> a proveedores, <strong>avisos de finalización</strong> del <strong>plazo</strong>, cartas de<strong> recordatorio</strong> a los clientes, <strong>recibos bancarios </strong>al SBF o al “después de cobro”, gestión<strong> sin resolver</strong>, cálculo intereses de demora, movimientos de cuentas, conciliación automática de la <strong>movilización bancaria a través de seguimientos CBI, </strong>etc...</p>
<br>
<h4>Gestión FINANCIERA</h4>
<hr />
<p>Control y previsión de los <strong>flujos financieros</strong> de la empresa para poder coordinar de la mejor manera las operaciones de tesorería: en especial, utilizando los elementos de coste o ganancia “<strong>pre-contables</strong>” (órdenes de compra o venta, DDT, etc.) y los movimientos <strong>provisionales </strong>de primera nota (salidas previstas para mutuas, leasing, seguros, sueldos, impuestos, etc.), se pueden <strong>simular </strong>los<strong> saldos futuros</strong> para la caja y <strong>para cada C/C bancaria </strong>(c/c ordinarias, recaudación SBF, etc.), evidenciando la <strong>disponibilidad neta</strong> (préstamo saldo); es también posible controlar la <strong>exposición del riesgo</strong> de cada cliente.</p>
<br>
<h4>ACTIVOS</h4>
<hr />
<p>Gestión de la vida administrativa de todos los <strong>bienes empresariales amortizables </strong>(materiales o inmateriales), y en especial de la categoría, de la <strong>asignación </strong>y de la <strong>historia </strong>de cada uno (compras, incrementos, revalorización, cesiones totales o parciales, etc...): se pueden efectuar simulaciones de amortización, elaborar las <strong>amortizaciones definitivas</strong> (<strong>civiles y fiscales</strong>), los<strong> costes de mantenimiento</strong>, el libro de activos, etc...</p>
<!-- <br>
<h4>Otros requisitos Fiscales</h4>
<hr />
<p>Elaboración directa de todos los requisitos fiscales relacionados con la Gestión <strong>RAEE </strong>(desechos de equipos eléctricos y electrónicos), Gestión <strong>CONAI </strong>(consorcio nacional embalajes), <strong>Black List</strong> lista clientes / proveedores, además de gestión integrada de las <strong>Retenciones de Impuestos</strong> y contacto con los procedimientos fiscales de El Sol 24 Horas <strong>Conformidad24</strong>: <strong>Declaraciones IVA</strong> (Declaración Iva Anual, Comunicación Iva, Declaración de intención recibos),<strong> Modelos 770</strong>, Delegaciones (Modelo F24), <strong>Certificaciones </strong>Compensaciones (utilizado para Mod.770), <strong>Balance Europeo</strong>, e interfaz con el procedimiento<strong> PAGAS On-Line</strong> de El Sol 24 Horas, etc.</p>
-->
<p>
<p><img alt="ERP area administrativa y financiera" class="img-responsive" src="img/07-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
/* /// originale
$('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>