-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (126 loc) · 5.72 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
156
157
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
-->
<html>
<head>
<title>MotoMarket</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- BOTON WHATSAPP -->
<div>
<a href="https://wa.me/59178072978"><img class="contactos" src="img/social.png" alt="contactos"></a>
</div>
<header class="titulo">
<a class="nosotros" href="nosotros.html"><h4>Sobre Nosotros</h4></a>
<a class="home" href="index.html"><h2>Moto Market</h2></a>
<a class="servicios" href="servicios.html"><h4>Nuestros Servicios</h4></a>
</header>
<!-- BARRA ROJO -->
<div class="menu">
<nav>
<a href="comprador/index.html">Compradores</a>
</nav>
</div>
<div>
<!-- PORTADA -->
<div class="parrafo">
<img class="portada" src="img/portada.png" alt="portada">
<article>
<strong>"MotoMarket tienda en línea de motos con una amplia<br>
selección, buenos precios y excelente servicio."</strong>
</article>
</div>
</div>
<!-- SOBRE NOSOTROS -->
<div class="fondo1">
<h1 class="about">SOBRE NOSOTROS</h1>
<div class="about-us">
<div class="item 1">
<h2 class="subtitulo">NOSOTROS PODEMOS AYUDARTE</h2>
<p class="text">Ofrecemos motocicletas y una experiencia<br>
de compra excepcional, guiándote para encontrar la<br>
moto perfecta, <a class="masinfo" href="nosotros.html" alt="Más sobre nosotros">saber mas</a></p>
<div>
<a class="empezar1" href="compradores.html">COMPRADORES</a>
<a class="empezar2" href="registro.html">ASOCIARSE</a>
</div>
</div>
<div class="item 2">
<img src="img/img2.png" widht="300px" height="300px">
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html> </div>
</div>
</div>
<!-- NUESTROS SERVICIOS -->
<div class="fondo2" >
<h1 class="service"> NUESTROS SERVICIOS</h1>
<h4 class="text2">Encuentra tu moto perfecta aquí.</h4>
<div class="contenedor">
<div class="items 1">
<img class="imagen1" src="img/compradigital.png" width="100px" height="100px">
<h4 class="name-service">Compra Digital</h4>
<p class="text3">compra y adquiere tu moto<br>
ideal de manera segura y conveniente<br>
desde casa.</p>
</div>
<div class="items 2">
<img class="imagen2" src="img/servicio.png" width="100px" height="100px">
<h4 class="name-service">Atencion Al Cliente</h4>
<p class="text3">Nuestro servicio de atención<br>
al cliente brinda soporte personalizado para<br>
resolver tus dudas durante tu<br>
compra en línea.</p>
</div>
<div class="items 3">
<img class="imagen3" src="img/marketing.png" width="100px" height="100px">
<h4 class="name-service">Marketing Digital</h4>
<p class="text3"> utilizamos las ventas en linea<br>
a través de internet utilizando la
programacion <br> como estrategias para<br>
llegar a un público más amplio</p>
</div>
</div>
</div>
<footer>
<div class="mainmenu">
<div>
<h1 class="titulo-piepag">Moto Market</h1>
<h4 class="contact">Contactos</h4>
<div class="cont-item">
<div class="correo-item">
<img src="img/correo2.png" width="30px" height="30px">
<h7>diegopantoja@gmail.com</h7>
<h7>carla@gmail.com</h7>
</div>
<div class="telefono-item">
<img src="img/telefono2.png" width="30px" height="30px">
<h7>+591 78072978</h7>
<h7>+591 77671374</h7>
</div>
</div>
</div>
<div class="item-menu">
<div>
<a href="nosotros.html">Sobre Nosotros</a>
<a href="comprador/index.html">Compradores</a>
<a href="#">Asociarse</a>
<a href="servicios.html">Nuestros Servicios</a>
<a href="#">Contactos</a>
</div>
</div>
</div>
<p class="copy">©2024ventas de motocicletas .todos los derechos reservados.</p>
</footer>
</body>
</html>