-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
78 lines (65 loc) · 3.31 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
<!DOCTYPE html>
<html lang="en">
<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>BlogDeCafé</title>
<link rel="stylesheet" href="css/normalize.css">
<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/style.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="imgen nosotros">
</div>
<div class="sobre-nosotros__texto">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis ipsum non felis vulputate pellentesque.
Sed egestas lectus eget ante vestibulum, quis fringilla sapien dictum. Aliquam rutrum tincidunt felis, ut accumsan
enim semper ut. Duis sapien nisl, hendrerit ut tellus non, interdum interdum nibh. Morbi sodales dui arcu.</p>
<p>
Nulla orci libero, vestibulum sit amet ex ac, ornare mattis ante. Interdum et malesuada fames ac ante ipsum primis in
faucibus. Ut sit amet dapibus risus. Donec turpis orci, vestibulum vitae viverra sit amet, pulvinar et dolor. Proin erat
lacus, dapibus non mattis a, lacinia eu neque. Etiam rhoncus blandit quam. Suspendisse id nulla quis sem lobortis dignissim
ac ut ex.Sed egestas lectus eget ante vestibulum, quis fringilla sapien dictum. Aliquam rutrum tincidunt felis, ut accumsan </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>
<script src="js/modernizr.js"></script>
</body>
</html>