-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmis-gatos.html
76 lines (61 loc) · 3.58 KB
/
mis-gatos.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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta name="language" content="Spanish"> <!-- esto es para indicar idioma -->
<meta name="description" content="Sitio sobre los colores de los gatos y su personalidad."> <!-- esto es para que aparezca descripcion del sitio cuando se comparta enlace -->
<meta name="keywords" content="gato, gatos, color de mi gato, tuxedo, gato naranjo, gato tigre, mascotas"> <!-- esto es para que los motores de busqueda relacionen mi sitio con estos keywords -->
<meta name="author" content="catalina pimentel"> <!-- esto es para indicar autoria -->
<meta name="format-detection" content="telephone=yes" /> <!-- esto es para que detecte desde mobile un telefono y se pueda llamar -->
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<title>FURRY FRIENDS</title>
</head>
<body id="container" bgcolor="#000000" style="font-family:sans-serif">
<!-- BANNER PRINCIPAL WEB// -->
<header class="container" align="center">
<img src="imagenes-index/header.png" alt="Banner header de la web con 3 gatitos y titular Furry Friends" align="middle" style="display:block" />
</header>
<!-- menu// -->
<section id="container" align="center" style="background-color:#ffffff">
<a href="index.html">INICIO</a> /
<a href="clasificacion.html">COMO SE CLASIFICAN LOS GATOS</a> /
<a href="mis-gatos.html">MIS GATOS</a> /
<a href="noticias.html">NOTICIAS</a> /
<a href="hablemos.html">HABLEMOS</a>
</section>
<!-- descripcion sitio// -->
<main id="container">
<h1 style="color:#00ffff">MIS GATOS</h1>
<h1>Estos son Sandro y Pia, mis dos gatos. Ambos son de 2 colores y de pelo largo.</h1>
</main>
<!-- CONTENIDO bajo tag seccion// -->
<!-- Gato Sandro -->
<article id="gato-sandro" class="container" style="text-align:center">
<h1>Sandro</h1>
<p>Sandro es un tuxedo negro y blanco de 7 años. Tal como comenté anteriormente, este tipo de gatitos se dice que, al tener colores oscuros y neutros, similares a los de la ciudad, hacen que estos gatos se adapten fácilmente a los hogares, resultando ser muy cariñosos y tranquilos, pudiendo ser perfectamente otro miembro más de la familia.</p>
<p>Mi cuñada me lo regaló y desde que lo vi por primera vez, me encantó.</p>
<div class="columna-izquierda">
<img src="mis-gatos/02-0.jpg" style="margin:5px 5px 5px 5px"/>
</div>
<div class="columna-derecha">
<img src="mis-gatos/03-0.jpg" style="margin:5px 5px 5px 5px"/>
</div>
</article>
<div style="clear:both"></div>
<article id="gata-fotocopia" class="container" style="text-align:center">
<h1>Fotocopia</h1>
<p>Ella es una gata de casi 2 años, también de 2 colores. Ella es muy, muy amorosa y posesiva y se cree personita. Ella vivía afuera de mi edificio y un día me decidí a recogerla.</p>
<div class="columna-izquierda">
<img src="mis-gatos/00-0.jpg" style="margin:5px 5px 5px 5px"/>
</div>
<div class="columna-derecha">
<img src="mis-gatos/01-0.jpg" style="margin:5px 5px 5px 5px"/>
</div>
</article>
<!-- Tag footer que finaliza el sitio// -->
<div style="clear:both"></div>
<footer id="container-footer">
Sitio desarrollado por Catapim<br />Ingeniería Informática Uniacc<br />Marzo 2017
</footer>
</body>
</html>