-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
75 lines (68 loc) · 3.56 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlogDeCafe</title>
<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:ital@0;1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/styles.css">
</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/nosotros.jpg" alt="imagen nosotros">
</div>
<div class="sobre-nosotros__texto">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, exercitationem sit! Atque tempora hic, at, expedita
molestias enim, modi recusandae possimus repellat quam sed. Inventore qui tenetur vel neque error.Lorem ipsum dolor
sit amet consectetur adipisicing elit. Cumque, exercitationem sit! Atque tempora hic, at, expedita
molestias enim, modi recusandae possimus repellat quam sed. Inventore qui tenetur vel neque error
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, exercitationem sit! Atque tempora hic, at, expedita
molestias enim, modi recusandae possimus repellat quam sed. Inventore qui tenetur vel neque error.Lorem ipsum dolor
sit amet consectetur adipisicing elit. Cumque, exercitationem sit! Atque tempora hic, at, expedita
molestias enim, modi recusandae possimus repellat quam sed. Inventore qui tenetur vel neque error
</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>