-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmascotas.html
112 lines (103 loc) · 3.48 KB
/
mascotas.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html5>
<html>
<head>
<!--leer acentos-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!--Importar estilos de css-->
<link rel="stylesheet" href="styles.css">
<title>DavidGP | Mascotas</title>
</head>
<body>
<header>
<h1 class="general-header">Página personal de David Gutiérrez</h2>
<h2 class="specific-header">Mascotas</h2>
<nav>
<p><div id="nav-bar">
<a href="index.html" class="nav-link">
Inicio </a>
<a href="index.html#Acerca-de-mi" class="nav-link">
Acerca de mi </a>
<!--TODO: agregar CV-->
<a href="mascotas.html" class="nav-link">
Mascotas </a>
<a href="#" class="nav-link">
Pui Pui Roll </a>
<!--TODO: hacer página para revisar proyectos-->
<a href="#" class="nav-link">
Proyectos </a>
<a href="pruebas.html" class="nav-link">
Pruebas </a>
<a href="#" class="nav-link">
Contacto </a>
</div>
</nav>
</header>
<main>
<h4>Estas son mis mascotas</h4>
<!--TODO: -agregar fotos
-separar por tipo de animal
-->
</main>
<section>
<div class="fullCard">
<figure class="cardContent">
<figcapture>Panelita</figcapture>
<img src="placeholder.png" class="imagen-peque" alt="Panelita"></img>
</figure>
</div>
<div class="fullCard">
<figure class="cardContent">
<figcapture>Lord Calígula II</figcapture>
<img src="placeholder.png" class="imagen-peque" alt="Gordo"></img>
</figure>
</div>
<div class="fullCard">
<figure class="cardContent">
<figcapture>Nostalgía</figcapture>
<img src="placeholder.png" class="imagen-peque" alt="Roja"></img>
</figure>
</div>
<div class="fullCard">
<figure class="cardContent">
<figcapture>Melancolía</figcapture>
<img src="placeholder.png" class="imagen-peque" alt="Azul"></img>
</figure>
</div>
<div class="fullCard">
<figure class="cardContent">
<figcapture>Blanca</figcapture>
<img src="placeholder.png" class="imagen-peque" alt="Blanca"></img>
</figure>
</div>
<div class="fullCard">
<figure class="cardContent">
<figcapture>Chernish</figcapture>
<img src="placeholder.png" class="imagen-peque" alt="Chernish"></img>
</figure>
</div>
</section>
<footer>
<figure>
<a href="#"><img class="imagen-peque" src="placeholder.png"
alt="David Gutierrez"></a>
<figcaption>David Gutierrez Panteleev</figcaption>
</figure>
<p>Encuentrame en:</p>
<figure>
<a href="https://github.com/thehamstermuffin"><img class="logo" src="Logos/github-logo.png"
alt="github logo"></a>
<figcaption>Github:thehamstermuffin</figcaption>
</figure>
<figure>
<a href="https://quey.org/@ruso"><img class="logo" src="Logos/mastodon-logo.png"
alt="Mastodon Logo"></a>
<figcaption>Mastodon:@ruso@quey.org</figcaption>
</figure>
<figure>
<a href="https://stallman.org/facebook.html"><img class="logo" src="Logos/no-facebook.png"
alt="no-facebook-logo"></a>
<figcaption>No me encontrarás en facebook</figcaption>
</figure>
</footer>
</body>
</html>