-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
85 lines (77 loc) · 4.27 KB
/
nosotros.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nosotros</title>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<!--esta hoja siempre debe ser la última-->
</head>
<body>
<header class="site-header">
<div class="contenedor contenido-header">
<div class="barra">
<a href="index.html">
<img src="img/logo.svg" alt="Logotipo de Bienes Raices">
</a>
<nav class="navegación">
<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>
<!--Barra-->
</div>
<!--Contenedor-->
</header>
<main class="contenedor">
<h1 class="fw-300 centrar-texto">Conoce sobre nosotros</h1>
<div class="contenido-nosotros">
<img src="img/nosotros.jpg" alt="Imagen Nosotros">
<div class="texto-nosotros">
<blockquote>25 años de experiencia</blockquote>
<p>Morbi ante ex, commodo vitae nunc id, faucibus semper quam. Aenean vel dictum lectus. Sed est dolor, fringilla ac consectetur a, sodales sit amet orci. In vitae fringilla justo. Fusce ut odio massa. Nullam sed libero velit. Donec ullamcorper
dolor lorem, ut dapibus libero venenatis quis. Quisque quis pellentesque ante. Donec ultricies, magna eget pretium aliquet, orci elit sollicitudin risus, vel condimentum metus nulla sed nisl. Etiam volutpat velit et condimentum auctor.
Donec iaculis bibendum metus, id pharetra libero fringilla eget. Vivamus a tellus neque.</p>
<p>Cras vehicula diam ut dui sodales, vitae tincidunt magna maximus. Suspendisse pretium ut nisl a gravida. Quisque nec ipsum at elit facilisis facilisis. Mauris vitae nibh quis sem consectetur blandit. Nulla non nisi nulla. Ut ultricies,
diam id facilisis tincidunt, velit dolor gravida tortor, in eleifend est lectus ut tellus. Suspendisse porttitor ut arcu nec consectetur. Sed consectetur dui sit amet ante tempor tempus.</p>
</div>
</div>
</main>
<section class="contenedor section">
<h2 class="fw-300 centrar-texto">Más sobre nosotros</h2>
<div class="íconos-nosotros">
<div class="ícono">
<img src="img/icono1.svg" alt="Ícono Seguridad">
<h3>Seguridad</h3>
<p>Impedit quam neque sint, animi magnam dolorum temporibus, ea maxime ipsa nobis, est quae recusandae minus eveniet. Odio quo asperiores consequatur minus.</p>
</div>
<div class="ícono">
<img src="img/icono2.svg" alt="Ícono Mejor Precio">
<h3>El mejor precio</h3>
<p>Nemo tenetur nisi quidem eum vitae voluptate maxime repellat, sit repellendus voluptates expedita illum laudantium nobis deserunt eos doloremque, asperiores voluptatum inventore!</p>
</div>
<div class="ícono">
<img src="img/icono3.svg" alt="Ícono A tiempo">
<h3>A tiempo</h3>
<p>Eum expedita repudiandae, eius voluptatum consequatur porro voluptates voluptatem architecto veritatis aut tempore libero ducimus quidem optio quod ab, cupiditate esse amet.</p>
</div>
</div>
</section>
<footer class="site-footer section">
<div class="contenedor contenedor-footer">
<nav class="navegación">
<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 class="copyright">Todos los derechos reservados 2019 ©</p>
</div>
</footer>
</body>
</html>