First Commit
Setup repo and website
This commit is contained in:
321
public/delphi.html
Normal file
321
public/delphi.html
Normal file
@@ -0,0 +1,321 @@
|
||||
<!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/ms-icon-144x144.png">
|
||||
<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">Delphi Studio ofrece servicios y soluciones a empresas que desean agregar valor a
|
||||
su negocio.</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">
|
||||
<div class="media tm-media">
|
||||
<img src="img/sc4-img-2.jpg" class="imgresponsive">
|
||||
<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">
|
||||
<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>
|
||||
<img src="img/sc4-img-3.jpg" class="img-responsive tm-media-img">
|
||||
</div>
|
||||
<div class="media tm-media">
|
||||
<img src="img/sc4-img-4.jpg" class="img-responsive tm-media-img">
|
||||
<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>
|
||||
<p class="mb-0">Necesitas actualizar tus aplicaciones a las última versión de delphi? nosotros estamos especializados en ayudarte en este trabajo. Deja tus contactos y vamos a empezar pronto!</p>
|
||||
|
||||
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
|
||||
<script>
|
||||
hbspt.forms.create({
|
||||
portalId: "7118867",
|
||||
formId: "788d88c0-fc4c-4b03-861a-029f3c927958"
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
<section class="tm-section-6" id="tm-section-6">
|
||||
<div class="row">
|
||||
<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
|
||||
</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("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">
|
||||
<a class="dropdown-item" href="#">Delphi</a>
|
||||
<a class="dropdown-item" href="#">Python</a>
|
||||
<a class="dropdown-item" href="#">Machine Learning</a>
|
||||
</div>
|
||||
</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">
|
||||
<label class="col-xs-12">
|
||||
Delphi
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="col-xs-12">
|
||||
<label class="col-xs-12">
|
||||
Python
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="col-xs-12">
|
||||
<label class="col-xs-12">
|
||||
Machine Learning
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</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