-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathmascotas.html
executable file
·185 lines (185 loc) · 10.2 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
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content="México, país de las maravillas. Sitio web interactivo cuyo objetivo es el acercamiento de los niños al conocimiento de la riqueza natural del país a través de caricaturas, fotografías, videos, juegos y sonidos."/>
<meta name="author" content="Comisión Nacional para el Conocimiento y Uso de la Biodiversidad, CONABIO."/>
<title>Mascotas | El país de las maravillas</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.png"/>
<!-- jquery del CDN de google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!-- Google fonts-->
<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=Pangolin&family=Work+Sans:ital,wght@0,300;0,400;0,800;1,400&display=swap" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="assets/mega-site-navigation/css/style.css"> <!-- menu -->
<link href="css/mascotas.css" rel="stylesheet" type="text/css">
</head>
<body class="nav-is-fixed">
<header class="cd-main-header"></header>
<main class="cd-main-content">
<div class="text-center py-5 mt-5" id="e1">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-10 animate__animated animate__fadeInLeft">
<h3 class="mb-4"><img class="img-fluid " src="assets/img/conoce/mascotas/mascotas_titulo.png"></h3>
<p>Los animales silvestres que salen en películas y en caricaturas no pueden ser nuestras mascotas. Muchas veces pensamos que cualquiera de ellos pudiera vivir en nuestra casa, pero los animales silvestres son más felices en la naturaleza.
<strong>¡Visítalos, conócelos y cuídalos en su hábitat natural! </strong></p>
<p>Los animales domésticos como perros y gatos sí pueden ser nuestras mascotas, su domesticación tardó miles de años. Una mascota es parte de tu familia, y así debes cuidarla, quererla y respetarla. Conoce y comparte estas sencillas recomendaciones para poder elegir y cuidar a tus mascotas.</p>
<p>Recuerda, antes de adquirir una mascota, responde estas sencillas preguntas:</p>
<div class="offset-1 col-9 preguntas">
<p>¿Por qué quiero una mascota?</p>
<p>¿Soy capaz de asumir todo la responsabilidad que implica?</p>
<p>¿Tengo tiempo para brindarle?</p>
<p>¿Tengo el espacio suficiente para que se desarrolle plenamente?</p>
<p>¿Tengo el dinero para mantenerla?</p>
</div>
</div>
</div>
</div>
</div>
<section class="text-center pb-5" id="e2">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-12 wow animate__animated animate__fadeInRight">
<h3 class="mb-4">Guía del dueño responsable</h3>
<div id="e2img1"><img class=" img-fluid" src="assets/img/conoce/mascotas/m_jaula.png"/></div>
<div id="e2img2"><img class="w-80 img-fluid d-none d-lg-block" src="assets/img/conoce/mascotas/m_perro.png"/>
</div>
<div class="col-12">
<p class="nbig2">1</p>
<p class="texto2">La decisión de tener una mascota es muy importante. El animal seleccionado dependerá de ti completamente y tendrás que dedicarle tiempo todos los días.</p>
</div>
<div class="col-12">
<p class="nbig">2</p>
<p class="texto">Fíjate bien que no sea una especie exótica invasora</p>
</div>
<div class="col-12">
<p class="nbig2">3</p>
<p class="texto2">Los animales silvestres no son mascotas. No han sido domesticados como los perros o gatos y la pasan muy mal encerrados.</p>
</div>
<div class="col-12">
<p class="nbig">4</p>
<p class="texto">¡Además, la extracción de animales silvestres de sus ecosistemas es una de las principales causas de la extinción de las especies.</p>
</div>
<div class="col-12">
<p class="nbig2">5</p>
<p class="texto2">Cuando compramos una mascota es importante conocer si su procedencia es legal.</p>
</div>
<div class="col-12">
<p class="nbig">6</p>
<p class="texto">Si quieres una mascota, como un perro o un gato, es mejor adoptar. </p>
</div>
<div class="col-12">
<p class="nbig2">7</p>
<p class="texto2">Si adoptas, esteriliza a ese animalito.</p>
</div>
<div class="col-12">
<p class="nbig">8</p>
<p class="texto">Puedes hacer composta con los desechos de perros y gatos.</p>
</div>
<div class="col-12">
<p class="nbig2">9</p>
<p class="texto2">Si sacas a tu mascota a pasear<br> a) recoge sus desechos utilizando una bolsa que sea biodegradable<br> b) lleva una correa
</p>
</div>
<div class="row">
<div class="col-6 izq">
<p>Conoce la lista de las especies que te recomendamos tener como mascotas.</p>
<ul>
<li>Perro</li>
<li>Gato doméstico</li>
<li>Conejo doméstico</li>
<li>Hámster</li>
<li>Conejillo de Indias</li>
</ul>
</div>
<div class="col-6 izq mt-5">
<p>Si quieres denunciar el maltrato a las mascotas, o sabes de alguien que tenga especies exóticas
<a href="https://www.gob.mx/profepa/articulos/como-realizar-una-denuncia-ante-profepa?idiom=es" target="_blank" ;><strong>Repórtalo aquí</strong></a>
</p>
</div>
<div id="e2img3">
<img class="w-80 img-fluid d-none d-lg-block" src="assets/img/conoce/mascotas/m_iguana.png"/></div>
</div>
</div>
</div>
</div>
</section>
<!-- Projects-->
<section class="text-center pb-5" id="e3">
<div class="text-center py-5">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-12 animate__animated animate__fadeInLeft">
<h3 class="mb-4">¿Qué es una especie exótica invasora?</h3>
<p class="mb-4 colortxt">Las especies que son introducidas de otros países a propósito o accidentalmente en barcos, aviones y carros son especies exóticas. Aquéllas que se vuelven un verdadero problema porque compiten, depredan, parasitan, transmiten enfermedades o cambian el hábitat de las especies nativas son especies exóticas invasoras.</p>
<p class="colortxt">Algunos ejemplos son:
<strong> ratas, cucarachas, palomas, pez diablo, peces limpiapeceras, lirio acuático, perico monje.</strong>
</p>
</div>
</div>
<div class="row justify-content-center align-items-center mt-4">
<div class="col-2" id="e3img1">
<img class="w-80 img-fluid d-none d-lg-block" src="assets/img/conoce/mascotas/m_gato.png"/></div>
<div class="col-xl-8 col-lg-8 wow animate__animated animate__fadeInLeft">
<p>¿Tu gato es muy lindo cierto?, Sin embargo, ¿sabes lo que hace cuando sale de tu casa? Los gatos son depredadores naturales que pueden poner en peligro la vida de otros animales como aves y ratones nativos.</p>
</div>
</div>
<div class="row justify-content-center align-items-center mt-5">
<div class="col-xl-8 col-lg-8 wow animate__animated animate__fadeInRight">
<p> Muchos de los peces que viven en tu pecera vienen de otros países y cuando los dejamos libres porque ya son muy grandes o solo por bondad, llegan a los ríos y lagos y compen por el alimento con las especies nativas o bien pueden ser sus depredadores poniendo en peligro a especies importantes de peces, anfibios, moluscos y crustáceos. Esto es lo que ha sucedido con el pez limpiapeceras introducido de Sudamérica.</p>
</div>
<div class="col-xl-4 col-lg-4 wow animate__animated animate__fadeInLeft">
<div id="e3img2">
<img class="w-80 img-fluid d-none d-lg-block" src="assets/img/conoce/mascotas/m_invasoras2.png"/></div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-xl-4 col-lg-4 wow animate__animated animate__fadeInRight">
<div id="e3img3">
<img class="w-80 img-fluid d-none d-lg-block" src="assets/img/conoce/mascotas/m_perico.png"/></div>
</div>
<div class="col-xl-8 col-lg-8 wow animate__animated animate__fadeInLeft mt-5">
<p>Los pericos y loros son aves representativas de México y en la antigüedad eran muy queridos como animales de compañía. Ahora hay un perico que no es Mexicano surcando los cielos de nuestro país, ocupando nichos de otras aves y desplazándolas de su distribución original, este es el Perico monje, una especie que vino de Argentina y que llegó para quedarse.</p>
</div>
</div>
</div>
</div>
</div>
<div id="arbusto2" class="fondoimg"><img src="assets/img/conoce/mascotas/m_arbusto2.png"></div>
</section>
<footer class="footer bg-verdeselva small text-center text-white-50" id="footer"></footer>
</main>
<script>
$(document).ready(function () {
$('header').load('./includes/header.html', function () {
$.getScript('./assets/mega-site-navigation/js/main.js');
$.getScript('./assets/mega-site-navigation/js/jquery.mobile.custom.min.js');
});
$('footer').load('./includes/footer.html');
});
</script>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/morphing-modal/js/jquery-2.1.1.js"></script> <!-- jquery -->
<script src="assets/morphing-modal/js/velocity.min.js"></script> <!-- velocity -->
<script src="assets/morphing-modal/js/modernizr.js"></script> <!-- Modernizr -->
<script src="assets/mega-site-navigation/js/main.js"></script> <!-- mega menu -->
<script src="assets/mega-site-navigation/js/jquery.mobile.custom.min.js"></script> <!-- mega menu -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-295WCBSQXS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-295WCBSQXS');
</script>
<!-- End Google tag (Google analytics 4) -->
</body>
</html>