-
Notifications
You must be signed in to change notification settings - Fork 0
/
galeria.html
120 lines (114 loc) · 4.8 KB
/
galeria.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CarsHub | Galeria Automoviles</title>
<link rel="icon" type="image/x-icon" href="./imagenes/favicon.ico">
<link rel="stylesheet" href="./css/galeria.css">
<link rel="stylesheet" href="./css/estilos.css">
<link rel="stylesheet" href="./css/footer.css">
</head>
<body>
<div class="container">
<a href="./main.html#cookies">
<img class="logo" src="./imagenes/logo.png" alt="Logo">
</a>
<nav>
<ul>
<a href="./main.html#cookies"><li>Inicio</li></a>
<a href="./galeria.html"><li class="activa">Galeria</li></a>
<a href="./novedades.html"><li>Novedades</li></a>
<a href="./sobre_nosotros.html"><li>About us</li></a>
</ul>
</nav>
</div>
<h1>Galeria</h1>
<div class="contenedor">
<div class="contenedor-imagen">
<img src="https://s1.1zoom.me/b6460/154/BMW_M4_CS_Blue_Motion_539177_1920x1080.jpg" alt="BMW M4 Comp">
<div class="texto-superpuesto">
BMW M4 Comp
</div>
</div>
<div class="contenedor-imagen">
<img src="https://s1.1zoom.me/b5050/73/Audi_R8_V10_Coupe_562170_1920x1080.jpg" alt="Audi R8 V10">
<div class="texto-superpuesto">
Audi R8 V10
</div>
</div>
<div class="contenedor-imagen">
<img src="https://www.renderhub.com/mrghosts/audi-rs6-avant-2019-3d-wallpaper/audi-rs6-avant-2019-3d-wallpaper_1920x1080.jpg"
alt="AUDI RS6">
<div class="texto-superpuesto">
Audi RS6 Avant
</div>
</div>
<div class="contenedor-imagen">
<img src="https://images6.alphacoders.com/390/390232.jpg" alt="Ford Mustang">
<div class="texto-superpuesto">
Ford Mustang
</div>
</div>
<div class="contenedor-imagen">
<img src="https://s1.1zoom.me/b5260/899/Ford_Raptor_F-150_2019_by_Aaron_Brimhall_Pickup_576232_1920x1080.jpg"
alt="Ford Raptor">
<div class="texto-superpuesto">
Ford Raptor
</div>
</div>
<div class="contenedor-imagen">
<img src="https://wallpapercave.com/wp/2BpPGr4.jpg" alt="BMW E36">
<div class="texto-superpuesto">
BMW E36
</div>
</div>
<div class="contenedor-imagen">
<img src="https://s1.1zoom.me/b6056/98/KIA_Stinger_GT_Side_Red_575206_1920x1080.jpg" alt="Kia Stinger">
<div class="texto-superpuesto">
Kia Stinger
</div>
</div>
<div class="contenedor-imagen">
<img src="https://s1.1zoom.me/b5051/811/Honda_Civic_Type_R_White_530152_1920x1080.jpg" alt="Honda Civic">
<div class="texto-superpuesto">
Honda Civic
</div>
</div>
<div class="contenedor-imagen">
<img src="https://i.pinimg.com/originals/81/ea/b3/81eab34aedf20738c5536eee98fcea01.jpg" alt="BMW E39">
<div class="texto-superpuesto">
BMW E39
</div>
</div>
</div>
<footer class="pie-pagina">
<div class="footer-left">
<img src="./imagenes/logo.png" alt="Logo">
</div>
<div class="footer-center">
<p><span>IES Rafael Alberti</span> Cadiz, España</p>
<br>
<br>
<p>+34 555555555</p>
<br>
<br>
<p><a href="mailto:help@carshub.com">help@carshub.com</a></p>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>Sobre nosotros</span>
Este proyecto es una plataforma que te permite explorar una amplia variedad de automóviles junto con
información detallada sobre cada uno de ellos. Desde clásicos vintage hasta los últimos modelos de alta
tecnología, nuestra galería tiene algo para todos los entusiastas de los automóviles.
</p>
<div class="footer-icons">
<a href="https://www.facebook.com/IESAlbertiCadiz/"><img src="./imagenes/icons8-facebook-nuevo-96.png" alt="Facebook"></a>
<a href="https://www.instagram.com/carshub.only/"><img src="./imagenes/icons8-instagram-96.png" alt="Instagram"></a>
<a href="https://es.linkedin.com/"><img src="./imagenes/icons8-linkedin-96.png" alt="Linkedin"></a>
<a href="https://twitter.com/iesalberticadiz"><img src="./imagenes/icons8-twitter-96.png" alt="Twitter"></a>
</div>
</div>
</footer>
</body>
</html>