-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
67 lines (59 loc) · 3.18 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog de Cafe</title>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/normalize.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=Open+Sans&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="barra">
<a class="logo" href="index.html">
<h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegacion">
<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="cursos.html" class="navegacion__enlace">Cursos</a>
<a href="contacto.html" class="navegacion__enlace">Contacto</a>
</nav>
</div>
</div>
<div class="header__texto">
<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>
</header>
<main class="contenedor ">
<h3 class="centrar-texto">Sobre Nosotros</h3>
<div class="sobre-nosotros">
<div class="sobre-nosotros__imagen">
<img src="/img/blog3.jpg" alt="imagencita">
</div>
<div class="sobre-nosotros__texto">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquam minima dolor facilis, delectus fugit quidem distinctio quasi voluptates sed dolores veniam quas eaque quod unde optio amet fugiat necessitatibus! Excepturi voluptate, ullam maiores autem blanditiis incidunt perspiciatis facere commodi unde atque ut eaque ipsam rem vitae praesentium id a. Commodi nemo cum, ipsa, minus, et voluptates iste repellendus adipisci nam necessitatibus magni modi facilis quidem vitae quod quam sequi amet voluptas corporis consequuntur itaque! Magnam eos quis alias ratione tempore porro maxime! Possimus tempore laboriosam saepe ipsum similique quis voluptatem. Necessitatibus, nobis aliquid blanditiis reprehenderit voluptas laborum labore quasi.</p>
</div>
</div>
</main>
<footer class="footer">
<div class="contenedor">
<div class="barra">
<a class="logo" href="index.html">
<h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegacion">
<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="cursos.html" class="navegacion__enlace">Cursos</a>
<a href="contacto.html" class="navegacion__enlace">Contacto</a>
</nav>
</div>
</div>
</footer>
</body>
</html>