devlegnd-page
Version:
DevLegnd | Un reto, una meta. | No importa tu necesidad, la desarrollamos.
246 lines (208 loc) • 8.89 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>DevLegnd | Un reto, una meta.</title>
<!-- Font Awesome Icons -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis¬.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS - Includes Bootstrap -->
<link href="css/creative.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">DevLegnd</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Servicios</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Portafolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contactos</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Masthead -->
<header class="masthead">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">Un reto, una meta.</h1>
<hr class="divider my-4">
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 font-weight-light mb-5">La experiencia de una buena solución tecnológica, la obtienes en DevLegnd.</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Nosotros</a>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Nosotros te ayudaremos</h2>
<hr class="divider light my-4">
<p class="text-white-50 mb-4">Cuéntanos tu problema y te daremos la mejor solución.</p>
<a class="btn btn-light btn-xl js-scroll-trigger" href="#services">¡Elegir un servicio!</a>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="page-section" id="services">
<div class="container">
<h2 class="text-center mt-0">Servicios para ti</h2>
<hr class="divider my-4">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-gem text-primary mb-4"></i>
<h3 class="h4 mb-2">Diseños y Estructuras</h3>
<p class="text-muted mb-0">Requerimientos de calidad, adaptados a las tecnologías de la actualidad.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-laptop-code text-primary mb-4"></i>
<h3 class="h4 mb-2">Software</h3>
<p class="text-muted mb-0">No importa la solución, la desarrollamos.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-globe text-primary mb-4"></i>
<h3 class="h4 mb-2">Conectividad</h3>
<p class="text-muted mb-0">Conectamos todos tus servicios.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-heart text-primary mb-4"></i>
<h3 class="h4 mb-2">Pasión</h3>
<p class="text-muted mb-0">Nos apasiona que nuestros clientes reciban experiencias y servicios de calidad.</p>
</div>
</div>
</div>
</div>
</section>
32CE2C0fff
FFF0cec23$$$1803990102
<!-- Portfolio Section -->
<section id="portfolio">
<div class="container-fluid p-0">
<h2 class="text-center mt-0">Portafolios</h2>
<hr class="divider my-4">
<div class="row no-gutters">
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="img/portfolio/fullsize/1.jpg">
<img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
<div class="portfolio-box-caption">
<div class="project-category text-white-50">
Software
</div>
<div class="project-name">
Taim
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Call to JR Design
<section class="page-section bg-dark text-white">
<div class="container text-center">
<h2 class="mb-4">Muy pronto, servicios de Diseños Graficos para ti.</h2>
<a class="btn btn-light btn-xl" href="#">¡Sáber más!</a>
</div>
</section> -->
<!-- Social Section -->
<section class="page-section bg-dark text-white" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">Nuestras redes sociales</h2>
<hr class="divider my-4">
<p class="text-muted mb-5">No te pierdas nuestros contenidos sociales.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<a href="https://twitter.com/lapx18" class="fab fa-twitter fa-3x mb-3 text-muted"></a>
<div>@devlegnd</div>
</div>
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<a href="https://instagram.com/devlegnd" class="fab fa-instagram fa-3x mb-3 text-muted"></a>
<div>@devlegnd</div>
</div>
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<a href="http://facebook.com/lapc18" class="fab fa-facebook fa-3x mb-3 text-muted"></a>
<div>DevLegnd</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="page-section" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="mt-0">¡Contáctanos!</h2>
<hr class="divider my-4">
<p class="text-muted mb-5">¿Listo para iniciar tu proyecto con nostros? Llámanos o envíanos un mensaje y nosotros te responderemos tan rápido sea posible.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<i class="fas fa-phone fa-3x mb-3 text-muted"></i>
<div>+1 (829) 397-2288</div>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
<a class="d-block" href="mailto:devlapc18@gmail.com">devlapc18@gmail.com</a>
</div>
<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
<i class="fab fa-whatsapp fa-3x mb-3 text-muted"></i>
<div>+1 (829) 397-2288</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">Copyright © 2019 - DevLegnd</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>