a.molinaro/delphistudio-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First Commit

Browse Source 
Setup repo and website
This commit is contained in:
Alessio Molinaro
2024-11-21 09:29:25 +01:00
commit a6f764245d
524 changed files with 357923 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

588
public/index_v1.html Normal file
View File

@@ -0,0 +1,588 @@
<!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 | Consultoría | Formación | Desarrollo</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 STUDIO</h1>
<p><a class="no-link" href="#tm-section-3">Consultoría</a> | <a class="no-link" href="#tm-section-4">Formación</a>
| <a class="no-link" href="#tm-section-6">Desarrollo</a></p>
<div id="navigation-bar"></div>
</header>
</section>
<section class="row">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img/gallery-img-01.jpg" alt="First slide">
<div class="carousel-caption box shadow">
<h2>DELPHI STUDIO</h1>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/gallery-img-02.jpg" alt="Second slide">
<div class="carousel-caption box shadow">
<h5 style="opacity:1!important">Encontramos soluciones a los problemas más críticos.</h1>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/gallery-img-03.jpg" alt="Third slide">
<div class="carousel-caption box shadow">
<h5>Ofrecemos cursos de formación.</h1>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/gallery-img-04.jpg" alt="Third slide">
<div class="carousel-caption box shadow">
<h5>Diseñamos sistemas de fácil mantenimiento.</h1>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<section class="tm-section-2 tm-section-mb" id="tm-section-2">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 mb-lg-0 mb-md-5 mb-5 pr-md-5">
<header class="text-center">
<i class="fa fa-4x fas fa-briefcase pl-5 pb-5 pr-5 pt-2"></i>
</header>
<h2 style="text-align: center">CONSULTORÍA</h2>
<p>Gracias a nuestra experiencia en sistemas heterogéneos,
podemos ofrecer asesoramiento de alto nivel para solucionar todo tipo de problemas,
desde el mas simple al mas crítico en tiempo rápido.</p>
<a href="#tm-section-3" class="btn tm-btn-pad-2 float-right">Más sobre...</a>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-lg-0 mb-md-5 mb-5 pr-md-5">
<header class="text-center">
<i class="fa fa-4x fas fa-desktop pl-5 pb-5 pr-5 pt-2"></i>
</header>
<h2 style="text-align: center">FORMACIÓN</h2>
<p> Mantenerse competitivo en un mercado de constante cambio es realmente difícil.
Por este motivo, nos especializamos en ofrecer cursos de capacitación por especialistas TI.
</p>
<br>
<a href="#tm-section-4" class="btn tm-btn-pad-2 float-right">Más sobre...</a>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-lg-0 mb-md-5 mb-5 pr-md-5">
<header class="text-center">
<i class="fa fa-4x fas fa-cog pl-5 pb-5 pr-5 pt-2"></i>
</header>
<h2 style="text-align: center">DESARROLLO</h2>
<p> OOD / OOP, patrónes de diseño, prueba de unidad y enfoques flexibles son la base de nuestros
proyectos.
Nuestros arquitectos de software son reconocidos como diseñadores de sistemas fáciles de
mantener.
</p>
<a href="#tm-section-6" class="btn tm-btn-pad-2 float-right">Más sobre...</a>
</div>
</div>
</section>
<section class="tm-section-3 tm-section-mb">
<div class="row">
<div class="col-md-6 tm-mb-sm-4 tm-2col-l">
<div class="image">
<img src="img/tm-img-1.jpg" class="img-fluid" />
</div>
<div class="tm-box-3" id="tm-section-3">
<h2>CONSULTORÍA</h2>
<p> Delphi Studio ofrece servicios de consultoría a lo largo del ciclo de desarrollo del
proyecto.
Desde el análisis hasta la solución de problemas de implementación, desde el diseño
arquitectónico hasta la elección de la tecnología más adecuada.
<br>En la abundancia de oportunidades y opciones, no siempre es fácil elegir siguiendo
tecnologías, framework y metodologías, eficaces, pero sobre todo eficientes.
Delphi Studio busca constantemente las mejores formas de optimizar cualquier fase del ciclo
de vida del software.</p>
<div class="text-center">
</div>
</div>
</div>
<div class="col-md-6 tm-2col-r">
<div class="image">
<img src="img/tm-img-2.jpg" class="img-fluid" id="sn-section" />
</div>
<div class="tm-box-3">
<header>
<h2>SOBRE NOSOTROS</h2>
</header>
<p> Delphi Studio es una empresa especializada en consultoría, ingeniería, capacitación y
desarrollo de alto nivel.
<br>Nuestro objetivo es ofrecer los mejores servicios en el mercado de nuestra
especialidad.
<br>Gracias a nuestro proceso constante de capacitación interna y a nuestras numerosas
partnerships, tanto italianos como internacionales,
podemos ofrecer competencia y profesionalidad de alto nivel.
Garantizamos a los clientes la máxima calidad al final de cada proyecto.</p>
<div class="text-center">
</div>
</div>
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb">
<div class="row">
</div>
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="image fit">
<img src="img/tm-sc4-img-1.jpg" class="img-fluid">
</div>
</div>
<div class="col-lg-8 col-md-12 col-sm-12 pl-lg-0">
<div class="media tm-media ml-padding">
<img src="img/sc4-img-2.jpg" class="img-responsive img-fluid">
<div class="media-body tm-box-5">
<h2 id="tm-section-4">FORMACIÓN</h2>
<p class="mb-0">“En nuestra profesión, la precisión y la perfección no son lujos
prescindibles, sino simplemente una necesidad.”. -Niklaus Wirth</p>
</div>
</div>
<div class="media tm-media ml-padding">
<img src="img/sc4-img-3.jpg" class="img-responsive img-fluid">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">En Delphi Studio estamos completamente de acuerdo con el Dr. Wirth.
Mantenerse competitivo en un mercado en constante cambio y revolución es difícil.
Por este motivo, Delphi Studio se especializa en brindar cursos de capacitación sobre
herramientas de desarrollo, tecnologías web y móviles.</p>
</div>
</div>
<div class="media tm-media ml-padding">
<img src="img/sc4-img-4.jpg" class="img-responsive img-fluid">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"> Algunos de nuestros maestros son autores de libros técnicos y manuales
exitosos. El nivel de satisfacción de aquellos que participaron en nuestros cursos está
demostrado por la cantidad de clientes que regresan para continuar a capacitarse.
Después del curso, el servicio no ha terminado.
Podemos ofrecer asistencia especializada y adiestramiento de alto nivel.</p>
</div>
</div>
</div>
</div>
<a href="formacion/formacion.html" class="btn tm-btn-pad-2 float-right">Ver nuestros Cursos</a>
</section>
<br>
<br>
<br>
<br>
<section class="tm-section-4 tm-section-mb" id="tm-section-4">
<div class="row">
</div>
</section>
<hr>
<section class="tm-section-3 tm-section-mb">
<div class="row">
<div class="col-md-6 tm-mb-sm-4 tm-2col-l">
<div class="image">
<img src="img/tm-img-3.jpg" class="img-fluid" />
</div>
<div class="tm-box-3" id="tm-section-6">
<h2>DESARROLLO</h2>
<p> La historia está llena de grandes ideas eliminadas por una mala implementación. <br>
El principal riesgo en la mala implementación de un sistema basado en una buena idea es que
la competencia puede copiar la idea y mejorarla.<br>
Delphi Studio hace uso de excelentes analistas programadores, con años de experiencia y
capacitación.<br>
La formación continua es una necesidad para todos los miembros del equipo.<br> Es por eso
que tenemos un número tan alto de proyectos entregados a tiempo y dentro del presupuesto
previsto.
Sabemos que lo inesperado puede suceder.<br> Nuestro trabajo es prevenir lo impredecible, o
mejor, predecir qué hacer si, por alguna razón, no es posible seguir el camino trazado en
las fases iniciales del proyecto.
</p>
<div class="text-center">
</div>
</div>
</div>
<div class="col-md-6 tm-2col-r">
<div class="image">
<img src="img/tm-img-4.jpg" class="img-fluid" />
</div>
<div class="tm-box-3">
<header>
<h2>TECNOLOGÍA</h2>
</header>
<p> Web & Web client applications<br>
Aplicaciones Móviles para Android e iOS<br>
REST(RMM level3) y SOAP<br>
ELK Stack (ElasticSearch, LogStash, Kibana)<br>
Internet de las cosas (Internet of things - IoT)<br>
Aplicaciones Distribuidas<br>
Message-Oriented Middleware (MOM)<br>
Integración y Sistemas Legados y web/móviles<br>
Sistema Embedded y domótica<br>
Sistemas biometricos<br>
Recopilación de requisitos<br>
OOA/OOD/OOP<br>
Análisis y optimización de procesos empresariales<br>
Python<br>
Machine learning<br>
Arduino<br>
Raspberry Pi<br>
Beacon<br>
Bot Telegram<br>
Delphi</p>
<div class="text-center">
</div>
</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>
<!-- <p class="mb-5">Integer pretium volutpat tempor. Maecenas condimentum tincidunt leo. Paesent scelerisque erat placerat tempus laoreet. Vivamus pellentesque tempor congue.</p> -->
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
<br>Nuestras oficinas están abiertas de Lunes a Viernes.
de 9h a 14h / 15h a 18h
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2018 DELPHI STUDIO</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>
<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("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">
<!-- 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 no-line-link">
<a class="dropdown-item" href="tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="tecnologia/python.html">Python</a>
<a class="dropdown-item" href="tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="tecnologia/restsoap.html">Rest y Soap</a>
</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="#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
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">
<!-- 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="tecnologia/aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="tecnologia/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="#sn-section" data-dismiss="modal" aria-label="Close">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>