-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (128 loc) · 6.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./estilos/header.css">
<link rel="stylesheet" href="./estilos/footer.css">
<link rel="stylesheet" href="./estilos/Inicio.css">
<link rel="shortcut icon" href="./img/logo-n.svg" type="image/x-icon">
<title>Par en Par | Inicio</title>
</head>
<body class="cuerpo">
<header class="cabecera">
<img class="logo-responsive" src="./img/svg/LogoParEnPar.svg" alt="Logo cabecera">
<div class="bar-menu">
<span class="line1"></span>
<span class="line2"></span>
<span class="line3"></span>
</div>
<div id="caja-boton">
<div class="div-boton">
<img class="sol" width="30px" src="./img/svg/sun.svg" alt="Tematica Clara">
<img class="luna" width="30px" src="./img/svg/moon.png" alt="Tematica Oscura">
</div>
</div>
</header>
<ul class="nav nav-responsive" id="nav">
<li class="li">
<a class="link" href="#">Inicio</a>
</li>
<li class="li">
<a class="link" href="./componentes/Servicios.html">Servicios</a>
</li>
<li class="li">
<a class="link" href="./componentes/productos.html">Productos</a>
</li>
<li class="li">
<a class="link" href="./componentes/Contacto.html">Contacto</a>
</li>
</ul>
<main class="contenido">
<h1 class="contenido-titulo">Inicio</h1>
<section class="primera-seccion seccion-oscura">
<div class="imgprimera">
<img src="./img/contacto/gatoinicio.png" alt= "foto de gatito con campera">
</div>
<div class="divmayor">
<p>
Somos par en par! Una empresa dedicada al cuidado de sus mascotas, marca lider en protección
y cuidado de tus mejores amigos.
Llevamos una trayectoria con mas 30 años en el rubro que nos respaldan!
</p>
<div class="divhijo">
<img class="corazon" src="img/contacto/corazon.png" alt="corazon pequeño blanco">
<p>
Vos nos elegís, tus pichichos nos prefieren 😉 Dale lo mejor, ellos se lo merecen.
</p>
</div>
</div>
</section>
<h3>HISTORIA</h3>
<section class="segunda-seccion seccion-oscura">
<div class="divmayor">
<p>
Actualmente par en par llega a millones de corazones y hogares de todo el mundo pero su punto
de partida comienza en Argentina año 1993 en San Luis, en un pequeño pueblo llamado "Merlo".
En ese lugar nació una empresa con una visión única: Hacer que las mascotas y sus dueños
fueran más felices.
</p>
<p>
Fundada por cuatro amigos amantes de los animales. Par en par comenzó como una pequeña tienda
de productos para mascotas en el corazón del pueblo. Nuestro amor por los animales y el deseo
de brindar servicios excepcionales a la comunidad nos inpiro a dar vida a nuestro sueño.
</p>
</div>
<div class="imgsegunda">
<img src="./img/contacto/perroinicio.png" alt="perro marron mirando fijo">
</div>
</section>
<section class="tercera-seccion seccion-oscura">
<div class="imgtercera">
<img src="./img/contacto/perrofinalinicio.png" alt="perro yendo de paseo con la dueña">
</div>
<div class="divmayor">
<p>
Con el tiempo, par en par se convirtió en mucho más que una tienda. Ofrecemos una amplia gama
de productos, desde comida y juguetes hasta ropa y accesorios de lujo.
Pero lo que realmente nos destacaba era nuestro enfoque en el bienestar de los animales.
Contratamos a expertos en cuidado de ellos, como veterinarios y entredadores de perros,
brindar servicios de calidad a la comunidad.
</p>
<p>
Ofreciamos servicios de cuidado, desde peluquería hasta entrenamiento y organizábamos eventos
mensuales de adopción para ayudar a los animales necesitados a encontrar un hogar amoroso,
así como también talleres de cuidado de mascotas y eventos sociales para que los dueños y sus
amigos peludos se conocieran y compartieran su experiecias.
Colaboramos con refugios de animales locales y donabamos regularmente a organizaciones
benéficas que ayudaban a los animales necesitados.
</p>
</div>
</section>
<div class="ultimodiv">
<p class="ultimop">
La historia de par en par es un testimonio de cómo una pasión por los animales puede dar lugar
a una empresa exitosa que mejora la vida de las mascotras y sus dueños. Cada día nosotros
trabajamos para hacer que las mascotas sean más felices y, en el proceso, hemos encontrado
nuestra propia felicidad en la comunidad que hemos creado.
</p>
</div>
</main>
<footer class="footer">
<a href="#" class="link-footer">
<img class="logo-b" src="./img/svg/logo-blanco.svg" alt="">
</a>
<div class="footer-div">
<img class="img-seguridad" src="./img/svg/Vector.svg" alt="Imagen de seguridad">
<div class="footer-div-textos">
<b>~Dales también tu amor incondicional~</b>
<b>parenpartpo@gmail.com</b>
<b>@Copyright 2023 - Par en Par</b>
</div>
<img class="img-seguridad" src="./img/svg/Vector.svg" alt="Imagen de seguridad">
</div>
</footer>
<script src="./js/menu.js"></script>
<script src="./js/boton-tematico.js"></script>
</body>
</html>