-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
61 lines (58 loc) · 3.14 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
<!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">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/Normalize.css">
<link rel="stylesheet" href="css/style.css">
<title>Nosotros</title>
</head>
<body>
<header class="site-header">
<div class="contenedor">
<div class="barra">
<a href="index.html">
<h1 class="no-margin"> Blog<span>DeCafé</span> </h1>
</a>
<nav class="navegacion">
<a href="nosotros.html">Nosotros</a>
<a href="Cursos.Html">Cursos</a>
<a href="Contacto.html">Contacto</a>
</nav>
</div> <!--Barra-->
<div class="texto-header">
<h2 class="no-margin">Blog de Café con consejos y Cursos</h2>
<p class="no-margin">Aprende de los expertos con las mejores recetas y consejos</p>
</div>
</div><!--Contenedor-->
</header>
<main class="contenedor">
<h2 class="centrar-texto">Sobre Nosotros</h1>
<div class="grid">
<div class="columnas-6">
<img src="../Cafe Blog/img/nosotros.jpg" alt="nosotros">
</div>
<div class="columnas-6">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro animi ratione impedit, laborum qui labore. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rem commodi dolorum, repudiandae eum libero necessitatibus optio. Aperiam sit expedita ipsum quaerat, nulla sapiente est consequatur dicta ad quia laboriosam. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatum sapiente, unde ut perferendis repudiandae cumque perspiciatis quia at architecto. Doloremque iste praesentium placeat voluptatem excepturi? Alias maiores laboriosam atque iste!</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos soluta ratione illum earum? Unde doloremque, eos assumenda dolores veniam voluptatum. Consectetur esse a, maxime vel qui optio ipsa facere. Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium eligendi doloremque eaque error qui similique blanditiis, vitae delectus nam, omnis provident quos ab tempore? Autem ipsam unde nesciunt accusantium rem.</p>
</div>
</div>
</main>
<footer class="site-footer">
<div class="contenedor">
<div class="barra">
<a href="index.html">
<p class="no-margin">Blog<span>DeCafé</span></p>
</a>
<nav class="navegacion">
<a href="nosotros.html">Nosotros</a>
<a href="Cursos.Html">Cursos</a>
<a href="Contacto.html">Contacto</a>
</nav>
</div> <!--Barra-->
</div>
</footer>
</body>
</html>