forked from CalaoJuanPablo/embajador-rappi
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (137 loc) · 6.59 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
153
154
155
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/styles.css?v=1">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet">
<script src="https://use.fontawesome.com/7715e0da78.js"></script>
<title>Embajador iw</title>
</head>
<body>
<section class="header">
<header class="container" id="header">
<div class="logo">
<a href="index.html"><h1>IW Ambassador</h1></a>
</div>
<nav class="menu" id="menu">
<ul>
<li><a href="#acerca-iw">Acerca de IW</a></li>
<li><a href="#como-ser-iwtendero">Sé un IW-helper</a></li>
<li><a href="#ciudades">Ciudades</a></li>
<li><a href="#contacto">Contacto</a></li>
</ul>
</nav>
<span class="burger-button fa fa-bars" id="burger-button" style="color: white; font-size: 30px; margin-top: 20px"></span>
</header>
</section>
<section class="portada">
<div class="titulo container">
<h1>Es la oportunidad de generar ingresos administrando tu tiempo</h1>
<p>Siendo un IW-helper generas tantos ingresos como te lo propongas. Puedes hacer de tu tiempo libre la manera de generar dinero. <strong>¡Es una excelente oportunidad!</strong></p>
<h3>Inscríbete con el código<br><span class="highlight">24319</span></h3>
</div>
</section>
<section class="acerca-iw" id="acerca-iw">
<div class="imagen">
<img src="./img/loader-rt.gif" alt="iwTENDERO">
</div>
<div class="text-container">
<p>IW es una plataforma para pedir cualquier cosa: Comida de cualquier restaurante, el mercado del mes, snacks de la cigarrería, mensajería y hasta dinero en efectivo para evitar la ida al cajero! Pídele a iw cualquier cosa que necesites y la recibirás en la puerta de tu casa en minutos.</p>
</div>
</section>
<section class="div-sections">
<h1 class="highlight container">¿Qué es un IW-helper?</h1>
<article class="que-es-iwtendero">
<div class="imagen left"></div>
<div class="text-container">
<p>IW-helper es la persona encargada de prestar los servicios de iw a sus clientes. Puede hacerlo utilizando una bici o una moto</p>
</div>
</article>
<article class="que-es-iwtendero">
<div class="text-container">
<p>Tendras las herramientas necesarias como una aplicacion, seguimiento GPS y un gran equipo de soporte tecnico ademas de credenciales y tarjetas de caja menor</p>
</div>
<div class="imagen right"></div>
</article>
</section>
<section class="como-ser-iwtendero div-sections container" id="como-ser-iwtendero">
<h1 class="highlight">¿Cómo ser IW-helper?</h1>
<div class="x4-container">
<div class="col-x4">
<i class="fa fa-chrome highlight"></i>
<p>Ingresa a <a href="https://ideaware.co/?utm_campaign=24319" class="highlight" target="_blank">ideaware.co</a></p>
</div>
<div class="col-x4">
<i class="fa fa-address-card-o highlight"></i>
<p>Llena tus datos en el formulario. No olvides inscribirte con el código de referido <span class="highlight">24319</span></p>
</div>
<div class="col-x4">
<i class="fa fa-map-marker highlight" highlight></i>
<p>Dirígete a la oficina de iw en tu ciudad. La dirección es enviada a tu correo una vez terminada la inscripción</p>
</div>
<div class="col-x4">
<i class="fa fa-check-circle highlight"></i>
<p>Ya estás listo para empezaro como IW-helper</p>
</div>
</div>
</section>
<section class="div-sections" id="ciudades">
<h1>Estamos en estas ciudades</h1>
<div class="ciudades">
<article class="container x3-container">
<div class="col-x3">
<img src="./img/barranquilla.jpg" alt="">
<h2 class="highlight">Barranquilla</h2>
</div>
<div class="col-x3">
<img src="./img/cartagena.jpg" alt="">
<h2 class="highlight">Cartagena</h2>
</div>
<div class="col-x3">
<img src="./img/bucaramanga.jpg" alt="">
<h2 class="highlight">Bucaramanga</h2>
</div>
<div class="col-x3">
<img src="./img/medellin.jpg" alt="">
<h2 class="highlight">Medellín</h2>
</div>
<div class="col-x3">
<img src="./img/bogota.jpg" alt="">
<h2 class="highlight">Bogotá</h2>
</div>
<div class="col-x3">
<img src="./img/cali.jpg" alt="">
<h2 class="highlight">Cali</h2>
</div>
</article>
</div>
</section>
<footer class="footer" id="contacto">
<div class="container x3-container">
<div class="col-x3">
<h1><a href="index.html">IW Ambassador</a></h1>
</div>
<div class="col-x3">
<p>Comunícate con nosotros al WhatsApp:</p><br>
<h1 class="a"><i class="fa fa-whatsapp"></i><span class="highlight"> 317-452-9125</span></h1>
</div>
<div class="col-x3">
<h1>Síguenos en:</h1><br>
<a href="https://www.facebook.com/ideawareco/" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://www.instagram.com/ideawareco/" target="_blank"><i class="fa fa-instagram"></i></a>
</div>
</div>
<p><span class="highlight">IW Ambassador</span>, 2020</p>
</footer>
<script>
var $burgerButton = document.getElementById('burger-button');
var $menu = document.getElementById('menu');
$burgerButton.addEventListener('touchstart', sacarMenu);
function sacarMenu(){
$menu.classList.toggle('active')
};
</script>
</body>
</html>