-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
129 lines (122 loc) · 5.69 KB
/
index.html
File metadata and controls
129 lines (122 loc) · 5.69 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio de Retos | Francisco Zapata</title>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header>
<h1>Retos de Frontend Mentor</h1>
<p class="subtitle">Documentando mi progreso día a día 🚀</p>
</header>
<main class="projects-grid">
<a href="./01-qr-code-component/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>01. QR Code Component</h2>
<p class="description">Componente de tarjeta simple y responsive. Mi primer reto completado de Frontend
Mentor.</p>
</a>
<a href="./02-blog-preview-card/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>02. Blog Preview Card</h2>
<p class="description">Componente de tarjeta simple y responsive. Mi segundo reto completado de Frontend
Mentor.</p>
</a>
<a href="./03-social-links-profile/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>03. Social Links Profile</h2>
<p class="description">Componente de tarjeta simple y responsive. Mi tercer reto completado de Frontend
Mentor.</p>
</a>
<a href="./04-recipe-page/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>04. Recipe Page</h2>
<p class="description">Página de receta simple y responsiva. Mi cuarto reto completado de Frontend
Mentor.</p>
</a>
<a href="./05-product-preview-card/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>05. Product Preview Card</h2>
<p class="description">Componente de tarjeta simple y responsive. Mi quinto reto completado de Frontend
Mentor.</p>
</a>
<a href="./06-four-card-feature-section/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>06. Four Card Feature Section</h2>
<p class="description">Sección de 4 tarjetas hechas con grid. Mi sexto reto completado de Frontend
Mentor.</p>
</a>
<a href="./07-testimonials-grid-section/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>07. Testimonials Grid Section</h2>
<p class="description">Sección de Testimonios hecha con grid. Mi séptimo reto completado de Frontend
Mentor.</p>
</a>
<a href="./08-results-summary-component/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>08. Results Summary</h2>
<p class="description">Sección de resumen de resultados. Mi octavo reto completado de Frontend
Mentor.</p>
</a>
<a href="./09-nft-preview-card/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>09. NFT Card</h2>
<p class="description">Card de NFT. Mi noveno reto completado de Frontend
Mentor.</p>
</a>
<a href="./10-order-summary/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>10. Order Summary</h2>
<p class="description">Card de resumen de pedido. Mi décimo reto completado de Frontend
Mentor.</p>
</a>
<a href="./11-stats-preview-card/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>11. Stats Card</h2>
<p class="description">Card de estadísticas. Mi undécimo reto completado de Frontend
Mentor.</p>
</a>
<a href="./12-three-column-preview-card/index.html" class="project-card">
<div class="card-header">
<span class="tag html">HTML & CSS</span>
</div>
<h2>12. 3 Columns Cards</h2>
<p class="description">Tres columnas de tarjetas. Mi doceavo reto completado de Frontend
Mentor.</p>
</a>
</main>
<footer>
<p>© <span id="anio"></span> Code by Francisco Zapata</p>
</footer>
</div>
<script>
document.getElementById("anio").textContent = new Date().getFullYear();
</script>
</body>
</html>