-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (170 loc) · 10.2 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
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
<!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" />
<meta name="title" content="Roxana Abba Inmobiliaria | Coderhouse" />
<meta name="description"
content="La inmobiliaria del pueblo. Ubicada en Villa del Rosario, con más de una década al servicio de sus clientes." />
<meta name="keywords"
content="roxana, abba, inmobiliaria, cordoba, villa, villa del rosario, servicios, inmobiliarios, tasaciones, propiedades, venta, alquiler" />
<meta name="robots" content="index, follow" />
<meta name="language" content="Spanish" />
<link rel="icon" type="image/x-icon" href="./images/hero__logo.png" />
<title>Roxana Abba Inmobiliaria | Coderhouse</title>
<link rel="stylesheet" href="./css/main.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/normalize.min.css" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<div class="social__wrapper">
<div class="social__container">
<a href="https://facebook.com" target="_blank"><img src="./images/icon__fb.svg" alt="Facebook" alt="Facebook"/></a>
<a href="https://instagram.com" target="_blank"><img src="./images/icon__ig.svg" alt="Instagram" alt="Instagram"/></a>
<a href="https://whatsapp.com" target="_blank"><img src="./images/icon__wh.svg" alt="WhatsApp" alt="WhatsApp"/></a>
</div>
<div class="night__container">
<a href=""><img src="./images/icon__dark.svg" alt="Modo oscuro" /></a>
</div>
</div>
<nav class="navbar navbar-expand-md nav__wrapper">
<div class="container-fluid nav__container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarTogglerDemo01">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="./index.html">INICIO</a></li>
<li class="nav-item"><a class="nav-link" href="./pages/sobre-nosotros.html">SOBRE NOSOTROS</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">PROPIEDADES</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="./pages/alquiler.html">Alquileres</a></li>
<li><a class="dropdown-item" href="./pages/venta.html">Ventas</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="./pages/tasaciones.html">TASACIONES</a></li>
<li class="nav-item"><a class="nav-link" href="./pages/contacto.html">CONTACTO</a></li>
</ul>
<div class="social__container__nav justify-content-center">
<a class="social__item" href="https://facebook.com" target="_blank"><img src="./images/icon__fb.svg" alt="Facebook"/></a>
<a class="social__item" href="https://instagram.com" target="_blank"><img src="./images/icon__ig.svg" alt="Instagram"/></a>
<a class="social__item" href="https://whatsapp.com" target="_blank"><img src="./images/icon__wh.svg" alt="WhatsApp"/></a>
<a href=""><img src="./images/icon__dark.svg" alt="Modo oscuro"/></a>
</div>
</div>
</div>
</nav>
<div class="hero">
<div class="hero__background">
<div class="custom-shape-divider-top">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path
d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z"
opacity=".25" class="shape-fill"></path>
<path
d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z"
opacity=".5" class="shape-fill"></path>
<path
d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z"
class="shape-fill"></path>
</svg>
</div>
<img class="img-fluid" src="./images/hero__logo.png" alt="Logo" height="200" width="500" />
<div class="custom-shape-divider-bottom">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path
d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z"
opacity=".25" class="shape-fill"></path>
<path
d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z"
opacity=".5" class="shape-fill"></path>
<path
d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z"
class="shape-fill"></path>
</svg>
</div>
</div>
</div>
</header>
<main class="page__container justify-content-center">
<article data-aos="fade-right" class="page__bubble">
<div class="page__bubble__content">
<h5 class="text-align-right">Confía en nosotros</h5>
<p class="text-align-right">
Así como vos, queremos que disfrutes de tu propiedad lo más rápido posible. Es sencillo, sin vueltas, por y
para vos.
</p>
</div>
<img src="./images/icon__primary.svg" alt="Mujer inmobiliria" />
</article>
<article data-aos="fade-right" class="page__bubble">
<img src="./images/icon__terciary.svg" alt="Mujer inmobiliria" />
<div class="page__bubble__content">
<h5>Requisitos mínimos</h5>
<p class="text-align-left">
Entendemos que no todo el mundo tiene tres garantías propietarias, veinticinco recibos de sueldo y un perro
para poder iniciar con los trámites.
No sólo lo entendemos, lo vivimos. Para eso estamos aquí, brindándote un ingreso rápido y eficaz.
</p>
</div>
</article>
<article data-aos="fade-right" class="page__bubble">
<div class="page__bubble__content">
<h5 class="text-align-right">Una gran trayectoria</h5>
<p class="text-align-right">
Tenemos más de diez años en este mercado. Sabemos cuales son tus necesidades y problemas, por lo que te
tenemos una solución a la vuelta de
la esquina.
</p>
</div>
<img class="page__bubble__icon" src="./images/icon__secondary.svg" alt="Mujer inmobiliria" />
</article>
<section data-aos="zoom-in" class="page__contact d-flex">
<h2>¿Te parecemos un buen partido?</h2>
<a href="./pages/contacto.html">
<button>
<span>Contáctanos</span>
</button>
</a>
</section>
</main>
<div class="body-shape-divider-bottom">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path
d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z"
opacity=".25" class="shape-fill"></path>
<path
d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z"
opacity=".5" class="shape-fill"></path>
<path
d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z"
class="shape-fill"></path>
</svg>
</div>
<footer class="container-fluid">
<div class="row">
<div class="col-sm-6 info__wrapper">
<p class="info__text">📍 Av. Armenia 1283</p>
</div>
<div class="col-sm-6 info__wrapper">
<p class="info__text">📞+54-351-7697713</p>
</div>
<div class="col-md-12 copyright__wrapper">
<p class="footer__text">Inmobiliaria 2023 © | Developed by</p>
<a href="https://www.linkedin.com/in/renzo-luis-battaglino-a5a329191/" target="_blank">Renzo Battaglino</a>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>AOS.init();</script>
</body>
</html>