-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (147 loc) · 8.09 KB
/
index.html
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<meta name="description" content="page about event hacking ">
<link rel="stylesheet" href="css/styles.css">
<title>HackHowl</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__body">
<a href="/" class="header__logo">
<img class="header__logo--left" src="assets/logo.png" alt="logo">
<img class="header__logo--right" src="assets/letters.png" alt="">
</a>
<nav class="main-nav ">
<button class="main-nav__close"><i class="ri-close-line"></i></button>
<ul class="main-nav__list">
<li class="main-nav__item"><a href="index.html" class="main-nav__link active">Inicio</a> </li>
<li class="main-nav__item"><a href="#quienes-somos" class="main-nav__link">Quiénes Somos</a> </li>
<li class="main-nav__item"><a href="entrenamiento.html" class="main-nav__link">Zona de Entrenamiento</a> </li>
<li class="main-nav__item"><a href="sponsors.html" class="main-nav__link">Patrocinadores</a> </li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Convocatoria</a> </li>
<li class="main-nav__item"><a href="merchandising.html" class="main-nav__link">Merchandising oficial</a> </li>
</ul>
</nav>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScFHTq5zmUgHfvSUid6VjSovlNrwDz6vEQ1XQoLmIHwco7Lbw/viewform?usp=sf_link" class="header__btn btn btn--white">
Inscribirse
</a>
<button class="header__menu">
<i class="ri-menu-5-line"></i>
</button>
</div>
</div>
</header>
<section class="hero">
<div class="container">
<div class="hero__body">
<div class="hero__left">
<h1 class="hero__title">EL MEJOR EVENTO DE <span class="hero__title--red">HACKING ETICO</span> </h1>
<p class="hero__text">¡Te damos la bienvenida al destacado evento de hacking ético!
Sumérgete en una experiencia única para potenciar tus habilidades como hacker ético a través de
nuestro emocionante Capture The Flag y Bug Bounty. ¡Forma tu equipo y enfrenta los diversos
desafíos para alcanzar el primer lugar!</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScFHTq5zmUgHfvSUid6VjSovlNrwDz6vEQ1XQoLmIHwco7Lbw/viewform?usp=sf_link" class="hero__btn btn btn--red">INSCRIBIRSE <i class="ri-arrow-right-s-fill"></i> </a>
</div>
<div class="hero__right">
<img src="assets/logowithletters.png" alt="">
</div>
</div>
</div>
</section>
<section class="us">
<div class="container">
<div class="us__body">
<h2 class="us__title subtitle">UNETE A <span class="subtitle--red">NOSOTROS</span></h2>
<div class="us__cards">
<article class="card">
<h3 class="card__title"> <i class="ri-group-line"></i> Equipos</h3>
<p class="card__copy">Reúne a tu equipo y participa, mejorando tus habilidades como hacker
ético.</p>
<figure class="card__figure">
<img class="card__image" src="assets/card1.png" alt="">
</figure>
</article>
<article class="card">
<h3 class="card__title"> <i class="ri-award-line"></i> Forma parte de HackHowl.</h3>
<p class="card__copy">Participa en nuestros desafíos de Capture The Flag y avanza a nuestro Bug Bounty para ganar increíbles premios.</p>
<figure class="card__figure">
<img class="card__image" src="assets/card2.png" alt="">
</figure>
</article>
<article class="card">
<h3 class="card__title"> <i class="ri-team-line"></i> Unete a la Manada</h3>
<p class="card__copy">Sumérgete en esta experiencia de hacking y se parte del HackHowl</p>
<figure class="card__figure">
<img class="card__image" src="assets/card3.png" alt="">
</figure>
</article>
</div>
</div>
</div>
</section>
<section class="about" id="quienes-somos">
<div class="container">
<div class="about__body">
<h2 class="about__title subtitle">QUIÉNES <span class="subtitle--red">SOMOS</span></h2>
<img class="about__image" src="assets/logo.png" alt="">
<p class="about__text"> <span class="about__text--red">HackHowl</span> es un equipo apasionado de <span
class="about__text--while">profesionales en ciberseguridad comprometidos
a crear un espacio educativo y emocionante para la próxima generación de expertos en hacking
ético.</span>
Brindando a los participantes la oportunidad de aplicar sus conocimientos en entornos prácticos y enfrentarse a desafíos del mundo
real.</p>
<p class="about__author">HackHowl</p>
<div class="about__cards">
<article class="description">
<h4 class="description__title">CTF</h4>
<p class="description__text">Sumérgete en emocionantes desafíos que pondrán a prueba tus
habilidades para identificar y resolver vulnerabilidades en sistemas simulados.</p>
</article>
<article class="description">
<h4 class="description__title">Bug Bounty</h4>
<p class="description__text">Avanza y unete a nuestro Bug Bounty y trabaja en colaboración con
empresas para descubrir y corregir vulnerabilidades, mientras ganas premios emocionantes.
</p>
</article>
</div>
</div>
</div>
</section>
<section class="sponsors">
<div class="container container--140">
<div class="sponsors__body">
<h2 class="sponsors__title subtitle">PATROCINADORES</h2>
</div>
</div>
</section>
<section class="announcement">
<div class="container">
<div class="announcement__body">
<h2 class="announcement__title subtitle">CONVOCATORIA</h2>
<p class="announcement__text">¡Explora las reglas, forma tu equipo y alcanza la victoria!</p>
<div class="announcement__actions">
<a href="https://docs.google.com/forms/d/e/1FAIpQLScFHTq5zmUgHfvSUid6VjSovlNrwDz6vEQ1XQoLmIHwco7Lbw/viewform?usp=sf_link" class="btn btn--red">INSCRIBIRSE <i class="ri-arrow-right-s-fill"></i></a>
<!-- <a class="btn btn--white" href="#">GUIA <i class="ri-arrow-right-s-fill"></i></a> -->
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer__body">
<div class="footer__left">
<img class="footer__image--left" src="assets/logo.png" alt="">
<img class="footer__image--right" src="assets/letters.png" alt="">
</div>
<span class="footer__copy">© Todos los derechos a HackHowl</span>
</div>
</div>
</footer>
</body>
<script src="app.js"></script>
</html>