Implementar Grid y Reboot (#3)
Reviewed-on: #3 Fix #1 Co-authored-by: Luciano Giacchetta <giacchetta-@outlook.com> Co-committed-by: Luciano Giacchetta <giacchetta-@outlook.com>
This commit is contained in:
parent
aa296dd174
commit
6a535cfc85
202
index.html
202
index.html
@ -1,202 +0,0 @@
|
||||
<!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">© 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>
|
||||
1700
package-lock.json
generated
1700
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -9,8 +9,8 @@
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"astro": "^5.1.7",
|
||||
"bootstrap": "^5.3.3",
|
||||
"astro": "^5.9.2",
|
||||
"bootstrap": "^5.3.6",
|
||||
"bootstrap-icons": "^1.11.3"
|
||||
}
|
||||
}
|
||||
|
||||
7
src/assets/js/bootstrap.min.js
vendored
7
src/assets/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,112 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 500 100" style="enable-background:new 0 0 500 100;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#18181B;}
|
||||
.st1{fill:none;}
|
||||
.st2{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Capa_2">
|
||||
<rect class="st0" width="500" height="100"/>
|
||||
</g>
|
||||
<g id="Capa_3">
|
||||
</g>
|
||||
<g id="Capa_1">
|
||||
<g>
|
||||
<g>
|
||||
<rect x="162.75" y="27.49" class="st1" width="324.11" height="46.52"/>
|
||||
<path class="st2" d="M167.37,50.37c0-14.04,10.14-23.64,22.81-23.64c6.44,0,11.85,2.54,15.9,7.19l-1.71,1.51
|
||||
c-3.22-4.04-8.5-6.65-14.18-6.65c-11.44,0-20.42,8.7-20.42,21.58c0,12.74,8.98,21.58,20.42,21.58c5.69,0,10.96-2.6,14.18-6.65
|
||||
l1.78,1.44c-4.32,4.86-9.52,7.26-15.96,7.26C177.51,74.01,167.37,64.42,167.37,50.37z"/>
|
||||
<path class="st2" d="M213.07,50.37c0-13.22,8.43-23.64,21.72-23.64c13.22,0,21.72,10.41,21.72,23.64
|
||||
c0,13.22-8.5,23.64-21.72,23.64C221.49,74.01,213.07,63.59,213.07,50.37z M254.11,50.37c0-12.54-7.61-21.58-19.32-21.58
|
||||
c-11.85,0-19.32,9.04-19.32,21.58c0,12.4,7.47,21.58,19.32,21.58C246.5,71.95,254.11,62.77,254.11,50.37z"/>
|
||||
<path class="st2" d="M266.98,73.19v-45.7h13.57c14.18,0,22.75,10.69,22.75,22.88c0,12.33-8.56,22.81-22.75,22.81H266.98z
|
||||
M300.89,50.37c0-11.44-7.4-20.83-20.35-20.83h-11.37v41.59h11.37C293.5,71.13,300.89,61.95,300.89,50.37z"/>
|
||||
<path class="st2" d="M324.87,73.19v-19.8l-18.36-25.9h2.81l16.65,23.7l16.65-23.7h2.81l-18.36,25.9v19.8H324.87z"/>
|
||||
<path class="st2" d="M348.09,50.37c0-14.04,10.89-23.64,25.01-23.64s25.01,9.59,25.01,23.64c0,14.04-10.89,23.64-25.01,23.64
|
||||
S348.09,64.42,348.09,50.37z M384.06,50.37c0-6.37-4.32-11.44-10.96-11.44S362.14,44,362.14,50.37c0,6.37,4.32,11.44,10.96,11.44
|
||||
S384.06,56.74,384.06,50.37z"/>
|
||||
<path class="st2" d="M403.04,73.19v-45.7h24.39c10.69,0,16.44,7.12,16.44,15.69c0,8.5-5.76,15.62-16.44,15.62h-10.55v14.39
|
||||
H403.04z M429.82,43.18c0-2.47-1.85-3.63-4.18-3.63h-8.77v7.19h8.77C427.97,46.74,429.82,45.58,429.82,43.18z"/>
|
||||
<path class="st2" d="M444.89,66.75l7.19-10.28c3.43,3.29,8.56,5.89,14.73,5.89c2.6,0,5.07-0.68,5.07-2.47
|
||||
c0-4.38-25.49,0.07-25.49-17.95c0-7.74,6.44-15.14,18.98-15.14c7.47,0,14.18,2.12,19.39,6.37l-7.4,9.8
|
||||
c-3.97-3.01-9.11-4.52-13.43-4.52c-2.74,0-3.49,0.89-3.49,2.06c0,4.32,25.42,0.62,25.42,17.61c0,10.07-7.47,15.89-19.73,15.89
|
||||
C456.4,74.01,449.76,71.13,444.89,66.75z"/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M36.56,32.25c0.46,0.03,0.98,0.07,1.5,0.12c0.48,0.05,0.79-0.16,1.02-0.57c0.3-0.55,0.61-1.1,0.93-1.63
|
||||
c0.27-0.45,0.22-0.85-0.07-1.26c-0.33-0.45-0.66-0.9-0.97-1.36c-0.39-0.58-0.35-0.92,0.17-1.36c0.55-0.48,1.11-0.95,1.68-1.42
|
||||
c0.49-0.4,0.88-0.39,1.34,0.04c0.41,0.38,0.8,0.78,1.19,1.18c0.37,0.38,0.77,0.49,1.27,0.28c0.59-0.25,1.2-0.47,1.8-0.68
|
||||
c0.45-0.16,0.65-0.5,0.68-0.95c0.04-0.54,0.08-1.08,0.11-1.61c0.04-0.67,0.27-0.9,0.94-0.91c0.8-0.01,1.6-0.01,2.4,0
|
||||
c0.6,0.01,0.81,0.21,0.87,0.8c0.06,0.61,0.12,1.21,0.18,1.82c0.04,0.43,0.27,0.7,0.68,0.84c0.64,0.22,1.28,0.44,1.92,0.68
|
||||
c0.43,0.16,0.78,0.06,1.09-0.25c0.43-0.43,0.85-0.87,1.29-1.29c0.4-0.39,0.77-0.42,1.21-0.08c0.63,0.49,1.25,1.01,1.85,1.53
|
||||
c0.42,0.37,0.46,0.73,0.15,1.2c-0.32,0.5-0.67,0.98-1.01,1.46c-0.27,0.38-0.32,0.76-0.08,1.17c0.34,0.59,0.68,1.17,1.03,1.76
|
||||
c0.22,0.38,0.55,0.56,1,0.51c0.54-0.06,1.07-0.11,1.61-0.18c0.72-0.1,1.07,0.1,1.21,0.8c0.16,0.8,0.28,1.61,0.38,2.42
|
||||
c0.05,0.44-0.13,0.77-0.61,0.9c-0.59,0.15-1.17,0.33-1.76,0.48c-0.49,0.12-0.73,0.44-0.81,0.91c-0.11,0.65-0.21,1.3-0.32,1.95
|
||||
c-0.07,0.42,0.08,0.75,0.43,0.99c0.47,0.32,0.95,0.64,1.42,0.98c0.62,0.45,0.69,0.76,0.32,1.41c-0.34,0.59-0.67,1.18-1.01,1.77
|
||||
c-0.43,0.73-0.66,0.8-1.44,0.46c-0.51-0.22-1.01-0.46-1.52-0.7c-0.39-0.19-0.74-0.15-1.07,0.13c-0.53,0.45-1.07,0.89-1.59,1.35
|
||||
c-0.32,0.27-0.43,0.61-0.31,1.03c0.15,0.5,0.27,1.01,0.41,1.51c0.25,0.87,0.06,1.21-0.78,1.5c-0.59,0.2-1.17,0.45-1.77,0.64
|
||||
c-0.79,0.24-1.06,0.1-1.41-0.63c-0.22-0.47-0.45-0.94-0.66-1.42c-0.2-0.44-0.54-0.6-1-0.59c-0.64,0.02-1.28,0.02-1.92,0.01
|
||||
c-0.46,0-0.8,0.16-1,0.6c-0.24,0.54-0.5,1.07-0.74,1.61c-0.18,0.41-0.5,0.63-0.92,0.51c-0.9-0.25-1.79-0.54-2.67-0.87
|
||||
c-0.45-0.17-0.46-0.63-0.37-1.04c0.12-0.56,0.26-1.12,0.43-1.66c0.16-0.51,0.01-0.88-0.38-1.2c-0.48-0.4-0.98-0.79-1.45-1.2
|
||||
c-0.39-0.34-0.8-0.37-1.25-0.15c-0.51,0.26-1.03,0.51-1.55,0.74c-0.57,0.25-0.91,0.14-1.23-0.39C37,44.29,36.62,43.65,36.25,43
|
||||
c-0.31-0.54-0.21-0.94,0.29-1.31c0.45-0.33,0.9-0.65,1.37-0.96c0.43-0.29,0.59-0.67,0.5-1.17c-0.12-0.65-0.26-1.3-0.37-1.95
|
||||
c-0.08-0.46-0.36-0.7-0.78-0.81c-0.57-0.15-1.14-0.3-1.72-0.44c-0.45-0.11-0.72-0.38-0.66-0.85c0.11-0.9,0.23-1.79,0.4-2.68
|
||||
C35.38,32.32,35.66,32.22,36.56,32.25z M42.73,36.4c0,3.69,2.98,6.71,6.64,6.71c3.67,0,6.71-3.02,6.72-6.66
|
||||
c0.01-3.69-3.02-6.74-6.69-6.74C45.72,29.71,42.73,32.71,42.73,36.4z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M74.45,32.24c0.46,0.03,0.98,0.07,1.5,0.12c0.48,0.05,0.79-0.16,1.02-0.57c0.3-0.55,0.61-1.1,0.93-1.63
|
||||
c0.27-0.45,0.22-0.85-0.07-1.26c-0.33-0.45-0.66-0.9-0.97-1.36c-0.39-0.58-0.35-0.92,0.17-1.36c0.55-0.48,1.11-0.95,1.68-1.42
|
||||
c0.49-0.4,0.88-0.39,1.34,0.04c0.41,0.38,0.8,0.78,1.19,1.18c0.37,0.38,0.77,0.49,1.27,0.28c0.59-0.25,1.2-0.47,1.8-0.68
|
||||
c0.45-0.16,0.65-0.5,0.68-0.95c0.04-0.54,0.08-1.08,0.11-1.61c0.04-0.67,0.27-0.9,0.94-0.91c0.8-0.01,1.6-0.01,2.4,0
|
||||
c0.6,0.01,0.81,0.21,0.87,0.8c0.06,0.61,0.12,1.21,0.18,1.82c0.04,0.43,0.27,0.7,0.68,0.84c0.64,0.22,1.28,0.44,1.92,0.68
|
||||
c0.43,0.16,0.78,0.06,1.09-0.25c0.43-0.43,0.85-0.87,1.29-1.29c0.4-0.39,0.77-0.42,1.21-0.08c0.63,0.49,1.25,1.01,1.85,1.53
|
||||
c0.42,0.37,0.46,0.73,0.15,1.2c-0.32,0.5-0.67,0.98-1.01,1.46c-0.27,0.38-0.32,0.76-0.08,1.17c0.34,0.59,0.68,1.17,1.03,1.76
|
||||
c0.22,0.38,0.55,0.56,1,0.51c0.54-0.06,1.07-0.11,1.61-0.18c0.72-0.1,1.07,0.1,1.21,0.8c0.16,0.8,0.28,1.61,0.38,2.42
|
||||
c0.05,0.44-0.13,0.77-0.61,0.9c-0.59,0.15-1.17,0.33-1.76,0.48c-0.49,0.12-0.73,0.44-0.81,0.91c-0.11,0.65-0.21,1.3-0.32,1.95
|
||||
c-0.07,0.42,0.08,0.75,0.43,0.99c0.47,0.32,0.95,0.64,1.42,0.98c0.62,0.45,0.69,0.76,0.32,1.41c-0.34,0.59-0.67,1.18-1.01,1.77
|
||||
c-0.43,0.73-0.66,0.8-1.44,0.46c-0.51-0.22-1.01-0.46-1.52-0.7c-0.39-0.19-0.74-0.15-1.07,0.13c-0.53,0.45-1.07,0.89-1.59,1.35
|
||||
c-0.32,0.27-0.43,0.61-0.31,1.03c0.15,0.5,0.27,1.01,0.41,1.51c0.25,0.87,0.06,1.21-0.78,1.5c-0.59,0.2-1.17,0.45-1.77,0.64
|
||||
c-0.79,0.24-1.06,0.1-1.41-0.63c-0.22-0.47-0.45-0.94-0.66-1.42c-0.2-0.44-0.54-0.6-1-0.59c-0.64,0.02-1.28,0.02-1.92,0.01
|
||||
c-0.46,0-0.8,0.16-1,0.6c-0.24,0.54-0.5,1.07-0.74,1.61c-0.18,0.41-0.5,0.63-0.92,0.51c-0.9-0.25-1.79-0.54-2.67-0.87
|
||||
c-0.45-0.17-0.46-0.63-0.37-1.04c0.12-0.56,0.26-1.12,0.43-1.66c0.16-0.51,0.01-0.88-0.38-1.2c-0.48-0.4-0.98-0.79-1.45-1.2
|
||||
c-0.39-0.34-0.8-0.37-1.25-0.15c-0.51,0.26-1.03,0.51-1.55,0.74c-0.57,0.25-0.91,0.14-1.23-0.39c-0.39-0.64-0.77-1.28-1.14-1.94
|
||||
c-0.31-0.54-0.21-0.94,0.29-1.31c0.45-0.33,0.9-0.65,1.37-0.96c0.43-0.29,0.59-0.67,0.5-1.17c-0.12-0.65-0.26-1.3-0.37-1.95
|
||||
c-0.08-0.46-0.36-0.7-0.78-0.81c-0.57-0.15-1.14-0.3-1.72-0.44c-0.45-0.11-0.72-0.38-0.66-0.85c0.11-0.9,0.23-1.79,0.4-2.68
|
||||
C73.27,32.31,73.55,32.21,74.45,32.24z M80.62,36.38c0,3.69,2.98,6.71,6.64,6.71c3.67,0,6.71-3.02,6.72-6.66
|
||||
c0.01-3.69-3.02-6.74-6.69-6.74C83.61,29.69,80.62,32.7,80.62,36.38z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M29.92,89.98c-6.48,0-12.56-5.63-12.56-14.91V58.93c0-3.47-1.38-6.29-4.22-6.29v-6.75
|
||||
c2.84,0,4.22-2.81,4.22-6.29V23.56c0-9.29,6.08-15.01,12.56-15.01h4.94v7.97h-4.94c-2.76,0-5.02,2.72-5.02,6.94v17.35
|
||||
c0,3.94-1.05,7.13-3.73,8.44c2.67,1.31,3.73,4.5,3.73,8.44v17.26c0,4.22,2.27,7.04,5.02,7.04h4.94v7.97H29.92z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M101.81,83.47h4.94c2.76,0,5.11-2.81,5.11-7.04V59.18c0-3.94,1.05-7.13,3.73-8.44
|
||||
c-2.67-1.31-3.73-4.5-3.73-8.44V24.94c0-4.22-2.35-6.94-5.11-6.94h-4.94v-7.97h4.94c6.48,0,12.56,5.72,12.56,15.01v16.04
|
||||
c0,3.47,1.38,6.29,4.21,6.29v6.75c-2.84,0-4.21,2.81-4.21,6.29v16.13c0,9.29-6.08,14.91-12.56,14.91h-4.94V83.47z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M92.04,67.16v3.93l-19.28,8.65v-4.06l15.35-6.57l-15.35-6.48v-4.06L92.04,67.16z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st2" d="M63.45,58.55v4.06L48.11,69.1l15.34,6.57v4.06l-19.28-8.65v-3.93L63.45,58.55z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 8.3 KiB |
@ -1,36 +1,36 @@
|
||||
---
|
||||
const date = new Date();
|
||||
---
|
||||
<footer class="position-absolute start-0 end-0">
|
||||
<footer>
|
||||
<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">© CodyOps ~ All Rights Reserved ~ {date.toDateString()}</p>
|
||||
<p class="mb-0 text-white">© CodyOps ~ All Rights Reserved ~ {date.toDateString()}</p>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="col-sm-auto" style="font-size:larger;">
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="btn" href="https://www.linkedin.com/company/codyopslatam">
|
||||
<a href="https://www.linkedin.com/company/codyopslatam">
|
||||
<i class="bi-linkedin text-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="btn" href="https://www.facebook.com/codyopslatam">
|
||||
<a 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">
|
||||
<a 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/@codyopslabs">
|
||||
<a href="https://www.youtube.com/@codyopslabs">
|
||||
<i class="bi-youtube text-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="btn" href="https://github.com/codyopslabs">
|
||||
<a href="https://github.com/codyopslabs">
|
||||
<i class="bi-github text-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
---
|
||||
import 'bootstrap/dist/css/bootstrap.min.css';
|
||||
import 'bootstrap/dist/css/bootstrap-grid.min.css';
|
||||
import 'bootstrap/dist/css/bootstrap-reboot.min.css';
|
||||
import 'bootstrap-icons/font/bootstrap-icons.min.css';
|
||||
|
||||
import favicon from '../assets/svg/favicon.svg';
|
||||
|
||||
const gtm = import.meta.env.ASTRO_GTAG;
|
||||
---
|
||||
<!doctype html>
|
||||
@ -11,24 +12,55 @@ const gtm = import.meta.env.ASTRO_GTAG;
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<meta name="description" content='' />
|
||||
<!-- <meta name="description" content='' /> -->
|
||||
<title>CodyOps</title>
|
||||
<link rel="icon" type="image/svg+xml" href={favicon.src} />
|
||||
<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="alternate" href="https://codyops.com.br/" hreflang="pt-BR" />
|
||||
{ !import.meta.env.DEV &&
|
||||
<script is:inline async src={`https://www.googletagmanager.com/gtag/js?id=${gtm}`}></script>
|
||||
<script is:inline async define:vars={{ gtm }}>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gtm);</script>
|
||||
}
|
||||
}
|
||||
</head>
|
||||
<body>
|
||||
<body data-bs-theme="dark">
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<style>
|
||||
body{
|
||||
background-color: #18181B;
|
||||
}
|
||||
<style is:global>
|
||||
.list-inline {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.list-inline-item {
|
||||
display: inline-block;
|
||||
}
|
||||
.list-inline-item:not(:last-child) {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center !important;
|
||||
}
|
||||
.text-uppercase {
|
||||
text-transform: uppercase !important;
|
||||
}
|
||||
.text-white {
|
||||
--bs-text-opacity: 1;
|
||||
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
|
||||
}
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.img-thumbnail {
|
||||
padding: 0.25rem;
|
||||
background-color: var(--bs-body-bg);
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
border-radius: var(--bs-border-radius);
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.border-0 {
|
||||
border: 0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -2,8 +2,7 @@
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
|
||||
import { Image } from 'astro:assets';
|
||||
import logo from '../assets/svg/codyops.svg';
|
||||
import { Picture } from 'astro:assets';
|
||||
|
||||
import argentina from '../assets/img/argentina-flag-square-medium.png';
|
||||
import chile from '../assets/img/chile-flag-square-medium.png';
|
||||
@ -23,177 +22,138 @@ import spain from '../assets/img/spain-flag-square-medium.png';
|
||||
---
|
||||
<Layout>
|
||||
<body>
|
||||
<header id="header" class="navbar navbar-expand">
|
||||
<div class="container">
|
||||
<nav class="navbar-nav">
|
||||
<a class="navbar-brand" href="/" aria-label="CodyOps">
|
||||
<Image width="120" src={logo} alt="CodyOps Logo" />
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<div class="container my-2">
|
||||
<div class="container my-4">
|
||||
<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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://ar.codyops.com/ ">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={argentina} alt="Argentina Logo" />
|
||||
<Picture class="img-thumbnail" src={argentina} alt="Argentina 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://www.codyops.com.br">
|
||||
<div class="card-body bg-dark bg-opacity-75">
|
||||
<a class="text-center text-decoration-none border-0" href="https://www.codyops.com.br">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={brazil} alt="Brasil Logo" />
|
||||
<Picture class="img-thumbnail" src={brazil} alt="Brasil Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Brasil</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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://cl.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={chile} alt="Chile Logo" />
|
||||
<Picture class="img-thumbnail" src={chile} alt="Chile Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Chile</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://co.codyops.com">
|
||||
<div class="card-body bg-dark bg-opacity-75">
|
||||
<a class="text-center text-decoration-none border-0" href="https://co.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={colombia} alt="Colombia Logo" />
|
||||
<Picture class="img-thumbnail" src={colombia} alt="Colombia Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Colombia</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://cr.codyops.com/ ">
|
||||
<div class="card-body bg-dark bg-opacity-75">
|
||||
<a class="text-center text-decoration-none border-0" href="https://cr.codyops.com/ ">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={costarica} alt="Costa Rica Logo" />
|
||||
<Picture class="img-thumbnail" src={costarica} alt="Costa Rica 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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://do.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={dominicana} alt="Dominicana Logo" />
|
||||
<Picture class="img-thumbnail" src={dominicana} alt="Dominicana Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Dominicana</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://ec.codyops.com">
|
||||
<div class="card-body bg-dark bg-opacity-75">
|
||||
<a class="text-center text-decoration-none border-0" href="https://ec.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={ecuador} alt="Ecuador Logo" />
|
||||
<Picture class="img-thumbnail" src={ecuador} alt="Ecuador Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Ecuador</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://www.codyops.com.es">
|
||||
<div class="card-body bg-dark bg-opacity-75">
|
||||
<a class="text-center text-decoration-none border-0" href="https://www.codyops.com.es">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={spain} alt="Spain Logo" />
|
||||
<Picture class="img-thumbnail" src={spain} alt="Spain Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">España</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://www.codyops.com ">
|
||||
<div class="card-body bg-dark bg-opacity-75">
|
||||
<a class="text-center text-decoration-none border-0" href="https://www.codyops.com ">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={usa} alt="USA Logo" />
|
||||
<Picture class="img-thumbnail" src={usa} alt="USA Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Estados Unidos</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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://mx.codyops.com/ ">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={mexico} alt="Mexico Logo" />
|
||||
<Picture class="img-thumbnail" src={mexico} alt="Mexico 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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://pa.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={panama} alt="Panama Logo" />
|
||||
<Picture class="img-thumbnail" src={panama} alt="Panama 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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://py.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={paraguay} alt="Paraguay Logo" />
|
||||
<Picture class="img-thumbnail" src={paraguay} alt="Paraguay 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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://pe.codyops.com/ ">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={peru} alt="Peru Logo" />
|
||||
<Picture class="img-thumbnail" src={peru} alt="Peru 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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://sv.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={salvador} alt="Salvador Logo" />
|
||||
<Picture class="img-thumbnail" src={salvador} alt="Salvador 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">
|
||||
<a class="text-center text-decoration-none border-0" href="https://uy.codyops.com">
|
||||
<div class="mb-3">
|
||||
<Image class="img-fluid img-thumbnail" src={uruguay} alt="Uruguay Logo" />
|
||||
<Picture class="img-thumbnail" src={uruguay} alt="Uruguay Logo" />
|
||||
</div>
|
||||
<h2 class="card-title text-white">Uruguay</h2>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user