-
Notifications
You must be signed in to change notification settings - Fork 0
/
adopta.html
146 lines (124 loc) · 6.06 KB
/
adopta.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
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Refugio gatos">
<meta name="keywords" content="refugio, adopcion, gatos, mascotas, tips">
<meta name="author" content="Brenda Bermudez">
<title>Refugio Bigotes - Adoptá</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<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=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Spline+Sans+Mono:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<a href="https://wa.me/5491127416757"" class="whatsapp"> <img class="whatsapp" src="./img/wpp.png" alt="wpp"> </a>
<header class="main-header">
<a class="main-logo" href="./index.html">
<strong>Refugio Narices Frias</strong>
</a>
<img src="./img/cat_icon.png" alt="gatito"></div>
<nav id="nav" class="main-nav">
<div class="nav-links">
<a class="link-item" href="./conocenos.html">Conocenos</a>
<a class="link-item" href="./tips.html">Tips</a>
<a class="link-item" href="./adopta.html">Adoptá</a>
<a class="link-item" href="./contacto.html">Contactanos</a>
</div>
</nav>
<button id="button-menu" class="button-menu">
<span></span>
<span></span>
<span></span>
</button>
</header>
<main class="main_adopta">
<section class="requisitos">
<h3>Requisitos de adopción</h3>
<ul>
<li>Ser mayor de 21 años.</li>
<li>Vivir en CABA o GBA NORTE.</li>
<li>Tener proteción en balcon/ventanas. En caso de vivir en casa, muros altos y/o compromiso de usar pretal.</li>
<li>Compromiso de castración (de no estarlo) entre los 6 y 8 meses.</li>
<li>Compromiso de vacunación al día.</li>
<li>Videollamada pre adopcion.</li>
<li>Firma de contrato + foto del DNI.</li>
<li>Seguimiento (nos gusta estar al tanto de los animalitos que rescatamos, todos tienen un lugar en nuestro corazón).</li>
</ul>
</section>
<div class="container-fluid">
<div class="row d-flex justify-content-center" >
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card1.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Luna - Cachorro. Hembra. Muy activa y juguetona!</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card2.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Charlie - Cachorro. Macho. Ama estar a upa.</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card3.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Cami - Cachorro. Hembra. Una maquina de ronroneo!</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card4.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Lucien - Adulto. Macho. Dormir a upa es su pasión.</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card5.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Jasper - Cachorro. Macho. Muy mimoso y dormilon.</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card6.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Lucifer - Adulto. Macho. Super charlatan.</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card7.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Salem - Adulto. Macho. Fan de treparse a lugares altos.</p>
</div>
</div>
</div>
<div class="col-sm-12- p-2 col-md-6 col-lg-3 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./img/card8.jpg" alt="Card image cap">
<div class="card-body">
<p class="card-text">Clara - Cachorro. Hembra. Muy juguetona, convive con perros.</p>
</div>
</div>
</div>
</div>
</div>
<h2>Una vez escogido el gato, por favor dirigite a CONTACTANOS.</h2>
</main>
<footer>
<p class="copy">Página web realizada por Brenda Bermudez - 2022</p>
</footer>
<script src="./js/script.js"></script>
</body>
</html>