You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

262 lines
8.2 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>Sapian: Open solutions</title>
<link rel="shortcut icon" href="assets/images/favicon.ico" />
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-cyborg-gaming.css">
<link rel="stylesheet" href="assets/css/owl.css">
<link rel="stylesheet" href="assets/css/graphic.css">
<link rel="stylesheet" href="assets/css/banner.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="">
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Search End ***** -->
<div class="search-input">
<form id="search" action="#">
<input type="text" placeholder="Type Something" id='searchText' name="searchKeyword" onkeypress="handle" />
<i class="fa fa-search"></i>
</form>
</div>
<!-- ***** Search End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<!-- <li><a href="index.html" class="active">Home</a></li>-->
<li><a href="RTC.html">Callcenter y telefonia</a></li>
<li><a href="TIC.html">TIC</a></li>
<li><a href="equipos.html">Equipos Como Servicio</a></li>
<li><a href="index.html">Home <img src="assets/images/profile-header.jpg" alt=""></a></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<section class="=main-banner1">
<div class="grid-container">
<div class="content">
<h1 class="title s-center">
<span class="line-1">Expertos en tecnología</span>
<br>
<span class="line-2">Conoce a SAPIAN</span>
</h1>
<p class="description s-center">
Soporte y servicio de telefonía y call center físico o en nube, soluciones tecnológicas para su empresa y demás.
</p>
<div class="countdown flex">
<p>Más de:</p>
<div class="flex">
<p class="countdown-item flex">
<span class="countdown-number">400</span>
<span class="countdown-letter">proyectos fascinantes</span>
</p>
</div>
</div>
<div class="form-container s-center">
<!--<form class="form">
<input type="email" name="email" class="input" required placeholder="ingresa tu correo">
<button type="submit" class="buttom">registrar</button>
</form>-->
<div class="col-lg-12">
<div class="main-button">
<a href="#lancha">Nuestros Servicios</a>
</div>
</div>
<p class="form-hint"> Escríbenos Para Asesorarte</p>
</div>
</div>
<div class="graphic">
<img class="graphic-man" src="assets/images/man.png">
<div class="graphic-circles absolute">
<img class="graphic-logo absolute" src="assets/images/sapin.png">
<img class="graphic-circle-1 absolute" src="assets/images/circulo-interior.png">
<img class="graphic-circle-2 absolute" src="assets/images/circulo-exterior.png">
<img class="graphic-energy absolute" src="assets/images/energia.png">
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-content">
<!-- ***** Banner Start ***** -->
<!-- ***** Banner End ***** -->
<!-- ***** Most Popular Start ***** -->
<div class="most-popular">
<div class="row">
<div class="col-lg-12">
<div class="heading-section">
<a name="lancha" id="lancha"></a>
<h4><em>Nuestro Servicios</em> Right Now</h4>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="item">
<a href="RTC.html"><img src="assets/images/RTC-5.jpg" alt=""></a>
<h4>Telefonia y call center<br><span>RTC</span></h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item">
<a href="TIC.html"><img src="assets/images/TIC1.jpg" alt=""></a>
<h4>tecnología para su empresa<br><span>TIC</span></h4>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="item">
<a href="equipos.html"><img src="assets/images/ECS-1.jpg" alt=""></a>
<h4>Equipos como servicio<br><span>ECS</span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ***** Banner Start ***** -->
<div class="main-banner">
<div class="row">
<div class="col-lg-7">
<div class="header-text">
<h6>Welcome To Sapian</h6>
<h4><em>Soluciones</em> Tecnológicas en Telefonia y Soporte</h4>
<div class="main-button">
<a href="browse.html">¿Quienes Somos?</a>
</div>
</div>
</div>
</div>
</div>
<div class="hijo">
<div class="header-text">
<h4>Algunos de nuestros clientes</h4>
<img src="assets/images/nuetrosclientes.png" alt="">
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>Copyright © 2023 <a href="#">SAPIAN S.A.S</a> Company. All rights reserved.
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/isotope.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/tabs.js"></script>
<script src="assets/js/popup.js"></script>
<script src="assets/js/custom.js"></script>
<script src="https://storage.keybeapi.com/keybejs/latest/keybe.js"></script>
<script src="assets/js/keybe.js"> </script>
</body>
</html>