-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
71 lines (61 loc) · 3.01 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>Dulces Delicias</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/styles.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">Dulces <span class="logo__bold">Delicias</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">
<h1 class="no-margin">Blog de Pastelería con consejos y cursos</h1>
<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="nosotros">
<img src="img/nosotros.jpg" alt="imgNosotros">
<p>Integer maximus erat purus, ac tempus nisi ultrices sagittis. Aenean et turpis vel orci interdum tempus
nec eu nulla. Aliquam ac consectetur erat, eu pulvinar nisl. Aliquam molestie leo libero, placerat
luctus tortor tincidunt nec. Sed posuere feugiat malesuada. Sed at consequat nunc. Interdum et malesuada
fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Suspendisse ut pellentesque quam, a lacinia augue. Donec consequat auctor gravida. Nam feugiat pulvinar
orci non auctor. Nullam volutpat arcu sit amet leo condimentum, euismod mattis eros accumsan. Fusce non
justo libero.</p>
</div>
</main>
<footer class="footer">
<div class="contenedor barra">
<a href="index.html" class="logo">
<h1 class="logo__nombre no-margin centrar-texto">Dulces <span class="logo__bold">Delicias</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>
</footer>
<script src="js/modernizr.js"></script>
</body>
</html>