-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsponsors.html
153 lines (141 loc) · 8.16 KB
/
sponsors.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
153
<!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>Merchandising</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">Inicio</a> </li>
<li class="main-nav__item"><a href="index.html#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 active">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>
<main>
<section class="sponsors border-none">
<div class="container">
<div class="sponsors__body">
<h1 class="sponsors__title subtitle">¿QUIERES <span>PATROCINARNOS?</span></h1>
<p class="sponsors__copy"> En <span>HackHowl</span>, valoramos cualquier tipo de patrocinio y lo
recibimos con
gratitud. Tu apoyo es fundamental para impulsar nuestra misión y continuar ofreciendo contenido
de calidad. </p>
</div>
</div>
</section>
<section class="levels">
<div class="container">
<div class="levels__body">
<article class="level">
<img class="level__image" src="assets/level1.png" alt="">
<h3 class="level__title">Nivel Bronce</h3>
<p class="level__description">Donación: $500 - $1,000</p>
<ul class="level__list">
<li><i class="ri-check-line"></i> Reconocimiento en nuestro sitio web.</li>
<li><i class="ri-check-line"></i> Mención en los materiales promocionales.</li>
<li><i class="ri-check-line"></i> Acceso a la lista de participantes.</li>
</ul>
</article>
<article class="level">
<img class="level__image" src="assets/level2.png" alt="">
<h3 class="level__title">Nivel Plata</h3>
<p class="level__description">Donación: $1,001 - $2,500</p>
<ul class="level__list">
<li><i class="ri-check-line"></i> Todos los beneficios del Nivel Bronce.</li>
<li><i class="ri-check-line"></i> Logo de la empresa en las redes sociales.</li>
<li><i class="ri-check-line"></i> Oportunidad de presentar un breve mensaje durante la
apertura o clausura.</li>
</ul>
</article>
<article class="level">
<img class="level__image" src="assets/level3.png" alt="">
<h3 class="level__title">Nivel Oro</h3>
<p class="level__description">Donación: $2,501 - $5,000</p>
<ul class="level__list">
<li><i class="ri-check-line"></i> Todos los beneficios del Nivel Plata.</li>
<li><i class="ri-check-line"></i> Espacio de exhibición virtual para la empresa.</li>
<li><i class="ri-check-line"></i> Mención destacada en las redes sociales del evento</li>
</ul>
</article>
<article class="level">
<img class="level__image" src="assets/level4.png" alt="">
<h3 class="level__title">Nivel Platino</h3>
<p class="level__description">Donación: $5,001 - $10,000</p>
<ul class="level__list">
<li><i class="ri-check-line"></i> Reconocimiento en nuestro sitio web.</li>
<li><i class="ri-check-line"></i> Mención en los materiales promocionales.</li>
<li><i class="ri-check-line"></i> Acceso a la lista de participantes.</li>
</ul>
</article>
<article class="level">
<img class="level__image" src="assets/level5.png" alt="">
<h3 class="level__title">Nivel Diamante</h3>
<p class="level__description">Donación: $5,001 - $10,000</p>
<ul class="level__list">
<li><i class="ri-check-line"></i> Todos los beneficios del Nivel Oro.</li>
<li><i class="ri-check-line"></i> Sesión exclusiva de preguntas y respuestas con el equipo
organizador.</li>
<li><i class="ri-check-line"></i> Inclusión del logo en materiales impresos y digitales.
</li>
</ul>
</article>
</div>
<div class="announcement__body">
<br><br>
<!-- <h2 class="announcement__title subtitle">PATROCINADORES</h2>
<p class="announcement__text">¡Esperamos con entusiasmo colaborar contigo!</p>-->
<div class="announcement__actions">
<a class="btn btn--red" href="https://docs.google.com/forms/d/e/1FAIpQLSdtR1j99wzkIQOlbG_rSLzlLgNeDxMdZRkQmR1xazKwMeDmLQ/viewform?usp=sf_link">PATROCINAR <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>
<!-- <div class="contact">
<h2 class="contact__title">CONTACTO</h2>
<p class="contact__copy">¡Esperamos con entusiasmo colaborar contigo!</p>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdtR1j99wzkIQOlbG_rSLzlLgNeDxMdZRkQmR1xazKwMeDmLQ/viewform?embedded=true" width="640" height="740" frameborder="0" marginheight="0" marginwidth="0">Cargando…</iframe>
</div> -->
</main>
<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>