apex/index.html

202 lines
8.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="es" dir="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <meta name="description" content='' /> -->
<title>CodyOps</title>
<link rel="shortcut icon" href="./favicon.svg">
<link rel="alternate" href="https://codyops.com/" hreflang="es" />
<link rel="alternate" href="https://codyops.com.es/" hreflang="es-ES" />
<link rel="alternate" href="https://codyops.com.br/" hreflang="pt-BR" />
<link rel="stylesheet" href="./assets/css/bootstrap-icons.min.css" />
<link rel="stylesheet" href="./assets/css/bootstrap.min.css"/>
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-5WP8N9VYNH"></script> -->
<!-- <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5WP8N9VYNH');</script> -->
</head>
<body style="background-color: #18181B;">
<header id="header" class="navbar navbar-expand">
<div class="container">
<nav class="navbar-nav">
<a class="navbar-brand" href="/" aria-label="CodyOps">
<img width="120" src="./assets/svg/codyops.svg" alt="Logo">
</a>
</nav>
</div>
</header>
<div class="container my-2">
<div class="text-center mx-md-auto mb-5">
<span class="text-uppercase text-white">Selector</span>
<h2 class="h2 text-white">Escoja su País Choose your Country - Escolha seu País</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://ar.codyops.com/ ">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/ar.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Argentina</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://cl.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/cl.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Chile</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a class="card h-100 text-center text-decoration-none border-0" href="https://co.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/co.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Colombia</h2>
</div>
</a>
</div>
</div>
<div class="row mt-3">
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://cr.codyops.com/ ">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/cr.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Costa Rica</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://do.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/do.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Dominicana</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a class="card h-100 text-center text-decoration-none border-0" href="https://ec.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/ec.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Ecuador</h2>
</div>
</a>
</div>
</div>
<div class="row mt-3">
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://mx.codyops.com/ ">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/mx.webp" alt="Logo">
</div>
<h2 class="card-title text-white">México</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://pa.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/pa.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Panamá</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a class="card h-100 text-center text-decoration-none border-0" href="https://py.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/py.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Paraguay</h2>
</div>
</a>
</div>
</div>
<div class="row mt-3">
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://pe.codyops.com/ ">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/pe.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Perú</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="card h-100 text-center text-decoration-none border-0" href="https://sv.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/sv.webp" alt="Logo">
</div>
<h2 class="card-title text-white">El Salvador</h2>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a class="card h-100 text-center text-decoration-none border-0" href="https://uy.codyops.com">
<div class="card-body bg-dark bg-opacity-75">
<div class="mb-3">
<img class="img-fluid img-thumbnail" src="./assets/img/uy.webp" alt="Logo">
</div>
<h2 class="card-title text-white">Uruguay</h2>
</div>
</a>
</div>
</div>
</div>
<footer class="position-absolute start-0 end-0">
<div class="container pb-5">
<div class="row justify-content-between align-items-center">
<div class="col-sm mb-3 mb-sm-0">
<p class="small mb-0 text-white">&copy; 2023 ~ CodyOps - All rights reserved</p>
</div>
<div class="col-sm-auto">
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn" href="https://www.linkedin.com/company/codyops">
<i class="bi-linkedin text-white"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn" href="https://www.facebook.com/codyopslatam">
<i class="bi-facebook text-white"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn" href="https://www.instagram.com/codyopslatam">
<i class="bi-instagram text-white"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn" href="https://www.youtube.com/@codyopslatam">
<i class="bi-youtube text-white"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn" href="https://wa.me/13072228690">
<i class="bi-whatsapp text-white"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="./assets/js/bootstrap.min.js"></script>
</body>
</html>