-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (127 loc) · 8.43 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pet Web </title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./css/estilos.css">
<link rel="shortcut icon" href="./img/huella.ico"/>
</head>
<body>
<div class="display-content">
<div class="conteiner-name">
<h1 class="name">Hola soy Dakota</h1>
<h2 class="downname">Estoy perdida, <br>¿Me ayudas?</h2>
</div>
<div class="conteiner-carusel" > <!-- comienzo carrusel -->
<div class="cuadrado"></div>
<div id="carouselExampleIndicators" class="carousel slide " data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active ">
<img src="./img/dakota.jpg" class="d-block w-100 rounded-circle fotodatoka" alt="...">
</div>
<div class="carousel-item">
<img src="./img/dakota2.jpg" class="d-block w-100 rounded-circle fotodatoka" alt="...">
</div>
<div class="carousel-item">
<img src="./img/dakota3.jpg" class="d-block w-100 rounded-circle fotodatoka" alt="...">
</div>
<div class="carousel-item">
<img src="./img/dakota4.jpg" class="d-block w-100 rounded-circle fotodatoka" alt="...">
</div>
</div>
<a class="carousel-control-prev text-dark" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span aria-hidden="true"><i class="fa-solid fa-angle-left"></i> </span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next text-dark" href="#carouselExampleIndicators" role="button" data-slide="next" >
<span aria-hidden="true" > <i class="fa-solid fa-angle-right"></i> </span>
<span class="sr-only">Next</span>
</a>
</div>
</div><!-- fin carrusel -->
<div>
<div class="accordion" id="accordionExample">
<!-- MIS DATOS -->
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link c-dark" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="color: rgb(0, 0, 0);">
<h4 >MIS DATOS <i class="fa-solid fa-chevron-down"></i></h4>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<ul class="datos">
<li><b>Nombre: </b> Dakota.</li>
<li><b> Edad:</b> 4 añitos.</li>
<li><b> Genero:</b> Hembra.</li>
<li><b> Raza:</b> Calle y Baldoza.</li>
<li>Me llevo muy bien con perritos 🐶 y gatitos 😸.</li>
<center><li style="font-size: 25px;"></li></center>
</ul>
</div>
</div>
</div>
<!-- MIS DUEÑOS -->
<div class="card">
<div class="card-header" id="headingTwo" >
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="color: rgb(0, 0, 0);">
<h4 >MI DUEÑA <i class="fa-solid fa-chevron-down"></i></h4>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<ul class="datos">
<li><b>Nombre: </b> Josefina Carrio.</li>
<li><b> Celular:</b> 3624-887474.</li>
<li><b> Dirección Corrientes:</b> Rivadavia 353</li>
<li><b> Dirección Resistencia:</b> Guemes 366</li>
<a href="https://api.whatsapp.com/send?phone=543624887474&text=Hola.%20Encontre%20a%20Dakota"><i class="fa-brands fa-whatsapp"></i> Escribe por whatsapp </a>
<br>
<a href="tel:+543624887474"><i class="fa-solid fa-phone"></i> Llamame </a>
</ul>
</div>
</div>
</div>
<!-- MI CASA CTES-->
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" style="color: rgb(0, 0, 0);">
<h4 >MI CASA EN CTES <i class="fa-solid fa-chevron-down"></i></h4>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body px-0">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d884.9671265179873!2d-58.847212315297085!3d-27.47335279716479!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94456cbe7c115d55%3A0xfb9a9cb2b0d77d27!2sRivadavia%20353%2C%20W3400%20Corrientes!5e0!3m2!1ses-419!2sar!4v1672358313158!5m2!1ses-419!2sar" width="auto" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
</div>
</div>
<!-- MI CASA RCIA-->
<div class="card">
<div class="card-header" id="headingFour">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" style="color: rgb(0, 0, 0);">
<h4 >MI CASA EN RCIA <i class="fa-solid fa-chevron-down"></i></h4>
</button>
</h2>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body px-0">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3540.642083115115!2d-58.98451398255615!3d-27.449263100000007!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94450cf68d63efaf%3A0x1d86bfef0a460c1c!2sG%C3%BCemes%20366%2C%20H3500CBG%20Resistencia%2C%20Chaco!5e0!3m2!1ses-419!2sar!4v1672358861253!5m2!1ses-419!2sar" width="auto" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/fd9f7eb91f.js" crossorigin="anonymous"></script>
</body>
</html>