-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (124 loc) · 5.79 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Especialistas en estética automotriz | Montevideo Wrapping</title>
<link rel="icon" type="image/icon type" href="./img/logo3.png">
<link rel="shortcut icon" href="./img/logo3.png">
<meta name="description" content="Personaliza tu auto, moto o vehiculo. Dale nueva vida con un wrap, ppf o polarizado">
<meta name="keywords" content="detailing, car detailing, estetica vehicular, montevideo wrapping, ploteo vehicular, grafico vehicular, vinilo, car wrap, polarizado, personalizar auto, branding, ppf, proteger pintura, tuning, taller de ploteo">
<!-- OpenGraph -->
<meta property="og:url" content="https://mvdwrapping.000webhostapp.com/index.html"/>
<meta property="og:title" content="Montevideo Wrapping"/>
<meta property="og:image" content="./img/front.jpg"/>
<meta property="og:description" content="Somos expertos en estética automotriz. Mostrá tu marca al mundo o plasma tu personalidad en tu vehículo. Trae tu diseño o crea uno junto a nosotros."/>
<meta property="og:type" content="website"/>
<link rel="stylesheet" type="text/css" href="./css/normalize.css">
<link rel="stylesheet" type="text/css" href="./css/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Overpass:wght@300&family=Questrial&family=Rubik:wght@800&display=swap" rel="stylesheet">
</head>
<body>
<header id="navbar">
<div class="header__logo">
<a href="./index.html"><img src="./img/logo3.png" alt="Logo de Montevideo Wrapping"></a>
</div>
<div class="header__contenedor">
<input type="checkbox" id="nav-toggle" class="nav-toggle">
<nav class="header__menu">
<ul>
<li><a href="./index.html">HOME</a></li>
<li><a href="./pages/servicios.html">SERVICIOS</a></li>
<li><a href="./pages/portfolio.html">PORTFOLIO</a></li>
<li><a href="./pages/clientes.html">CLIENTES</a></li>
<li><a href="./pages/contacto.html">CONTACTO</a></li>
</ul>
</nav>
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
</label>
</div>
</header>
<main>
<section class="portada">
<div class="portada__logo" id="portada__logo">
<a href="#bienvenida">
<img src="./img/logo4w.png" >
</a>
</div>
<a class="arrow" id="arrow" href="#bienvenida"></a>
</section>
<section class="bienvenida" id="bienvenida">
<div class="bienvenida__texto">
<h1><span>Montevideo Wrapping</span><br>Somos expertos en la <br> personalización <br>de vehículos</h1>
<p>Querés darle un toque distintivo a tu auto o moto? Animate, contanos tu idea y hacela realidad con nosotros.</p>
<p>Buscás potenciar la imagen de tu empresa? Mostrá tu marca a la vez que proteges tu flota y transmitís tu identidad. Tenemos una visión vanguardista en cuanto a la exposición empresarial que te va a brindar mayor visibilidad.</p>
<div class="btn_servicios"><a href="./pages/contacto.html"><h3>Contanos tu idea...</h2></a></div>
</div>
<div class="bienvenida__imagen">
<img src="./img/bienvenida.jpg" alt="Especialista trabajando en un vehículo">
</div>
</section>
<div class="video">
<video autoplay muted loop>
<source src="./img/loop.mp4" type="video/mp4">
</video>
</div>
<!-- Foto con el equipo y breve descripcion de los servicios -->
<section class="opiniones">
<h2>QUE OPINAN NUESTROS <span>CLIENTES</span>?</h2>
<div class="opiniones__recuadro">
<div class="recuadro__arriba">
<p>"Les mandamos un vehículo de carga que usamos en la empresa que estaba bastante maltratado y logramos cambiarle la imagen sin necesidad de parar el vehículo muchos dias. Genios Gonzalo y su equipo."</p>
</div>
<div class="recuadro__abajo">
<img src="./img/clientes/cliente1.png" alt="Icono de usuario" width="80px">
<p class="nombre">Javier</p>
<p class="vehiculo">Mercedes Sprinter</p>
</div>
</div>
<div class="opiniones__recuadro">
<div class="recuadro__arriba">
<p>"La moto quedo divina, terminaciones muy prolijas y el color esta buenísimo, super recomendables"</p>
</div>
<div class="recuadro__abajo">
<img src="./img/clientes/cliente2.png" alt="Icono de usuario" width="80px">
<p class="nombre">Ignacio</p>
<p class="vehiculo">Husqvarna Vitpilen</p>
</div>
</div>
<div class="opiniones__recuadro">
<div class="recuadro__arriba">
<p>"Quería darla un toque distintivo al auto, los chicos en el taller me dieron una mano con el diseño y quedó tremando, le cambió las líneas completamente, es un auto nuevo."</p>
</div>
<div class="recuadro__abajo">
<img src="./img/clientes/cliente3.png" alt="Icono de usuario" width="80px">
<p class="nombre">Sofía</p>
<p class="vehiculo">VW Golf</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer__logo">
<a href="./index.html"><img src="./img/logo3.png" alt="Logo de Montevideo Wrapping"></a>
</div>
<div class="footer__contenedor">
<div class="footer__redes">
<a href="https://www.facebook.com/Montevideo-Wrapping-101535734986228" target="__blank"><img class="img__redes" src="./img/facebook.png" alt="Icono de facebook"></a>
<a href="https://www.instagram.com/montevideowrapping" target="__blank"><img class="img__redes" src="./img/instagram.png" alt="Icono de Instagram"></a>
</div>
<div class="footer__direccion">
<p>La Paz 2033 - Montevideo, Uruguay</p>
</div>
<div class="footer__telefono">
<img class="img__phone" src="./img/phone.png" alt="Icono de teléfono" width="12vw">
<p>092 488 728</p>
</div>
</div>
</footer>
</body>
<script src="./js/script.js"></script>
</html>