-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
116 lines (112 loc) · 9.07 KB
/
Copy pathindex.html
File metadata and controls
116 lines (112 loc) · 9.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CONSTANTE</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/mainHome.css">
</head>
<body>
<header>
<div class="headerPC">
<a href="index.html">
<h1>CONSTANTE</h1>
</a>
<div class="menu">
<a href="index.html" class="active-chico aqui">Inicio</a>
<a href="html/ejercicios.html" class="active-chico">Ejercicios</a>
<a href="html/tips.html" class="active-chico">Tips</a>
</div>
<a href="https://github.com/Recamm/GYM-Info" target="_blank" rel="noopener" rel="noreferrer" class="unetenos active-chico">Fuentes</a>
</div>
</header>
<main>
<div class="main">
<!-- INTRO -->
<section class="intro width-main-set">
<div class="content">
<p class="tag">PARA PRINCIPIANTES Y AVANZADOS</p>
<h1>La <span class="eternoTexto">Constancia</span> construye lo que el talento no puede.</h1>
<p class="descripcion">Empeza sin experiencia. Mejora con constancia. Aca tenés todo para avanzar de verdad.</p>
<div class="botones">
<a href="#cards" class="button1 hover-up-shadow active-chico">Comenzar</a>
<a href="https://github.com/Recamm/GYM-Info" target="_blank" rel="noopener" rel="noreferrer" class="button2 hover-up-shadow active-chico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-info-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 9h.01" /><path d="M11 12h1v4h1" /></svg> Fuentes</a>
</div>
</div>
<div class="img">
<img src="imgs/home/training.jpeg" alt="imagen">
</div>
</section>
<!-- SEPARADOR (No me gusto) -->
<!-- <section class="next">
<div class="flecha">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-caret-down"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M18 9c.852 0 1.297 .986 .783 1.623l-.076 .084l-6 6a1 1 0 0 1 -1.32 .083l-.094 -.083l-6 -6l-.083 -.094l-.054 -.077l-.054 -.096l-.017 -.036l-.027 -.067l-.032 -.108l-.01 -.053l-.01 -.06l-.004 -.057v-.118l.005 -.058l.009 -.06l.01 -.052l.032 -.108l.027 -.067l.07 -.132l.065 -.09l.073 -.081l.094 -.083l.077 -.054l.096 -.054l.036 -.017l.067 -.027l.108 -.032l.053 -.01l.06 -.01l.057 -.004l12.059 -.002z" /></svg>
</div>
</section> -->
<!-- MINI INDICE USANDO CARDS -->
<section class="cards" id="cards">
<div class="seccion-titulo width-main-set">
<h2 class="titulo">Lo ideal para comenzar</h2>
<p class="descripcion">Todo lo basico que necesitas para iniciar e introducirte al mundo del gimnnasio y deporte, desde mejores ejercicios hasta tips y alimentacion.</p>
</div>
<div class="grid-cards width-main-set">
<div class="card-normal hover-up-shadow-items">
<div class="card-top">
<div class="card-logo card-logo-black">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-barbell"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M2 12h1" /><path d="M6 8h-2a1 1 0 0 0 -1 1v6a1 1 0 0 0 1 1h2" /><path d="M6 7v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1 -1v-10a1 1 0 0 0 -1 -1h-1a1 1 0 0 0 -1 1" /><path d="M9 12h6" /><path d="M15 7v10a1 1 0 0 0 1 1h1a1 1 0 0 0 1 -1v-10a1 1 0 0 0 -1 -1h-1a1 1 0 0 0 -1 1" /><path d="M18 8h2a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-2" /><path d="M22 12h-1" /></svg>
</div>
<h3 class="card-titulo">Mejores ejercicios</h3>
<p class="descripcion">Los ejercicios mas efectivos para cada grupo muscular, explicados de forma simple.</p>
</div>
<a href="html/ejercicios.html" class="card-link">Ver ejercicios <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l14 0" /><path d="M15 16l4 -4" /><path d="M15 8l4 4" /></svg></a>
</div>
<div class="card-img hover-up-shadow-items">
<div class="card-top">
<div class="card-logo card-logo-light">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-circle-check"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M9 12l2 2l4 -4" /></svg>
</div>
<h3 class="card-titulo">Tecnica correcta</h3>
<p class="descripcion">Aprende a ejecutar cada ejercicio correctamente y evita errores comunes.</p>
</div>
<a href="html/tips.html#tecnicas" class="card-boton">Ver tecnicas</a>
</div>
<div class="card-img hover-up-shadow-items">
<div class="card-top">
<div class="card-logo card-logo-light">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-tools-kitchen-2"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12m0 12v6h-1v-3m-10 -14v17m-3 -17v3a3 3 0 1 0 6 0v-3" /></svg>
</div>
<h3 class="card-titulo">Alimentacion</h3>
<p class="descripcion">Guias simples para comer mejor y acompañar tu entrenamiento.</p>
</div>
<a href="html/tips.html#alimentacion" class="card-boton">Ver alimentaciones </a>
</div>
<div class="card-normal hover-up-shadow-items">
<div class="card-top">
<div class="card-logo card-logo-black">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-bulb"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" /><path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3" /><path d="M9.7 17l4.6 0" /></svg>
</div>
<h3 class="card-titulo">Tips claves</h3>
<p class="descripcion">Pequeños hábitos que marcan la diferencia en tu progreso fisico.</p>
</div>
<a href="html/tips.html#tips" class="card-link">Ver tips claves <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l14 0" /><path d="M15 16l4 -4" /><path d="M15 8l4 4" /></svg></a>
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="footer">
<p class="logo">CONSTANTE</p>
<div class="footer-links">
<a href="#">Politicas de privacidad</a>
<a href="#">Terminos de servicio</a>
<a href="#">Contacto</a>
</div>
<p class="copy">© 2026 CONSTANTE todos los derechos reservados</p>
</div>
</footer>
</body>
</html>