Skip to content

Commit 5456d05

Browse files
jorgektchjorgektch
committed
Update Files
1 parent 4daca48 commit 5456d05

5 files changed

+271
-0
lines changed

‎index.html

+220
Original file line numberDiff line numberDiff line change
@@ -1 +1,221 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>CodeHunters Lab</title>
7+
<!-- Fuentes -->
8+
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
9+
<!-- FontAwesome -->
10+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
11+
<style>
12+
:root {
13+
--blue: #003050;
14+
--turquoise: #00a5b6;
15+
--white: #ffffff;
16+
--text-color: #333333;
17+
}
118

19+
body {
20+
margin: 0;
21+
font-family: 'Lexend', sans-serif;
22+
color: var(--text-color);
23+
}
24+
25+
/* Navegación */
26+
.nav-bar {
27+
display: flex;
28+
justify-content: space-between;
29+
align-items: center;
30+
padding: 1rem 2rem;
31+
background-color: var(--blue);
32+
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
33+
}
34+
35+
.nav-links {
36+
list-style: none;
37+
display: flex;
38+
gap: 1.5rem;
39+
}
40+
41+
.nav-links a {
42+
text-decoration: none;
43+
color: var(--white);
44+
font-weight: 600;
45+
font-family: 'Poppins', sans-serif;
46+
}
47+
48+
.logo img {
49+
width: 180px;
50+
height: auto;
51+
}
52+
53+
/* Hero */
54+
.hero {
55+
text-align: center;
56+
background-color: var(--white);
57+
padding: 3rem 1rem;
58+
color: var(--blue);
59+
}
60+
61+
.hero img {
62+
width: 700px;
63+
height: auto;
64+
margin: 0 auto 2rem;
65+
border-radius: 12px;
66+
display: block;
67+
}
68+
69+
.hero h1 {
70+
font-size: 3rem;
71+
font-family: 'Poppins', sans-serif;
72+
margin-bottom: 1rem;
73+
}
74+
75+
.hero p {
76+
font-size: 1.2rem;
77+
line-height: 1.6;
78+
max-width: 800px;
79+
margin: 0 auto;
80+
}
81+
82+
/* Secciones */
83+
section {
84+
padding: 4rem 1rem;
85+
}
86+
87+
.blue-section {
88+
background-color: var(--blue);
89+
color: var(--white);
90+
}
91+
92+
.turquoise-section {
93+
background-color: var(--turquoise);
94+
color: var(--white);
95+
}
96+
97+
.white-section {
98+
background-color: var(--white);
99+
color: var(--text-color);
100+
}
101+
102+
.container {
103+
max-width: 1200px;
104+
margin: 0 auto;
105+
text-align: center;
106+
}
107+
108+
h2 {
109+
font-family: 'Poppins', sans-serif;
110+
font-size: 2.5rem;
111+
margin-bottom: 1.5rem;
112+
}
113+
114+
p {
115+
font-size: 1.2rem;
116+
line-height: 1.8;
117+
}
118+
119+
/* Servicios */
120+
.services-grid {
121+
display: grid;
122+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
123+
gap: 2rem;
124+
margin-top: 2rem;
125+
}
126+
127+
.service-box {
128+
padding: 2rem;
129+
border-radius: 12px;
130+
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
131+
background-color: var(--white);
132+
text-align: center;
133+
}
134+
135+
.service-box i {
136+
font-size: 3rem;
137+
color: var(--blue);
138+
margin-bottom: 1rem;
139+
}
140+
141+
.service-box h3 {
142+
color: #003050;
143+
font-size: 1.6rem;
144+
font-family: 'Poppins', sans-serif;
145+
margin-bottom: 1rem;
146+
}
147+
148+
.service-box p {
149+
color: black;
150+
font-size: 1rem;
151+
line-height: 1.6;
152+
}
153+
154+
/* Footer */
155+
footer {
156+
text-align: center;
157+
padding: 2rem;
158+
background-color: var(--blue);
159+
color: var(--white);
160+
font-size: 1rem;
161+
}
162+
</style>
163+
</head>
164+
<body>
165+
<header id="inicio">
166+
<nav class="nav-bar">
167+
<div class="logo">
168+
<img src="logotipo-2022-clear-transparent.png" alt="CodeHunters Lab Logo">
169+
</div>
170+
<ul class="nav-links">
171+
<li><a href="#inicio">Inicio</a></li>
172+
<li><a href="#quienes-somos">Quiénes Somos</a></li>
173+
<li><a href="#servicios">Servicios</a></li>
174+
</ul>
175+
</nav>
176+
<div class="hero">
177+
<img src="seo_india.jpg" alt="CodeHunters Lab Hero Image">
178+
<h1>Innovación en Cada Proyecto</h1>
179+
<p>En CodeHunters Lab llevamos la tecnología a nuevas alturas. Ofrecemos soluciones que combinan creatividad, eficiencia y un enfoque personalizado.</p>
180+
</div>
181+
</header>
182+
183+
<section id="quienes-somos" class="blue-section">
184+
<div class="container">
185+
<h2>Quiénes Somos</h2>
186+
<p>
187+
Somos un equipo apasionado por la tecnología y la innovación. Desde nuestra sede en Lima, Perú, transformamos ideas en soluciones reales
188+
con metodologías modernas y efectivas.
189+
</p>
190+
</div>
191+
</section>
192+
193+
<section id="servicios" class="turquoise-section">
194+
<div class="container">
195+
<h2>Nuestros Servicios</h2>
196+
<p>Descubre cómo podemos ayudarte a impulsar tu proyecto con soluciones adaptadas a tus necesidades.</p>
197+
<div class="services-grid">
198+
<div class="service-box">
199+
<i class="fas fa-cogs"></i>
200+
<h3 class="service-title">Consultoría</h3>
201+
<p class="service-description">Auditorías técnicas y planificación estratégica personalizadas para tu negocio.</p>
202+
</div>
203+
<div class="service-box">
204+
<i class="fas fa-laptop-code"></i>
205+
<h3 class="service-title">Capacitación</h3>
206+
<p class="service-description">Equipamos a tu equipo con herramientas y conocimientos avanzados del mercado.</p>
207+
</div>
208+
<div class="service-box">
209+
<i class="fas fa-project-diagram"></i>
210+
<h3 class="service-title">Soluciones Ágiles</h3>
211+
<p class="service-description">Implementamos herramientas eficientes adaptadas a tus objetivos y visión empresarial.</p>
212+
</div>
213+
</div>
214+
</div>
215+
</section>
216+
217+
<footer>
218+
<p>&copy; 2024 CodeHunters Lab. Todos los derechos reservados.</p>
219+
</footer>
220+
</body>
221+
</html>

