-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
71 lines (63 loc) · 3.42 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
<!DOCTYPE html>
<html lang="es">
<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 CAFE | Nosotros</title>
<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">
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="barra">
<a href="./index.html" class="logo">
<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 recursos</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/nosotros.jpg" alt="Imagen Nosotros">
</div>
<div class="sobre-nosotros__texto">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error vero explicabo molestias veniam deserunt aut, ipsa, similique sequi eum consequatur accusantium ipsam modi impedit, ipsum cumque assumenda minus facere nesciunt?
Esse magnam molestiae rem ab sunt totam, voluptates quasi, ipsa corporis eligendi ipsum non hic nulla labore itaque commodi quod? Quibusdam vitae ipsum aut. Necessitatibus deleniti quo et vitae impedit.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error vero explicabo molestias veniam deserunt aut, ipsa, similique sequi eum consequatur accusantium ipsam modi impedit, ipsum cumque assumenda minus facere nesciunt?
Esse magnam molestiae rem ab sunt totam, voluptates quasi, ipsa corporis eligendi ipsum non hic nulla labore itaque commodi quod? Quibusdam vitae ipsum aut. Necessitatibus deleniti quo et vitae impedit.</p>
</div>
</div>
</main>
<footer class="footer">
<div class="contenedor">
<div class="barra">
<a href="./index.html" class="logo">
<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>
<script src="./js/modernizr.js"></script>
</body>
</html>