-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (71 loc) · 4.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--link de bootstrps-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<!--link de css-->
<link rel="stylesheet" href="css/estilo.css">
<title>peluqueria canina tres estrellas</title>
</head>
<body>
<header>
<!--menu nav de bootstrap-->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#"> <img src="img/logo.png" alt="logo peluqueri canina"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#"><a href="pages/servicios.html">SERVICIOS</a></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><a class="nav-link" href="#"><a href="pages/amigos.html">NUESTROS AMIGOS</a></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><a class="nav-link" href="#"> <a href="pages/citas.html">CONTACTOS Y CITAS</a></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><a class="nav-link" href="#"> <a class="nav-link" href="#"><a href="pages/recomendaciones.html">RECOMENDACIONES</a></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><a class="nav-link" href="#"> <a class="nav-link" href="#"><a href="pages/nosotros.html">SOBRE NOSOTROS</a></a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<h1>TE INVITAMOS CON TU PERRITO A CONOCER NUESTRAS INSTALACIONES Y SERVICIOS!</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero ad vero error excepturi non ea enim asperiores, voluptas voluptatum molestiae, explicabo quo, molestias facere impedit est consequatur quos iste vel!orem, ipsum dolor sit amet consectetur adipisicing elit. Libero ad vero error excepturi non ea enim asperiores, voluptas voluptatum molestiae, explicabo quo, molestias facere impedit est consequatur quos iste vel</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3405.273643015046!2d-64.20329836108027!3d-31.406585939076482!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x943298864f25b6fd%3A0x56ef2437db4edd3c!2sLa%20Rioja%201213%2C%20X5000%20C%C3%B3rdoba!5e0!3m2!1ses-419!2sar!4v1686435615253!5m2!1ses-419!2sar" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<p> La Rioja 1213, Cordoba </p>
</main>
<!--link de scrip js-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
<footer>
<div class="titulofooter"> CONTACTOS </div>
<ul>
<li>
<a href="https://www.facebook.com">
<img src="img/face-chico.png" alt="logo de facebook"></a>
<h3> tres estrellas peluqueria</h3>
</li>
<li>
<a href="https://www.instagram.com">
<img src="img/instagram-chico.png" alt="logo de instagram"></a>
<h3> peluqueria tres estrellas</h3>
</li>
<li>
<a href="https://web.whatsapp.com">
<img src="img/whatsapp-chico.png" alt="logo de whatsapp"></a>
<h3> 3512585343</h3>
</li>
</ul>
</footer>
</html>