-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·146 lines (146 loc) · 5.01 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
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-55V6RWS');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<title>Alternative Clothes</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-55V6RWS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="barra"></div>
<div class="logo">
<figure>
<img src="img/alternative-clothes.png" alt="Alternative Clothes">
</figure>
</div>
<div class="wrapper">
<h1>Compra Online Ropa Alternativa y Arma tu Estilo</h1>
<div class="two">
<div class="formulario">
<form action="gracias.html" method="POST">
<input type="text" id="nombres" name="nombres" placeholder="Nombres" required>
<input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" required>
<input type="email" id="email" name="email" placeholder="Correo Electrónico" required>
<input type="date" id="nacimiento" name="nacimiento" placeholder="DD / MM / AAAA" required>
<div class="recibir">
<input type="checkbox" id="acepto" name="acepto" value="acepto">
<label for="acepto">Deseo recibir más información.</label>
</div>
<input type="hidden" name="_next" value="https://solopedrito.github.io/AlternativeClothes/gracias.html" />
<input type="submit" id="enviar" value="Arma tu estilo ahora">
</form>
</div>
</div>
<div class="two">
<div class="facebook">
<h3>También puedes ingresar con facebook:</h3>
<div class="recordarme">
<input type="checkbox" id="recordarme" name="recordarme" value="recordarme">
<label for="recordarme">Recordarme</label>
</div>
<figure class="loginfacebook">
<a href="#">
<img src="img/conectar-con-facebook.png" alt="Conectar con Facebook" id="conectar">
</a>
</figure>
</div>
</div>
</div>
</header>
<nav class="nav">
<div class="wrapper">
<ul>
<li>
<a href="#quienes-somos">¿Quienes Somos?</a>
</li>
<li>
<a href="#quieres-comprar">¿Quieres Comprar?</a>
</li>
<li>
<a href="#testimonio">Testimonio</a>
</li>
</ul>
</div>
</nav>
<section class="main">
<div id="quienes-somos">
<div class="wrapper">
<div class="two">
<figure>
<img src="img/alternative-clothes-es-una-plataforma-online.png" alt="Alternative Clothes es una plataforma online">
</figure>
</div>
<div class="two texto">
<h3>Alternative Clothes</h3>
<h4>es una plataforma online</h4>
<p>que te da la oportunidad de comprar ropa alternativa desde el lugar que prefieras, de una manera práctica y sobre todo segura, dándote la opción de descubrir nuevas marcas con nuevos diseños y estilos.</p>
</div>
</div>
</div>
<div id="quieres-comprar">
<div class="wrapper">
<div class="two texto">
<h2>¿Quieres comprar?</h2>
<p>Elige la ropa que arma mejor tu estilo y paga por ella a través de tu carrito de compras. El vendedor se encargará de enviarte con mucho cariño el producto que has elegido. <strong>¡Pagos online 100% seguros!</strong></p>
<ol>
<li>Paga online por la ropa que selecciones.</li>
<li>El vendedor es notificado sobre la compra y envía tu pedido.</li>
<li>Alternative Clothes retiene tu pago hasta que confirmes haber recibido tu pedido.</li>
<li>Recibes tu pedido y procesamos el pago.</li>
</ol>
<div class="formas-de-pago">
<figure>
<img src="img/master-card.png" alt="Master Card">
</figure>
<figure>
<img src="img/visa.png" alt="Visa">
</figure>
</div>
</div>
<div class="two">
<figure>
<img src="img/quieres-comprar.png" alt="¿Quieres comprar?">
</figure>
</div>
</div>
</div>
</section>
<aside id="testimonio">
<div class="wrapper">
<div class="mensaje">
<blockquote>Comprar a través de <strong>Alternative Clothes</strong> es la mejor opción que he podido tomar, buen servicio, seguro, rápido y fácil de usar.</blockquote>
<p>- Claudia Altamirano -</p>
</div>
<figure class="avatar">
<img src="img/claudia-altamirano.png" alt="Claudia Altamirano">
</figure>
</div>
</aside>
<footer class="footer">
<div class="wrapper">
<div class="left">Alternative Clothes</div>
<div class="right">
<ul class="redes">
<li>
<img src="img/ico-facebook.png" alt="Facebook">
</li>
<li>
<img src="img/ico-twitter.png" alt="Twitter">
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>