-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
71 lines (61 loc) · 3.27 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="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 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/style.css">
</head>
<body>
<header class="header">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin center-text">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegation">
<a href="nosotros.html" class="navegation__link">Nosotros</a>
<a href="cursos.html" class="navegation__link">Cursos</a>
<a href="contacto.html" class="navegation__link">Contacto</a>
</nav>
</div>
</div>
<div class="header__text">
<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="container">
<h3 class="center-text">Sobre Nosotros</h3>
<div class="about-us">
<div class="about-us__image">
<img src="img/nosotros.jpg" alt="imagen nosotros">
</div>
<div class="about-us__text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin tellus et vehicula viverra. Maecenas interdum nibh et mauris posuere maximus. Aliquam maximus dapibus euismod. Fusce pharetra enim quis nisl porta hendrerit. Suspendisse sodales, felis vitae efficitur iaculis, est risus sollicitudin magna, vitae feugiat justo odio ac lectus. Vivamus hendrerit tincidunt sagittis.</p>
<p>Quisque vel magna est. Etiam justo nunc, molestie eu elementum at, convallis id sapien. Ut facilisis, purus vel tempus sagittis, nulla dolor sollicitudin mi, ac suscipit tellus mauris a mi. Duis vel dignissim sem. Cras id metus nec leo aliquet condimentum sed vel mauris. Fusce dictum scelerisque iaculis. Curabitur aliquet, lacus vitae fringilla tempus, magna velit sempuris risus, convallis ullamcorper mi ultrices vel. </p>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin center-text">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegation">
<a href="nosotros.html" class="navegation__link">Nosotros</a>
<a href="cursos.html" class="navegation__link">Cursos</a>
<a href="contacto.html" class="navegation__link">Contacto</a>
</nav>
</div>
</div>
</footer>
<script src="js/modernizr.js"></script>
</body>
</html>