First Commit
Setup repo and website
This commit is contained in:
413
public/tecnologia/aplicacionesmoviles.html
Normal file
413
public/tecnologia/aplicacionesmoviles.html
Normal file
@@ -0,0 +1,413 @@
|
||||
<!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 | Aplicaciones Móviles para Android e iOS</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>
|
||||
<h1>Aplicaciones Móviles para Android e iOS</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/aplicacionesmoviles/am-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">En los últimos años hemos visto que el 90% del uso de internet es desde dispositivos móviles
|
||||
(Teléfonos celulares, smartphones, tablets, etc).</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio ofrece alternativas actualizadas en el desarrollo de aplicaciones para dispositivos móviles.
|
||||
Tenemos una sólida experiencia en programación para Apple y Android.</p>
|
||||
</div>
|
||||
<img src="../img/aplicacionesmoviles/am-02.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/aplicacionesmoviles/am-03.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Desarrollamos servicios y aplicaciones corporativas, es decir, las empresas que quieran hacer crecer su negocio
|
||||
(aprovechando esta tecnología) hoy tienen una gran oportunidad de conectarse con sus clientes utilizando una aplicación móvil.
|
||||
En Delphi Studio nos encargamos de todo el ciclo de vida de tu proyecto, desde el estudio y análisis de la idea hasta su puesta en marcha.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/aplicacionesmoviles/am-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Uno de los lenguajes más apoyados por los programadores es Python por que con este lenguaje
|
||||
puedes hacer prácticamente lo que tu quieras.
|
||||
<br>Es uno de los lenguajes de moda en sus múltiples usos: para escritorio, aplicaciones científicas,
|
||||
web, scripting y mucho más.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/aplicacionesmoviles/am-02.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio te ayuda a optimizar tu infraestructura utilizando las mejores soluciones,
|
||||
para la configuración del servidor y para la implementación de aplicaciones.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/aplicacionesmoviles/am-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Si deseas iniciar un nuevo proyecto en Python, o si necesitas asistencia y/o consultoría para su actual proyecto,
|
||||
no dudes en contactarnos.
|
||||
<br>¡Nuestro equipo de expertos en Delphi Studio, será feliz de ayudarte en todas tus necesidades de desarrollo!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").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" 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');
|
||||
}
|
||||
// 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>
|
||||
395
public/tecnologia/arduino.html
Normal file
395
public/tecnologia/arduino.html
Normal file
@@ -0,0 +1,395 @@
|
||||
<!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 | ARDUINO</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>
|
||||
<h1>ARDUINO</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/arduino/ad-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Aprende a utilizar una de las plataformas de hardware libre más poderosas, difundidas y adoptadas en la actualidad.
|
||||
<br>Delphi Studio te ayuda a conocer los fundamentos de Arduino y te asesora a desarrollar proyectos
|
||||
de electrónica, domótica y robótica para tu empresa.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Con nosotros entenderas el alcance y las posibilidades de esta plataforma, conocerás las distintas familias de placas
|
||||
Arduino (veremos sus características, ventajas y desventajas para que puedas elegir la que mejor se adapte a las
|
||||
necesidades de tu empresa) y utilizarás el IDE de desarrollo en distintos Sistemas operativos y las consideraciones
|
||||
a tener en cuenta para su alimentación con fuentes, baterías y USB.</p>
|
||||
</div>
|
||||
<img src="../img/arduino/ad-02.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/arduino/ad-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Aprende a utilizar una de las plataformas de hardware libre más poderosas, difundidas y adoptadas en la actualidad.
|
||||
<br>Delphi Studio te ayuda a conocer los fundamentos de Arduino y te asesora a desarrollar proyectos
|
||||
de electrónica, domótica y robótica para tu empresa.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/arduino/ad-02.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Con nosotros entenderas el alcance y las posibilidades de esta plataforma, conocerás las distintas familias de placas
|
||||
Arduino (veremos sus características, ventajas y desventajas para que puedas elegir la que mejor se adapte a las
|
||||
necesidades de tu empresa) y utilizarás el IDE de desarrollo en distintos Sistemas operativos y las consideraciones
|
||||
a tener en cuenta para su alimentación con fuentes, baterías y USB.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").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" 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');
|
||||
}
|
||||
// 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>
|
||||
512
public/tecnologia/bottelegram.html
Normal file
512
public/tecnologia/bottelegram.html
Normal file
@@ -0,0 +1,512 @@
|
||||
<!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 | BOT TELEGRAM</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>
|
||||
<h1>BOT TELEGRAM</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information4" class="media media-center ml-padding">
|
||||
|
||||
|
||||
</div>
|
||||
<div id="information5" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information6" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/bottelegram/bt-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">En los últimos tiempos, la comunicación empresarial se ha reforzado adicionalmente de los canales clásicos,
|
||||
como los newsletter, publicaciones en redes sociales, Facebook, Instagram, Twitter, pero también con mensajes directos
|
||||
con smarthphone a través de Telegram y otros servicios de mensajería instantánea.
|
||||
<br>En Telegram, los bots son cuentas reales administradas por software, estos bots logran realizar diversas task
|
||||
ofreciendo muchos servicios a los usuarios:</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Recibir notificaciones y noticias personalizadas</b>
|
||||
<br> un bot puede actuar como un periódico "inteligente" enviando contenidos
|
||||
apropiados tan pronto como se publiquen.
|
||||
<br><b>• Integración con otros servicios</b>
|
||||
<br> un bot puede enriquecer los chats de Telegram con contenido tomado de otros servicios.</p>
|
||||
</div>
|
||||
<img src="../img/bottelegram/bt-02.png" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Aceptación de pagos de los usuarios de Telegram</b>
|
||||
<br> un bot puede ofrecer servicios a pagamento o ser una tienda virtual.
|
||||
<br><b>• Crear herramientas personalizadas y servicios sociales</b>
|
||||
<br> un bot puede proporcionar pronósticos del tiempo, traducciones u otros servicios.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("information4").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio desarrolla Telegram bots para asesorar su negocio específico,
|
||||
permitiendo una interacción con sus clientes simplemente inalcanzable por otros medios,
|
||||
y mucho menos con el correo electrónico clásico.
|
||||
<br>A modo de ejemplo, a continuación se muestran algunos tipos de bots proyectados para diferentes tipos de clientes
|
||||
que se ocupan de ventas con red de agentes:</p>
|
||||
</div>
|
||||
<img src="../img/bottelegram/bt-04.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information4").style.display = 'flex';
|
||||
document.getElementById("information5").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-05.jpg" class="imgresp tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Subastas en línea</b>
|
||||
<br> todos los suscriptores a un bot participan en una subasta para ganar un bien o un producto en tiempo real.
|
||||
Útil para empresas con una red de agentes de ventas en el campo de productos de alimentos frescos.
|
||||
<br><b>• Ofertas y comunicaciones personalizadas</b>
|
||||
<br> llegar a todos sus clientes de manera puntual y precisa sin ahogarse en el mar
|
||||
de correo no deseado (spam) o diversas newsletter.
|
||||
¡Llegar a todos tus clientes de forma interactiva nunca ha sido así de fácil!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information5").style.display = 'flex';
|
||||
document.getElementById("information6").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Catálogos y listas de precios</b>
|
||||
<br> el cliente puede utilizar una interfaz simple e intuitiva para
|
||||
consultar un catálogo específico.
|
||||
<br> El agente de ventas que lo sigue puede saber el cliente en qué está interesado (según el historial de sus busquedas) y ofrecer productos específicos.
|
||||
<br> Definitivamente más simple y más funcional que un catálogo o lista tradicional.</p>
|
||||
</div>
|
||||
<img src="../img/bottelegram/bt-06.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information6").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/bottelegram/bt-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">En los últimos tiempos, la comunicación empresarial se ha reforzado adicionalmente de los canales clásicos,
|
||||
como los newsletter, publicaciones en redes sociales, Facebook, Instagram, Twitter, pero también con mensajes directos
|
||||
con smarthphone a través de Telegram y otros servicios de mensajería instantánea.
|
||||
<br>En Telegram, los bots son cuentas reales administradas por software, estos bots logran realizar diversas task
|
||||
ofreciendo muchos servicios a los usuarios:</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-02.png" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Recibir notificaciones y noticias personalizadas</b>
|
||||
<br>un bot puede actuar como un periódico "inteligente" enviando contenidos
|
||||
apropiados tan pronto como se publiquen.
|
||||
<br><b>• Integración con otros servicios</b>
|
||||
<br>un bot puede enriquecer los chats de Telegram con contenido tomado de otros servicios.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Aceptación de pagos de los usuarios de Telegram</b>
|
||||
<br>un bot puede ofrecer servicios a pagamento o ser una tienda virtual.
|
||||
<br><b>• Crear herramientas personalizadas y servicios sociales</b>
|
||||
<br>un bot puede proporcionar pronósticos del tiempo, traducciones u otros servicios.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'block';
|
||||
document.getElementById("information4").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-04.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio desarrolla Telegram bots para asesorar su negocio específico,
|
||||
permitiendo una interacción con sus clientes simplemente inalcanzable por otros medios,
|
||||
y mucho menos con el correo electrónico clásico.
|
||||
<br>A modo de ejemplo, a continuación se muestran algunos tipos de bots proyectados para diferentes tipos de clientes
|
||||
que se ocupan de ventas con red de agentes:</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information4").style.display = 'block';
|
||||
document.getElementById("information5").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-05.jpg" class="imgresp tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Subastas en línea</b>
|
||||
<br>todos los suscriptores a un bot participan en una subasta para ganar un bien o un producto en tiempo real.
|
||||
Útil para empresas con una red de agentes de ventas en el campo de productos de alimentos frescos.
|
||||
<br><b>• Ofertas y comunicaciones personalizadas</b>
|
||||
<br>llegar a todos sus clientes de manera puntual y precisa sin ahogarse en el mar
|
||||
de correo no deseado (spam) o diversas newsletter.
|
||||
¡Llegar a todos tus clientes de forma interactiva nunca ha sido así de fácil!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information5").style.display = 'block';
|
||||
document.getElementById("information6").innerHTML = `
|
||||
<img src="../img/bottelegram/bt-06.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Catálogos y listas de precios</b>
|
||||
<br>el cliente puede utilizar una interfaz simple e intuitiva para
|
||||
consultar un catálogo específico.
|
||||
<br>El agente de ventas que lo sigue puede saber el cliente en qué está interesado (según el historial de sus busquedas) y ofrecer productos específicos.
|
||||
<br>Definitivamente más simple y más funcional que un catálogo o lista tradicional.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information6").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" 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');
|
||||
}
|
||||
// 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>
|
||||
494
public/tecnologia/delphi.html
Normal file
494
public/tecnologia/delphi.html
Normal file
@@ -0,0 +1,494 @@
|
||||
<!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 | DELPHI</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>
|
||||
<h1>DELPHI</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information4" class="media media-center ml-padding">
|
||||
|
||||
|
||||
</div>
|
||||
<div id="information5" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information6" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/delphi/dp-01.png" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Delphi es un entorno de desarrollo de software diseñado para la programación de propósito general
|
||||
con énfasis en la programación visual. <br>En Delphi se utiliza como lenguaje de programación una
|
||||
versión moderna de Pascal llamada Object Pascal, que es un lenguaje de programación orientado a objetos,
|
||||
lo que nos permite beneficiarnos de características importantes en programación como son: el encapsulamiento, polimorfismo y la herencia.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi produce aplicaciones en código máquina, por lo que la computadora las interpreta inmediatamente
|
||||
y no precisa de un lenguaje interprete como es necesario en otros lenguajes de programación, generando así
|
||||
código nativo para Microsoft Windows, macOS (solo IA-32), iOS, Android y Linux (solo x64).</p>
|
||||
</div>
|
||||
<img src="../img/delphi/dp-02.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/delphi/dp-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Otra ventaja que tienes con Delphi es que en cualquiera de sus versiones se puede programar DLLs,
|
||||
para comunicarte con otros lenguajes de programación y además podemos programar tanto controladores
|
||||
como servidores de automatización.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("information4").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">En Delphi podemos programar directamente los componentes visuales e incluso crear nuevos controles que hereden
|
||||
características de los ya existentes. <br>También podemos utilizar en Delphi componentes visuales de otros lenguajes
|
||||
de programación.</p>
|
||||
</div>
|
||||
<img src="../img/delphi/dp-04.png" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information4").style.display = 'flex';
|
||||
document.getElementById("information5").innerHTML = `
|
||||
<img src="../img/delphi/dp-05.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Nuestros programadores expertos en Delphi estan listos para brindar apoyo a tu empresa en todos los aspectos del ciclo
|
||||
de vida del desarrollo de software, utilizando la potencia de este lenguaje en sus ultimas versiones desarrollado por Embarcadero Technologies.
|
||||
Nuestro TEAM posee habilidades analíticas y de resolución de problemas, así como la capacidad
|
||||
de comunicarse y colaborar con equipos tanto técnicos como no técnicos.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information5").style.display = 'flex';
|
||||
document.getElementById("information6").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Catálogos y listas de precios</b>
|
||||
<br>el cliente puede utilizar una interfaz simple e intuitiva para
|
||||
consultar un catálogo específico.
|
||||
<br>El agente de ventas que lo sigue puede saber el cliente en qué está interesado (según el historial de sus busquedas) y ofrecer productos específicos.
|
||||
<br>Definitivamente más simple y más funcional que un catálogo o lista tradicional.</p>
|
||||
</div>
|
||||
<img src="../img/delphi/dp-022.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information6").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/delphi/dp-01.png" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Delphi es un entorno de desarrollo de software diseñado para la programación de propósito general
|
||||
con énfasis en la programación visual. <br>En Delphi se utiliza como lenguaje de programación una
|
||||
versión moderna de Pascal llamada Object Pascal, que es un lenguaje de programación orientado a objetos,
|
||||
lo que nos permite beneficiarnos de características importantes en programación como son: el encapsulamiento, polimorfismo y la herencia.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/delphi/dp-02.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi produce aplicaciones en código máquina, por lo que la computadora las interpreta inmediatamente
|
||||
y no precisa de un lenguaje interprete como es necesario en otros lenguajes de programación, generando así
|
||||
código nativo para Microsoft Windows, macOS (solo IA-32), iOS, Android y Linux (solo x64).</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/delphi/dp-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Otra ventaja que tienes con Delphi es que en cualquiera de sus versiones se puede programar DLLs,
|
||||
para comunicarte con otros lenguajes de programación y además podemos programar tanto controladores
|
||||
como servidores de automatización.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'block';
|
||||
document.getElementById("information4").innerHTML = `
|
||||
<img src="../img/delphi/dp-04.png" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">En Delphi podemos programar directamente los componentes visuales e incluso crear nuevos controles que hereden
|
||||
características de los ya existentes. <br>También podemos utilizar en Delphi componentes visuales de otros lenguajes
|
||||
de programación.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information4").style.display = 'block';
|
||||
document.getElementById("information5").innerHTML = `
|
||||
<img src="../img/delphi/dp-05.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Nuestros programadores expertos en Delphi estan listos para brindar apoyo a tu empresa en todos los aspectos del ciclo
|
||||
de vida del desarrollo de software, utilizando la potencia de este lenguaje en sus ultimas versiones desarrollado po Embarcadero Technologies.
|
||||
Nuestro TEAM posee habilidades analíticas y de resolución de problemas, así como la capacidad
|
||||
de comunicarse y colaborar con equipos tanto técnicos como no técnicos.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information5").style.display = 'block';
|
||||
document.getElementById("information6").innerHTML = `
|
||||
<img src="../img/delphi/dp-022.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"><b>• Catálogos y listas de precios</b>
|
||||
<br>el cliente puede utilizar una interfaz simple e intuitiva para
|
||||
consultar un catálogo específico.
|
||||
<br>El agente de ventas que lo sigue puede saber el cliente en qué está interesado (según el historial de sus busquedas) y ofrecer productos específicos.
|
||||
<br>Definitivamente más simple y más funcional que un catálogo o lista tradicional.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information6").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" 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');
|
||||
}
|
||||
// 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>
|
||||
426
public/tecnologia/elkstack.html
Normal file
426
public/tecnologia/elkstack.html
Normal file
@@ -0,0 +1,426 @@
|
||||
<!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 | ELK STACK</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>
|
||||
<h1>ELK Stack</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/elkstack/ek-01.png" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">El Team de Delphi Studio hace lo posible por estar a la vanguardia de la innovación y la tecnología.
|
||||
<br>¿Qué cosa es ELK Stack?
|
||||
<br>"ELK" es el acrónimo de tres proyectos de código abierto: Elasticsearch, Logstash y Kibana.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Elasticsearch es un motor de búsqueda y análisis.
|
||||
<br>Logstash es un canal de procesamiento de datos del lado del servidor que ingiere datos de múltiples
|
||||
fuentes simultáneamente, los transforma y luego los envía a un "escondite" como Elasticsearch.
|
||||
<br>Kibana permite a los usuarios visualizar datos con tablas y gráficos en Elasticsearch.
|
||||
<br>Haciendo un resumen, Elasticsearch es un motor de búsqueda de texto completo de fuente abierta.
|
||||
</p>
|
||||
</div>
|
||||
<img src="../img/elkstack/ek-02.png" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/elkstack/ek-03.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Se usa para indexar datos y buscar datos de manera increíblemente rápida.
|
||||
<br>Delphi Studio te ayuda a utilizar esta herramienta para acelerar tus consultas de base de datos de tu sitio o aplicación.
|
||||
<br>Creando un índice del contenido de la base de datos y luego utilizando Elasticsearch, realizar una busqueda mediante
|
||||
este índice resulta mucho más rápido que una consulta MySql haciendo la misma busqueda.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/elkstack/ek-01.png" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">El Team de Delphi Studio hace lo posible por estar a la vanguardia de la innovación y la tecnología.
|
||||
<br>¿Qué cosa es ELK Stack?
|
||||
<br>"ELK" es el acrónimo de tres proyectos de código abierto: Elasticsearch, Logstash y Kibana.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/elkstack/ek-02.png" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Elasticsearch es un motor de búsqueda y análisis.
|
||||
<br>Logstash es un canal de procesamiento de datos del lado del servidor que ingiere datos de múltiples
|
||||
fuentes simultáneamente, los transforma y luego los envía a un "escondite" como Elasticsearch.
|
||||
<br>Kibana permite a los usuarios visualizar datos con tablas y gráficos en Elasticsearch.
|
||||
<br>Haciendo un resumen, Elasticsearch es un motor de búsqueda de texto completo de fuente abierta.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/elkstack/ek-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">
|
||||
Se usa para indexar datos y buscar datos de manera increíblemente rápida.
|
||||
<br>Delphi Studio te ayuda a utilizar esta herramienta para acelerar tus consultas de base de datos de tu sitio o aplicación.
|
||||
<br>Creando un índice del contenido de la base de datos y luego utilizando Elasticsearch, realizar una busqueda mediante
|
||||
este índice resulta mucho más rápido que una consulta MySql haciendo la misma busqueda.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").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" 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');
|
||||
}
|
||||
// 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>
|
||||
510
public/tecnologia/machinelearning.html
Normal file
510
public/tecnologia/machinelearning.html
Normal file
@@ -0,0 +1,510 @@
|
||||
<!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 | MACHINE LEARNING</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>
|
||||
<h1>MACHINE LEARNING</h1>
|
||||
<h6 class="subtitle">predecir el futuro se ha vuelto más simple.</h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information4" class="media media-center ml-padding">
|
||||
|
||||
|
||||
</div>
|
||||
<div id="information5" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/machinelearning/mb-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2 id="tm-section-4"></h2>
|
||||
<p class="mb-0">Tener datos no significa tener información. El Machine Learning permite a
|
||||
las empresas de valorar
|
||||
la cantidad de datos en su poder, extrayendo información preciosa sobre tus clientes.
|
||||
Los científicos de datos de Delphi Studio estan en grado de usar algoritmos de machine
|
||||
learning
|
||||
para extraer información y previsiones de tus datos.<br> ¡Con los científicos de datos de
|
||||
Delphi Studio,
|
||||
predecir el futuro se ha vuelto más simple!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">El Machine Learning es una subcategoría de la inteligencia artificial que
|
||||
brinda a las máquinas
|
||||
la capacidad de aprender sin haber sido explícitamente programadas.
|
||||
En lo específico, el Machine Learning es un método de análisis de datos que apunta a
|
||||
automatizar
|
||||
la creación de modelos analíticos.</p>
|
||||
</div>
|
||||
<img src="../img/machinelearning/mb-02.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/machinelearning/mb-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"> Gracias a los algoritmos especiales que aprenden iterativamente a partir
|
||||
de una base de datos proporcionada por el hombre,
|
||||
el Machine Learning permite a las computadoras y a otros sistemas de información a
|
||||
aprender nuevas nociones,
|
||||
a tomar decisiones y ha realizar predicciones sin haber sido previamente instruidos
|
||||
para hacerlo.
|
||||
Delphi Studio ofrece asesoría y formación en Machine Learning.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("information4").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Actualmente, las aplicaciones de Machine Learning son verdaderamente
|
||||
numerosas,
|
||||
muchas de las cuales están integradas con la vida cotidiana de un gran número de
|
||||
personas en aspectos más o menos importantes.
|
||||
</p>
|
||||
</div>
|
||||
<img src="../img/machinelearning/mb-04.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information4").style.display = 'flex';
|
||||
document.getElementById("information5").innerHTML = `
|
||||
<img src="../img/machinelearning/mb-05.jpg" class="imgresp tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"> Algunos casos directos en los que Delphi Studio puede asesorar a sus
|
||||
clientes son:<br>
|
||||
|
||||
- Sistemas de recomendación;<br>
|
||||
- Reconocimiento de modelos de comportamiento;<br>
|
||||
- Estadísticas de ventas de productos / servicios;<br>
|
||||
- Sistema de apoyo a la decisión de previsiones;<br>
|
||||
- Reconocimiento de voz y lenguaje natural;<br>
|
||||
- Descubrimiento de fraudes relacionados con tarjetas de crédito y/u otros sistemas de
|
||||
pago.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information5").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/machinelearning/mb-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2 id="tm-section-4"></h2>
|
||||
<p class="mb-0">Tener datos no significa tener información. El Machine Learning permite a
|
||||
las empresas de valorar
|
||||
la cantidad de datos en su poder, extrayendo información preciosa sobre tus clientes.
|
||||
Los científicos de datos de Delphi Studio estan en grado de usar algoritmos de machine
|
||||
learning
|
||||
para extraer información y previsiones de tus datos.<br> ¡Con los científicos de datos de
|
||||
Delphi Studio,
|
||||
predecir el futuro se ha vuelto más simple!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/machinelearning/mb-02.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">El Machine Learning es una subcategoría de la inteligencia artificial que
|
||||
brinda a las máquinas
|
||||
la capacidad de aprender sin haber sido explícitamente programadas.
|
||||
En lo específico, el Machine Learning es un método de análisis de datos que apunta a
|
||||
automatizar
|
||||
la creación de modelos analíticos.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/machinelearning/mb-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"> Gracias a los algoritmos especiales que aprenden iterativamente a partir
|
||||
de una base de datos proporcionada por el hombre,
|
||||
el Machine Learning permite a las computadoras y a otros sistemas de información a
|
||||
aprender nuevas nociones,
|
||||
a tomar decisiones y ha realizar predicciones sin haber sido previamente instruidos
|
||||
para hacerlo.
|
||||
Delphi Studio ofrece asesoría y formación en Machine Learning.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'block';
|
||||
document.getElementById("information4").innerHTML = `
|
||||
<img src="../img/machinelearning/mb-04.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Actualmente, las aplicaciones de Machine Learning son verdaderamente
|
||||
numerosas,
|
||||
muchas de las cuales están integradas con la vida cotidiana de un gran número de
|
||||
personas en aspectos más o menos importantes.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information4").style.display = 'block';
|
||||
document.getElementById("information5").innerHTML = `
|
||||
<img src="../img/machinelearning/mb-05.jpg" class="imgresp tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0"> Algunos casos directos en los que Delphi Studio puede asesorar a sus
|
||||
clientes son:<br>
|
||||
|
||||
- Sistemas de recomendación;<br>
|
||||
- Reconocimiento de modelos de comportamiento;<br>
|
||||
- Estadísticas de ventas de productos / servicios;<br>
|
||||
- Sistema de apoyo a la decisión de previsiones;<br>
|
||||
- Reconocimiento de voz y lenguaje natural;<br>
|
||||
- Descubrimiento de fraudes relacionados con tarjetas de crédito y/u otros sistemas de
|
||||
pago.
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information5").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" 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');
|
||||
}
|
||||
// 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>
|
||||
415
public/tecnologia/python.html
Normal file
415
public/tecnologia/python.html
Normal file
@@ -0,0 +1,415 @@
|
||||
<!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 | PYTHON</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>
|
||||
<h1>PYTHON</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/python/pt-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Uno de los lenguajes más apoyados por los programadores es Python por que con este lenguaje
|
||||
puedes hacer prácticamente lo que tu quieras.
|
||||
<br>Es uno de los lenguajes de moda en sus múltiples usos: para escritorio, aplicaciones científicas,
|
||||
web, scripting y mucho más.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio te ayuda a optimizar tu infraestructura utilizando las mejores soluciones,
|
||||
para la configuración del servidor y para la implementación de aplicaciones.
|
||||
</p>
|
||||
</div>
|
||||
<img src="../img/python/pt-02.png" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/python/pt-03.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Si deseas iniciar un nuevo proyecto en Python, o si necesitas asistencia y/o consultoría para su actual proyecto,
|
||||
no dudes en contactarnos.
|
||||
<br>¡Nuestro equipo de expertos en Delphi Studio, será feliz de ayudarte en todas tus necesidades de desarrollo!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/python/pt-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Uno de los lenguajes más apoyados por los programadores es Python por que con este lenguaje
|
||||
puedes hacer prácticamente lo que tu quieras.
|
||||
<br>Es uno de los lenguajes de moda en sus múltiples usos: para escritorio, aplicaciones científicas,
|
||||
web, scripting y mucho más.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/python/pt-02.png" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio te ayuda a optimizar tu infraestructura utilizando las mejores soluciones,
|
||||
para la configuración del servidor y para la implementación de aplicaciones.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/python/pt-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Si deseas iniciar un nuevo proyecto en Python, o si necesitas asistencia y/o consultoría para su actual proyecto,
|
||||
no dudes en contactarnos.
|
||||
<br>¡Nuestro equipo de expertos en Delphi Studio, será feliz de ayudarte en todas tus necesidades de desarrollo!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").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" 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');
|
||||
}
|
||||
// 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>
|
||||
411
public/tecnologia/raspberrypi.html
Normal file
411
public/tecnologia/raspberrypi.html
Normal file
@@ -0,0 +1,411 @@
|
||||
<!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 | RASPBERRY PI</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>
|
||||
<h1>RASPBERRY PI</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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=`
|
||||
<img src="../img/raspberrypi/rb-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Raspberry Pi es una computadora muy pequeña
|
||||
de bajo coste que fue creada en 2012, de una sola placa metálica de 85×54. </p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display='flex';
|
||||
document.getElementById("information2").innerHTML=`
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">El Team de Delphi Studio está en grado de configurar y programar la Raspberry Pi para que sirva como un sistema
|
||||
integrado interactivo poderoso utilizando como lenguaje Python o cualquier otro lenguaje
|
||||
que compile en una arquitectura ARMv6.</p>
|
||||
</div>
|
||||
<img src="../img/raspberrypi/rb-02.jpg" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display='flex';
|
||||
document.getElementById("information3").innerHTML=`
|
||||
<img src="../img/raspberrypi/rb-03.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Te asesoramos y capacitamos a programar Raspberry Pi para controlar dispositivos como sensores de movimiento,
|
||||
alarmas, servidores web e impresoras.
|
||||
<br>De alguna manera la Pi se ha convertido en una plataforma que bien pudiese desplazar al Arduino por sus facilidades
|
||||
para ser programada e interactuar con el mundo real. </p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display='flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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=`
|
||||
<img src="../img/raspberrypi/rb-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Raspberry Pi es una computadora muy pequeña de una sola placa.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display='block';
|
||||
document.getElementById("information2").innerHTML=`
|
||||
<img src="../img/raspberrypi/rb-02.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio te ayuda a optimizar tu infraestructura utilizando las mejores soluciones,
|
||||
para la configuración del servidor y para la implementación de aplicaciones.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display='block';
|
||||
document.getElementById("information3").innerHTML=`
|
||||
<img src="../img/raspberrypi/rb-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Si deseas iniciar un nuevo proyecto en Python, o si necesitas asistencia y/o consultoría para su actual proyecto,
|
||||
no dudes en contactarnos.
|
||||
<br>¡Nuestro equipo de expertos en Delphi Studio, será feliz de ayudarte en todas tus necesidades de desarrollo!</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").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" 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');
|
||||
}
|
||||
// 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>
|
||||
414
public/tecnologia/restsoap.html
Normal file
414
public/tecnologia/restsoap.html
Normal file
@@ -0,0 +1,414 @@
|
||||
<!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 | REST(RMM level3) Y SOAP</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>
|
||||
<h1>REST(RMM level3) Y SOAP</h1>
|
||||
<h6 class="subtitle"></h6>
|
||||
<div id="navigation-bar"></div>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="tm-section-5" id="tm-section-5">
|
||||
<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 id="information2" class="media media-center ml-padding">
|
||||
|
||||
</div>
|
||||
<div id="information3" 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">
|
||||
<div class="form-group col-xl-6">
|
||||
<input type="text" id="contact_name" name="contact_name" class="form-control"
|
||||
placeholder="Nombre" required />
|
||||
</div>
|
||||
<div class="form-group col-xl-6 pl-xl-1">
|
||||
<input type="email" id="contact_email" name="contact_email" class="form-control"
|
||||
placeholder="Correo electrónico" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
|
||||
placeholder="Escribe aquí tu mensaje." required></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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-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.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 = `
|
||||
<img src="../img/restsoap/rs-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2>REST (Representational State Transfer)</h2>
|
||||
<p class="mb-0" id="tm-section-4">REST es un estilo de arquitectura de software dirigido a sistemas hipermedias
|
||||
distribuidos como lo es la web. Este término se refiere específicamente a una colección de principios para el diseño
|
||||
de arquitecturas en red.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'flex';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<div class="media-body tm-box-5">
|
||||
<h2>SOAP (Simple Object Access Protocol) services</h2>
|
||||
<p class="mb-0">Se trata de un protocolo para el intercambio de mensajes sobre redes
|
||||
de computadoras, puede utilizarse con diferentes protocolos, pero HTTP es el mas usado. Es basado en XML, facilitando asi la
|
||||
lectura de datos.</p>
|
||||
</div>
|
||||
<img src="../img/restsoap/rs-02.png" class="imgresponsive tm-media-img">
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'flex';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/restsoap/rs-03.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<p class="mb-0" id="tm-section-4">Delphi Studio te ayuda a diferenciar y elegir cuál es la mejor opción para tu caso, entender un poco mejor qué es REST
|
||||
y que es SOAP, concentrandonos en qué ventajas tiene cada uno de estos conceptos y cómo podemos aplicarlos a tu empresa.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").style.display = 'flex';
|
||||
document.getElementById("navigation-bar").innerHTML = `
|
||||
<nav 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>
|
||||
</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 = `
|
||||
<img src="../img/restsoap/rs-01.jpg" class="imgresponsive">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2>SOAP (Simple Object Access Protocol) services</h2>
|
||||
<p class="mb-0" id="tm-section-4">REST es un estilo de arquitectura de software dirigido a sistemas hipermedias
|
||||
distribuidos como lo es la web. Este término se refiere específicamente a una colección de principios para el diseño
|
||||
de arquitecturas en red.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information1").style.display = 'block';
|
||||
document.getElementById("information2").innerHTML = `
|
||||
<img src="../img/restsoap/rs-02.png" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2>SOAP (Simple Object Access Protocol) services</h2>
|
||||
<p class="mb-0">Se trata de un protocolo para el intercambio de mensajes sobre redes
|
||||
de computadoras, puede utilizarse con diferentes protocolos, pero HTTP es el mas usado. Es basado en XML, facilitando asi la
|
||||
lectura de datos.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information2").style.display = 'block';
|
||||
document.getElementById("information3").innerHTML = `
|
||||
<img src="../img/restsoap/rs-03.jpg" class="imgresponsive tm-media-img">
|
||||
<div class="media-body tm-box-5">
|
||||
<h2></h2>
|
||||
<p class="mb-0">Delphi Studio te ayuda a diferenciar y elegir cuál es la mejor opción para tu caso, entender un poco mejor qué es REST
|
||||
y que es SOAP, concentrandonos en qué ventajas tiene cada uno de estos conceptos y cómo podemos aplicarlos a tu empresa.</p>
|
||||
</div>
|
||||
`;
|
||||
document.getElementById("information3").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" 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');
|
||||
}
|
||||
// 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>
|
||||
Reference in New Issue
Block a user