-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
88 lines (67 loc) · 3.81 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
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlogDeCafé</title>
<meta name="description" content="Página web de blog de café">
<link rel="icon" href="img/cafe-icon.svg" />
<!-- Prefetch -->
<link rel="prefetch" href="nosotros.html" as="document">
<!-- Preload -->
<link rel="preload" href="css/normalize.css" as="style">
<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="preload" href="css/style.css" as="style">
<link rel="stylesheet" href="css/style.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 Código</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>Architecto necessitatibus numquam at nobis harum voluptate, tempore, ipsa magnam vitae in accusantium, cumque veniam. Soluta, similique possimus. Tenetur placeat ad vero suscipit dolore maxime laboriosam quia iure quam, mollitia sint blanditiis fuga id corporis officiis! Ut architecto deserunt omnis reiciendis ea. </p>
<p>Laboriosam, quibusdam. Obcaecati incidunt mollitia tempora placeat accusantium totam voluptate repudiandae enim quod labore corporis quibusdam eum magni ut ab minus ad a minima id, distinctio natus saepe nisi iusto. Quaerat neque a obcaecati id sed. At, fuga? Nisi, corporis saepe, similique velit quisquam, recusandae laborum aliquid harum ducimus inventore consequatur minima accusantium ex officiis accusamus! Maiores asperiores eum quibusdam rem tempora?</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>