‎logotipo-2022-clear-transparent.png

125 KB
Loading

‎logotipo-2022-dark-transparent.png

117 KB
Loading

‎seo_india.jpg

163 KB
Loading

‎styles.css

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
/* Hero */
2+
.hero img {
3+
width: 800px;
4+
height: 575px;
5+
margin: 0 auto;
6+
display: block;
7+
border-radius: 12px;
8+
}
9+
.hero h1 {
10+
font-size: 3.2rem;
11+
font-family: 'Poppins', sans-serif;
12+
margin: 1.5rem 0;
13+
}
14+
.hero p {
15+
font-size: 1.4rem;
16+
max-width: 700px;
17+
margin: 0 auto;
18+
}
19+
20+
/* Logo */
21+
.logo img {
22+
width: 200px;
23+
height: auto;
24+
}
25+
26+
/* Secciones */
27+
.container {
28+
max-width: 1200px;
29+
margin: 0 auto;
30+
padding: 0 1.5rem;
31+
}
32+
33+
.services-grid {
34+
display: grid;
35+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
36+
gap: 2rem;
37+
}
38+
39+
.service-box i {
40+
font-size: 3rem;
41+
margin-bottom: 1rem;
42+
color: var(--turquoise);
43+
}
44+
.service-box h3 {
45+
font-size: 1.6rem;
46+
margin-bottom: 1rem;
47+
}
48+
.service-box p {
49+
font-size: 1.2rem;
50+
line-height: 1.8;
51+
}

0 commit comments

Comments
 (0)