-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (119 loc) · 5.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bienes raíces</title>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="site-header inicio">
<div class="contenedor contenido-header">
<div class="barra">
<a href="#">
<img src="img/logo.svg" alt="">
</a>
<nav class="navegacion">
<a href="nosotros.html">Nosotros</a>
<a href="anuncios.html">Anuncios</a>
<a href="blog.html">Blog</a>
<a href="contacto.html">Contacto</a>
</nav>
</div>
<h1>Venta de casas y departamentos exclusivos de lujo</h1>
</div>
</header>
<section class="contenedor seccion">
<h2>Más sobre nosotros</h2>
<div>
<img src="img/icono1.svg" alt="ícono seguridad">
<h3>Seguridad</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus maxime
tenetur exercitationem perspiciatis aut, ratione natus fuga molestias eum et sed
minus suscipit nihil. Error placeat voluptatum suscipit impedit est.</p>
</div>
<div>
<img src="img/icono2.svg" alt="ícono mejor precio">
<h3>El mejor precio</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque suscipit ex
culpa reprehenderit. Facere error ex perferendis ut. Temporibus minima
nemo consequuntur esse deleniti omnis aliquam ipsa accusamus alias
reprehenderit.</p>
</div>
<div>
<img src="img/icono3.svg" alt="ícono a tiempo">
<h3>A tiempo</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam asperiores
velit earum nihil cupiditate nobis, ipsum perspiciatis, architecto sapiente,
exercitationem sit aspernatur delectus. Doloribus mollitia earum harum non
vitae similique.</p>
</div>
</section>
<section>
<main>
<h2>Casas y depas en venta</h2>
<div>
<img src="img/anuncio2.jpg" alt="casa de lujo">
<h3>Casa terminados de lujo</h3>
<p>Casa con diseño moderno, así como tecnología inteligente y amueblada</p>
<p>$2,000,000.0</p>
<a href="#">Ver propiedad</a>
</div>
<div>
<img src="img/anuncio2.jpg" alt="casa de lujo">
<h3>Casa terminados de lujo</h3>
<p>Casa con diseño moderno, así como tecnología inteligente y amueblada</p>
<p>$2,000,000.0</p>
<a href="#">Ver propiedad</a>
</div>
<div>
<img src="img/anuncio3.jpg" alt="casa con alberca">
<h3>Casa con alberca</h3>
<p>Casa con alberca y acabados de lujo en la ciudad, excelente oportunidad</p>
<a href="#">Ver propiedad</a>
</div>
<a href="#">Ver todas</a>
</main>
</section>
<section>
<h2>Encuentra la casa de tus sueños</h2>
<p>Llena el formulario de contacto y un asesor se pondrá en contacto contigo a la brevedad</p>
<a href="#">Contáctanos</a>
</section>
<section>
<h3>Nuestro blog</h3>
<div>
<img src="img/blog1.jpg" alt="entrada de blog">
<h4>Terraza en el techo de tu casa</h4>
<p>Escrito el: <em>20/10/2019</em> por: <em>Admin</em> </p>
<p>Consejos para construir una terraza en el techo de tu casa, con los mejores
materiales y ahorrando dinero</p>
</div>
<div>
<img src="img/blog2.jpg" alt="entrada de blog">
<h4>Guía para la decoración de tu hogar</h4>
<p>Escrito el: <em>20/10/2019</em> por: <em>Admin</em> </p>
<p>Maximiza el espacio de tu hogar con esta guía, aprende a combinar muebles y colores
para darle vida a tu espacio></p>
</div>
<div>
<h3>Testimoniales</h3>
<blockquote>El personal se comportó de una excelente forma, muy buena atención y la casa
que me ofrecieron cumple con todas mis expectativas</blockquote>
<p>Matías Ortiz</p>
</div>
</section>
<footer>
<nav class="navegacion">
<a href="nosotros.html">Nosotros</a>
<a href="anuncios.html">Anuncios</a>
<a href="blog.html">Blog</a>
<a href="contacto.html">Contacto</a>
</nav>
<p>Todos los derechos reservados ©</p>
</footer>
</body>
</html>