-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
76 lines (69 loc) · 3.48 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
<!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 De Café</title>
<!-- Fonts -->
<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">
<!-- CSS -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin text-center">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="nav">
<a href="nosotros.html" class="nav__link">Nosotros</a>
<a href="cursos.html" class="nav__link">Cursos</a>
<a href="contacto.html" class="nav__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 -->
<main class="container">
<h3 class="text-center">Sobre nosotros</h3>
<div class="us">
<div class="us__image">
<img src="img/nosotros.jpg" alt="Nosotros" loading="lazy">
</div>
<div class="us__text">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime ipsam dolore nesciunt eum error dolores obcaecati, amet eius ducimus ullam, rem accusantium optio, repellat iste voluptate numquam quaerat vero. Tenetur! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione impedit reiciendis exercitationem, corporis, voluptatibus quaerat nulla, expedita nisi molestias est cumque voluptate id amet architecto quas quam illo repellat possimus.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, qui ad nihil ex inventore consectetur laboriosam incidunt, totam laudantium vero dolor, aliquid illum rem soluta esse id autem obcaecati repellendus.
</p >
</div>
</div>
</main>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin text-center">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="nav">
<a href="nosotros.html" class="nav__link">Nosotros</a>
<a href="cursos.html" class="nav__link">Cursos</a>
<a href="contacto.html" class="nav__link">Contacto</a>
</nav>
</div>
</div>
</footer>
</body>