apex/index.html

202 lines
8.5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>