Compare commits
No commits in common. 'master' and 'primaria' have entirely different histories.
@ -0,0 +1,355 @@
|
||||
aa<!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: RTC</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/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 ***** -->
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="start-stream">
|
||||
<div class="col-lg-12">
|
||||
<div class="heading-section">
|
||||
<h4><em>Real Time Communication</em> (RTC)</h4>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/icotelefono.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>¿Que es RTC?</h4>
|
||||
<p>Comunicación en tiempo real es lo que necesitan las empresas En la época actual, donde la rapidez y efectividad con la que la información viaja determina la efectividad de la compañía.<a href="profile.html" target="_blank">Sapian S.A.S</a> cuenta con un equipo de expertos que te acompañaran para tu empresa, crezca a la par del futuro.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ***** Featured Games Start ***** -->
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="featured-games header-text">
|
||||
<div class="heading-section">
|
||||
<h4><em>Servicios</em> Cloud</h4>
|
||||
</div>
|
||||
<div class="owl-features owl-carousel">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<img src="assets/images/rc4-img3.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<a href="#lancha"><h6>Conoce mas</h6></a>
|
||||
</div>
|
||||
</div>
|
||||
<h4>Rc4-gcp<br><span>Enrutador de llamadas en la nube</span></h4>
|
||||
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<img src="assets/images/doe-img.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<a href="#lancha"><h6>Conoce mas</h6></a>
|
||||
</div>
|
||||
</div>
|
||||
<h4>Doe<br><span>PBX En la nube</span></h4>
|
||||
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<img src="assets/images/vici-img2.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<a href="#lancha"><h6>Conoce mas</h6></a>
|
||||
</div>
|
||||
</div>
|
||||
<h4>Voe<br><span>CallCenter en la nube</span></h4>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="top-downloaded">
|
||||
<div class="heading-section">
|
||||
<h4><em>Telefonia</em> Onpremice</h4>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="assets/images/dialbox-logo.png" alt="" class="templatemo-item">
|
||||
<h4>Pbx</h4>
|
||||
<h6>Dialbox</h6>
|
||||
|
||||
<div class="download">
|
||||
<a href="#lancha1"><i class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="assets/images/Logo_cc_jitsi_144dpi.png" alt="" class="templatemo-item">
|
||||
<h4>CallCenter</h4>
|
||||
<h6>Vicidial</h6>
|
||||
|
||||
<div class="download">
|
||||
<a href="#lancha1"><i class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="assets/images/Rc4-logo.png" alt="" class="templatemo-item">
|
||||
<h4>Rc4</h4>
|
||||
<h6>Enrutador de llamadas</h6>
|
||||
|
||||
<div class="download">
|
||||
<a href="#lancha1"><i class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Featured Games End ***** -->
|
||||
|
||||
<!-- ***** Start Stream Start ***** -->
|
||||
<div class="start-stream">
|
||||
<div class="col-lg-12">
|
||||
<div class="heading-section">
|
||||
<a name="lancha1" id="lancha1"></a>
|
||||
<h4><em>Conoce Mas Nuestras</em> Soluciones On Premice</h4>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/telefono2.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>Dialbox</h4>
|
||||
<p>Pbx basado en asterisk y free-pbx el cual se aloja en un servidor linux y permite el ingreso y salida de llamadas, IVR y más de 1000 extensiones, entre otras fuenciones.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/callce.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>Vicidial</h4>
|
||||
<p>Soporte en Vicidial Software de call-center mundialmente utilizado, Ofrecemos despliegue y formación de los agentes en la plataforma, con <a href="http://www.vicidial.org/vicidial.php" target="_blank">Vicidial</a> Puedes tener a más de 100 agentes conectados, hacer campañas de salida o ingreso, integrar con cualquier CRM gracias a su API REST y tener control de las llamadas con grabaciones y estadísticas en tiempo real.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/ruta.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>Rc4</h4>
|
||||
<p>Softwere libre especializado en enrutar las llamadas entre distintas plataformas y proveedores de telefonia, opcion de generar extenciones con webRTC y extensiones con publica a las cuales se puede acceder desde cualquier parte del mundo.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="start-stream">
|
||||
<div class="col-lg-12">
|
||||
<div class="heading-section">
|
||||
<a name="lancha" id="lancha"></a>
|
||||
<h4><em>Conoce mas Nuestras</em> Soluciones Cloud</h4>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/cloud-call.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>Dialbox Online Edition (DOE)</h4>
|
||||
<p>PBX accesible desde cualquier parte del mundo, basado en kazoo de 2600HZ ofrece toda la experiencia de un pbx convencional con la ventaja de no requerir un servidor físico y puedes registrar la extensión sin importar tu ip.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/callcenter-cloud.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>VOE</h4>
|
||||
<p>Software de callcenter alojado en la nube en el cual no es necesario un softphone ni extension gracias a su webphone, con <a target="_blank">VOE</a> Puedes desplegar un centro de callcenter gigante en cuestión de horas de forma sencilla de la mano de nuestros ingenieros.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="item">
|
||||
<div class="icon">
|
||||
<img src="assets/images/cloud-rc4.png" alt="" style="max-width: 60px; border-radius: 50%;">
|
||||
</div>
|
||||
<h4>Rc4-gcp</h4>
|
||||
<p>Enrutador clase 4 en la nube, el cual permite direccionar las llamadas y cambiar el payload o paquetes, permite registrar troncales desde cualquier parte del mundo y cualquier ip.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Start Stream End ***** -->
|
||||
|
||||
|
||||
<!-- ***** Live Stream End *****
|
||||
|
||||
<div class="gaming-library">
|
||||
<div class="col-lg-12">
|
||||
<div class="heading-section">
|
||||
<h4><em>Your Gaming</em> Library</h4>
|
||||
</div>
|
||||
<div class="item">
|
||||
<ul>
|
||||
<li><img src="assets/images/game-01.jpg" alt="" class="templatemo-item"></li>
|
||||
<li><h4>Dota 2</h4><span>Sandbox</span></li>
|
||||
<li><h4>Date Added</h4><span>24/08/2036</span></li>
|
||||
<li><h4>Hours Played</h4><span>634 H 22 Mins</span></li>
|
||||
<li><h4>Currently</h4><span>Downloaded</span></li>
|
||||
<li><div class="main-border-button border-no-active"><a href="#">Donwloaded</a></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item">
|
||||
<ul>
|
||||
<li><img src="assets/images/game-02.jpg" alt="" class="templatemo-item"></li>
|
||||
<li><h4>Fortnite</h4><span>Sandbox</span></li>
|
||||
<li><h4>Date Added</h4><span>22/06/2036</span></li>
|
||||
<li><h4>Hours Played</h4><span>740 H 52 Mins</span></li>
|
||||
<li><h4>Currently</h4><span>Downloaded</span></li>
|
||||
<li><div class="main-border-button"><a href="#">Donwload</a></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item last-item">
|
||||
<ul>
|
||||
<li><img src="assets/images/game-03.jpg" alt="" class="templatemo-item"></li>
|
||||
<li><h4>CS-GO</h4><span>Sandbox</span></li>
|
||||
<li><h4>Date Added</h4><span>21/04/2036</span></li>
|
||||
<li><h4>Hours Played</h4><span>892 H 14 Mins</span></li>
|
||||
<li><h4>Currently</h4><span>Downloaded</span></li>
|
||||
<li><div class="main-border-button border-no-active"><a href="#">Donwloaded</a></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="main-button">
|
||||
<a href="profile.html">View Your Library</a>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
@ -0,0 +1,274 @@
|
||||
<!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: TIC</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/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 ***** -->
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="page-content">
|
||||
|
||||
<!-- ***** Featured Start ***** -->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="feature-banner header-text">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="s-center">
|
||||
<img src="assets/images/banertic.jpg" alt="" style="border-radius: 23px;">
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="col-lg-8">
|
||||
<div class="thumb">
|
||||
<img src="assets/images/feature-right.jpg" alt="" style="border-radius: 23px;">
|
||||
<a href="https://www.youtube.com/watch?v=r1b03uKWk_M" target="_blank"><i class="fa fa-play"></i></a>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Featured End ***** -->
|
||||
|
||||
<!-- ***** Details Start ***** -->
|
||||
<div class="game-details">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h2>Tecnologías de la Información. </h2>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="left-info">
|
||||
<div class="left">
|
||||
<h4>Puntaje en encuestras</h4>
|
||||
<span>Numero de clientes</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> </li>
|
||||
<li><i class="fa fa-server"></i> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="right-info">
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.6</li>
|
||||
<li><i class="fa fa-download"></i> 2.3M</li>
|
||||
<li><i class="fa fa-server"></i> +70</li>
|
||||
<li><i class="fa fa-gamepad"></i> Action</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="assets/images/tic1.jpg" alt="" style="border-radius: 23px; margin-bottom: 30px;">
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="assets/images/tic2.jpg" alt="" style="border-radius: 23px; margin-bottom: 30px;">
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<img src="assets/images/tic3.jpg" alt="" style="border-radius: 23px; margin-bottom: 30px;">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p>Somos un equipo que cree en la libertad y democratizacion de la tecnologia, nuestro servicio de TIC te puede ayudar con: </p>
|
||||
<p><a href="" target="_blank">1~</a> Soporte técnico: El equipo de TIC proporciona soporte técnico a los usuarios para resolver problemas de hardware, software, redes y otros problemas relacionados con la tecnología. </p>
|
||||
<p><a href="" target="_blank">2~</a> Mantenimiento de la infraestructura: El equipo de TIC es responsable de garantizar que la infraestructura de tecnología, incluidos los servidores, el hardware de red y los dispositivos de almacenamiento, estén funcionando correctamente.</p>
|
||||
<p><a href="" target="_blank">3~</a> Desarrollo y mantenimiento de software: El equipo de TIC es responsable de desarrollar y mantener software personalizado para la organización, como aplicaciones empresariales y sistemas de bases de datos.</p>
|
||||
<p><a href="" target="_blank">4~</a> Seguridad de la información: El equipo de TIC es responsable de proteger la información de la organización mediante el establecimiento de políticas de seguridad, la implementación de soluciones de seguridad informática y la capacitación de los usuarios.</p>
|
||||
<p><a href="" target="_blank">5~</a> Gestión de proyectos de tecnología: El equipo de TIC es responsable de gestionar proyectos de tecnología, desde la planificación hasta la implementación, asegurando que se cumplan los objetivos del proyecto y se mantengan los plazos.</p>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="main-border-button">
|
||||
<a href="#">Solicita nuestros servicios</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Details End ***** -->
|
||||
|
||||
<!-- ***** Other Start ***** -->
|
||||
<div class="other-games">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="heading-section">
|
||||
<h4><em>Nuestros servicios</em> TIC</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="item">
|
||||
<img src="assets/images/redes1.jpg" alt="" class="templatemo-item">
|
||||
<h4>Redes</h4><span>Seguridad</span>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.7</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="item">
|
||||
<img src="assets/images/hard1.jpg" alt="" class="templatemo-item">
|
||||
<h4>Hardware</h4><span>Reparacion y administracion</span>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.8</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="item">
|
||||
<img src="assets/images/ingrea1.jpg " alt="" class="templatemo-item">
|
||||
<h4>Infraestructura</h4><span>Administracion</span>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.4</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="item">
|
||||
<img src="assets/images/licen.jpg" alt="" class="templatemo-item">
|
||||
<h4>Licensiamento</h4><span>Software General</span>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.6</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="item">
|
||||
<img src="assets/images/soporterem1.jpg" alt="" class="templatemo-item">
|
||||
<h4>Soporte remoto</h4><span>Especializado</span>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.1</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="item">
|
||||
<img src="assets/images/soporteadema.jpg" alt="" class="templatemo-item">
|
||||
<h4>Soporte a demanda</h4><span>Especializado</span>
|
||||
<ul>
|
||||
<li><i class="fa fa-star"></i> 4.8</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Other End ***** -->
|
||||
|
||||
</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>
|
||||
@ -0,0 +1,104 @@
|
||||
.grid-container {
|
||||
background: radial-gradient(79.43% 251.58% at 23.18% 73.07%,#0142a0 0,#0f133a 44.41%,
|
||||
#101034 56.43%,#141034 69.58%,#301436 100% ,#411958 0);
|
||||
color:#fff;
|
||||
padding: 2rem 1rem 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.grid-container{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.hijo {
|
||||
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color:#fff;
|
||||
background-color: #27292a;
|
||||
border-radius: 25px;
|
||||
padding: 2rem 1rem 0;
|
||||
margin-bottom: 100px
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: Orbitron, sans-serif;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.derscription {
|
||||
font-size: 0.8rem;
|
||||
|
||||
}
|
||||
|
||||
.line-2{
|
||||
color: #00d084 ;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.title {
|
||||
|
||||
|
||||
font-size: 2.5rem;
|
||||
|
||||
}
|
||||
.derscription {
|
||||
font-size: 1rem;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.countdown {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 0.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.countdown-item {
|
||||
padding: 0 .75rem;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.countdown-item:before {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 60%;
|
||||
background: #fff;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
.countdown-number{
|
||||
font-size: 1.75em;
|
||||
font-weight: bold;
|
||||
margin-right: .25rem;
|
||||
color: #00d084;
|
||||
}
|
||||
|
||||
.countdown-letter{
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
.form-container {
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
.form{
|
||||
display: flex;
|
||||
}
|
||||
@ -0,0 +1,281 @@
|
||||
/*
|
||||
* jQuery FlexSlider v2.7.1
|
||||
* http://www.woothemes.com/flexslider/
|
||||
*
|
||||
* Copyright 2012 WooThemes
|
||||
* Free to use under the GPLv2 and later license.
|
||||
* http://www.gnu.org/licenses/gpl-2.0.html
|
||||
*
|
||||
* Contributing author: Tyler Smith (@mbmufffin)
|
||||
*
|
||||
*/
|
||||
/* ====================================================================================================================
|
||||
* FONT-FACE
|
||||
* ====================================================================================================================*/
|
||||
@font-face {
|
||||
font-family: 'flexslider-icon';
|
||||
src: url('../fonts/flexslider-icon.eot');
|
||||
src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* RESETS
|
||||
* ====================================================================================================================*/
|
||||
.flex-container a:hover,
|
||||
.flex-slider a:hover {
|
||||
outline: none;
|
||||
}
|
||||
.slides,
|
||||
.slides > li,
|
||||
.flex-control-nav,
|
||||
.flex-direction-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.flex-pauseplay span {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* BASE STYLES
|
||||
* ====================================================================================================================*/
|
||||
.flexslider {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.flexslider .slides > li {
|
||||
display: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.flexslider .slides img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.flexslider .slides:after {
|
||||
content: "\0020";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
html[xmlns] .flexslider .slides {
|
||||
display: block;
|
||||
}
|
||||
* html .flexslider .slides {
|
||||
height: 1%;
|
||||
}
|
||||
.no-js .flexslider .slides > li:first-child {
|
||||
display: block;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* DEFAULT THEME
|
||||
* ====================================================================================================================*/
|
||||
.flexslider {
|
||||
margin: 0;
|
||||
background: #fff;
|
||||
border: 4px solid #fff;
|
||||
position: relative;
|
||||
zoom: 1;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.flexslider .slides {
|
||||
zoom: 1;
|
||||
}
|
||||
.flexslider .slides img {
|
||||
height: auto;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.flex-viewport {
|
||||
max-height: 2000px;
|
||||
-webkit-transition: all 1s ease;
|
||||
-moz-transition: all 1s ease;
|
||||
-ms-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.loading .flex-viewport {
|
||||
max-height: 300px;
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.loading .flex-viewport {
|
||||
max-height: none;
|
||||
}
|
||||
}
|
||||
.carousel li {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.flex-direction-nav {
|
||||
*height: 0;
|
||||
}
|
||||
.flex-direction-nav a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
margin: -20px 0 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flex-direction-nav a:before {
|
||||
font-family: "flexslider-icon";
|
||||
font-size: 26px;
|
||||
display: inline-block;
|
||||
content: '\f001';
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
.flex-direction-nav a.flex-next:before {
|
||||
content: '\f002';
|
||||
}
|
||||
.flex-direction-nav .flex-prev {
|
||||
left: -50px;
|
||||
}
|
||||
.flex-direction-nav .flex-next {
|
||||
right: -50px;
|
||||
text-align: right;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-prev {
|
||||
opacity: 0.7;
|
||||
left: 10px;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-prev:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-next {
|
||||
opacity: 0.7;
|
||||
right: 10px;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-next:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-direction-nav .flex-disabled {
|
||||
opacity: 0!important;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: default;
|
||||
z-index: -1;
|
||||
}
|
||||
.flex-pauseplay a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 10px;
|
||||
opacity: 0.8;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
}
|
||||
.flex-pauseplay a:before {
|
||||
font-family: "flexslider-icon";
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
content: '\f004';
|
||||
}
|
||||
.flex-pauseplay a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-pauseplay a.flex-play:before {
|
||||
content: '\f003';
|
||||
}
|
||||
.flex-control-nav {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
text-align: center;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
margin: 0 6px;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.flex-control-paging li a {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
display: block;
|
||||
background: #666;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.flex-control-paging li a:hover {
|
||||
background: #333;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.flex-control-paging li a.flex-active {
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
cursor: default;
|
||||
}
|
||||
.flex-control-thumbs {
|
||||
margin: 5px 0 0;
|
||||
position: static;
|
||||
overflow: hidden;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
width: 25%;
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
opacity: .7;
|
||||
cursor: pointer;
|
||||
-moz-user-select: none;
|
||||
-webkit-transition: all 1s ease;
|
||||
-moz-transition: all 1s ease;
|
||||
-ms-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.flex-control-thumbs img:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-control-thumbs .flex-active {
|
||||
opacity: 1;
|
||||
cursor: default;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* RESPONSIVE
|
||||
* ====================================================================================================================*/
|
||||
@media screen and (max-width: 860px) {
|
||||
.flex-direction-nav .flex-prev {
|
||||
opacity: 1;
|
||||
left: 10px;
|
||||
}
|
||||
.flex-direction-nav .flex-next {
|
||||
opacity: 1;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,56 @@
|
||||
.graphic {
|
||||
position: relative;
|
||||
display: grid;
|
||||
padding-top: 3rem;
|
||||
grid-template-columns: 1fr 75%;
|
||||
|
||||
}
|
||||
|
||||
.graphic-man {
|
||||
width: 100%;
|
||||
grid-column-start: 2;
|
||||
}
|
||||
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.graphic-circles{
|
||||
height: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.graphic-circles img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mix-blend-mode: screen;
|
||||
}
|
||||
|
||||
.graphic-energy{
|
||||
animation: turn1 10s linear infinite;
|
||||
|
||||
}
|
||||
|
||||
.graphic-circle-2{
|
||||
animation: turn1 26s linear infinite;
|
||||
}
|
||||
|
||||
.graphic-circle-1{
|
||||
animation: turn2 16s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
@keyframes turn1 {
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes turn2 {
|
||||
to {
|
||||
transform: rotate(-1turn);
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,186 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
/*
|
||||
* Owl Carousel - Core
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
touch-action: manipulation;
|
||||
-moz-backface-visibility: hidden;
|
||||
/* fix firefox animation glitch */ }
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0; }
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px); }
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0); }
|
||||
.owl-carousel .owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.owl-carousel .owl-nav.disabled,
|
||||
.owl-carousel .owl-dots.disabled {
|
||||
display: none; }
|
||||
.owl-carousel .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-nav .owl-next,
|
||||
.owl-carousel .owl-dot {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.owl-carousel .owl-nav button.owl-prev,
|
||||
.owl-carousel .owl-nav button.owl-next,
|
||||
.owl-carousel button.owl-dot {
|
||||
background: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0 !important;
|
||||
font: inherit; }
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block; }
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block; }
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0; }
|
||||
.owl-carousel.owl-refresh .owl-item {
|
||||
visibility: hidden; }
|
||||
.owl-carousel.owl-drag .owl-item {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.owl-carousel.owl-grab {
|
||||
cursor: move;
|
||||
cursor: grab; }
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl; }
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right; }
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated {
|
||||
animation-duration: 1000ms;
|
||||
animation-fill-mode: both; }
|
||||
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0; }
|
||||
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1; }
|
||||
|
||||
.owl-carousel .fadeOut {
|
||||
animation-name: fadeOut; }
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height {
|
||||
transition: height 500ms ease-in-out; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item {
|
||||
/**
|
||||
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
|
||||
calculation of the height of the owl-item that breaks page layouts
|
||||
*/ }
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
transition: opacity 400ms ease; }
|
||||
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
||||
max-height: 0; }
|
||||
.owl-carousel .owl-item img.owl-lazy {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000; }
|
||||
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url("owl.video.play.png") no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transition: transform 100ms ease; }
|
||||
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-ms-transform: scale(1.3, 1.3);
|
||||
transform: scale(1.3, 1.3); }
|
||||
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||
display: none; }
|
||||
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
transition: opacity 400ms ease; }
|
||||
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
@ -0,0 +1,30 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&family=Orbitron:wght@600&display=swap');
|
||||
|
||||
html, body{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Manrope, sans-serif;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.s-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.s-center {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nods {
|
||||
display: block;
|
||||
}
|
||||
|
After Width: | Height: | Size: 179 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 217 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 1003 B |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 4.5 MiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 422 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 951 B |
|
After Width: | Height: | Size: 4.5 MiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 2.3 KiB |