-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
155 lines (151 loc) · 6.52 KB
/
index.html
File metadata and controls
155 lines (151 loc) · 6.52 KB
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Biblioteca Triple Peaks</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="./vendor/normalize.css" />
<link rel="stylesheet" href="./styles/style.css" />
</head>
<body>
<!-- Envuelve todo el contenido de la página en un nuevo div con la clase page Recuerda agregar la etiqueta de cierre -->
<div class="page">
<header class="header">
<nav class="nav">
<img
src="./images/logo.svg"
alt="Logotipo de la Biblioteca Triple Peaks"
class="nav__logo"
/>
<!-- Se supone que poner enlaces de navegación en una lista es la mejor práctica para escribir el código semántico, ya que permite a los lectores de pantalla hacer una pausa entre cada enlace en lugar de leer todos los enlaces como una oración. -->
<ul class="nav__links">
<li>
<a class="nav__link" href="#staff"
>Los preferidos de nuestro staff</a
>
</li>
<li>
<a class="nav__link">Eventos</a>
</li>
<li>
<a class="nav__link">Conviértete en miembro</a>
</li>
<li>
<a class="nav__link">Contactos</a>
</li>
</ul>
</nav>
<div class="header__content">
<div class="header__main">
<div>
<h1 class="header__title">
Bienvenidos a la biblioteca Triple Peaks
</h1>
<p class="header__description">
¡Nos complace abrir las puertas de nuestra biblioteca a todos!
Ven y amplía tus conocimientos sobre desarrollo, o simplemente
ven a trabajar o estudiar con nosotros. ¡Este es un lugar genial
para estudiantes!
</p>
</div>
</div>
<!-- -------------------------------------------------------------------- -->
<!-- No descomentar hasta la sección 2.3 de la etapa 1 del brief -->
<!-- -------------------------------------------------------------------- -->
<div>
<img
src="./images/inside_the_library.png"
alt="Ilustración 'Dentro de la biblioteca'"
class="header__image"
/>
</div>
</div>
<div class="header__footer">
<p class="header__address">Triple Peaks, 200 Success Avenue</p>
</div>
</header>
<main class="content">
<section class="staff" id="staff">
<!-- --------------------------------------------------------------- -->
<!-- No descomentar hasta la etapa final del proyecto. -->
<!-- --------------------------------------------------------------- -->
<h2 class="staff__title">Los preferidos de nuestro staff</h2>
<p class="staff__subtitle">Que nuestros lectores y lectoras aman</p>
<ul class="staff__cards">
<li class="card">
<div class="card__content">
<h3 class="card__title">Introducción a los algoritmos</h3>
<p class="card__text">
El nombre de este libro se explica por sí solo; ¡es una buena
Introducción a los algoritmos! Introducción a los algoritmos,
o CLRS, en referencia a los apellidos de los autores,
profundiza y abarca una serie de algoritmos a lo largo de
varios capítulos independientes.
</p>
<p class="card__footer">
Thomas H. Cormen, Charles E. Leiserson, Ronald L. Rivest,
Clifford Stein
</p>
</div>
</li>
<li class="card">
<div class="card__content">
<h3 class="card__title">
La estructura e interpretación de los programas
computacionales (SICP)
</h3>
<p class="card__text">
Este es uno de los mejores libros para aprender los conceptos
básicos de la programación. Incluido por el MIT en uno de sus
cursos básicos de programación, SICP es un libro de
programación de carácter general que utiliza Scheme para
ilustrar diversos conceptos de programación.
</p>
<p class="card__footer">
Harold Abelson, Gerald Jay Sussman, Julie Sussman
</p>
</div>
</li>
<li class="card">
<div class="card__content">
<h3 class="card__title">
El programador limpio: un código de conducta para
programadores profesionales
</h3>
<p class="card__text">
Compilado por el experimentado ingeniero de software y autor
Robert C. Martin (también conocido como "Tío Bob"), este libro
abarca las técnicas y herramientas de la verdadera artesanía
de software. Explica cómo escribir código limpio y muestra
cómo cultivar la actitud de un programador experto y
profesional.
</p>
<p class="card__footer">Steve McConnell</p>
</div>
</li>
<li class="card">
<div class="card__content">
<h3 class="card__title">
Código completo: un manual práctico de construcción de
software
</h3>
<p class="card__text">
¿Te gustaría saber cómo escribir un buen código al margen de
la arquitectura del lenguaje de programación que hayas
elegido? Después, podrías leer Code Complete: A Practical
Handbook of Software Construction ("Código completo: un
práctico manual sobre creación de software"). Este aborda de
manera exhaustiva todo lo relacionado con la buena estructura
de código.
</p>
<p class="card__footer">Steve McConnell</p>
</div>
</li>
</ul>
-->
</section>
</main>
</div>
</body>
</html>