-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (152 loc) · 11.9 KB
/
Copy pathindex.html
File metadata and controls
156 lines (152 loc) · 11.9 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/resources/favicon.ico" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="/resources/css/global.css">
<link rel="stylesheet" href="/resources/css/main.css">
<title>Oasiz Madrid</title>
</head>
<body>
<header>
<nav class="navbar fixed-top navbar-expand-lg bg-body-tertiary">
<div class="container">
<a class="navbar-brand" href="/"><img src="/resources/img/logo.png" alt="Oasiz logo" class="navMainLogo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Noticias</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/sub/news/">Noticias</a></li>
<li><a class="dropdown-item" href="/sub/offers/">Ofertas</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Tiendas</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/sub/shops/">Tiendas</a></li>
<li><a class="dropdown-item" href="/sub/restaurants/">Restaurantes</a></li>
<li><a class="dropdown-item" href="/sub/entretainment/">Ocio</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="/sub/cinema/">Cine</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Contacto</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/sub/contact/">Contacto</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="/sub/legal/">Legal</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link active" href="/sub/visit/">Visitanos</a></li>
</ul>
<ul class="navbar-nav mb-2 mb-lg-0 gap-2 flex-row">
<li class="nav-item"><a href="https://www.facebook.com/Oasiz.madriz" class="hoverDark">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="green" class="bi bi-facebook" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/></svg>
</a></li>
<li class="nav-item"><a href="https://www.instagram.com/oasizmadrid" class="hoverDark">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="green" class="bi bi-instagram" viewBox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/></svg>
</a></li>
<li class="nav-item"><a href="https://www.linkedin.com/company/oasizmadrid" class="hoverDark">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="green" class="bi bi-linkedin" viewBox="0 0 16 16"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/></svg>
</a></li>
</ul>
<form class="d-flex">
</form>
</div>
</div>
</nav>
</header>
<main>
<div class="d-flex justify-content-center">
<video src="/resources/vid/video.mp4" class="videoPlayer" autoplay loop></video>
</div>
<div class="d-flex">
<svg xmlns="http://www.w3.org/2000/svg" class="wave" viewBox="0 0 1440 320"><path fill="white" fill-opacity="1" d="M0,128L80,154.7C160,181,320,235,480,245.3C640,256,800,224,960,202.7C1120,181,1280,171,1360,165.3L1440,160L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg>
</div>
<div class="content container">
<div class="w-100 pt-3 d-flex flex-column gap-1 text-center">
<h1>Oasiz Madrid</h1>
<p class="text-muted">El mejor centro comercial</p>
</div>
<div class="mt-4 d-flex flex-column flex-xl-row">
<div class="flex-grow-1 order-xl-2 d-flex justify-content-center">
<img class="sideImage" src="/resources/img/mian/side1.png" alt="side1">
</div>
<div class="w-xl-50 mt-3 mt-xl-0 justify-content-center text-center d-flex flex-column">
<h2 class="w-50 m-auto mt-0 mb-3">Donde todo es posible</h2>
<p class="w-50 m-auto mt-0 mb-0 text-muted">Muy pronto descubrirás un lugar en el que todo puede pasar. Donde el aire, el agua y la vegetación se combinan con la arquitectura más avanzada para crear un punto de encuentro abierto a todo tipo de personas y de experiencias.</p>
</div>
</div>
<div class="mt-4 d-flex flex-column flex-xl-row">
<div class="flex-grow-1 d-flex justify-content-center">
<img class="sideImage" src="/resources/img/mian/side2.png" alt="side2">
</div>
<div class="w-xl-50 mt-3 mt-xl-0 justify-content-center text-center d-flex flex-column">
<h2 class="w-50 m-auto mt-0 mb-3">Un espacio único en Madrid</h2>
<p class="w-50 m-auto mt-0 mb-0 text-muted">Más de 250.000 m2 de espacio al aire libre, 4.000 plazas de parking, 117 locales, ocio para todos los públicos, zonas verdes, un mercado gastronómico, un gran lago central y hasta una playa te esperan en Torrejón de Ardoz, a 10 minutos de Madrid.</p>
</div>
</div>
<div class="mt-4 d-flex flex-column flex-xl-row">
<div class="flex-grow-1 order-xl-2 d-flex justify-content-center">
<img class="sideImage" src="/resources/img/mian/side3.png" alt="side3">
</div>
<div class="w-xl-50 mt-3 mt-xl-0 justify-content-center text-center d-flex flex-column">
<h2 class="w-50 m-auto mt-0 mb-3">Un lugar donde disfrutar de la cultura en directo</h2>
<p class="w-50 m-auto mt-0 mb-0 text-muted">Un escenario al aire libre para actuaciones y conciertos, una amplia programación cultural con exposiciones, ópera, zarzuela y mucho más.</p>
</div>
</div>
<div class="mt-4 d-flex flex-column flex-xl-row">
<div class="flex-grow-1 d-flex justify-content-center">
<img class="sideImage" src="/resources/img/mian/side4.png" alt="side4">
</div>
<div class="w-xl-50 mt-3 mt-xl-0 justify-content-center text-center d-flex flex-column">
<h2 class="w-50 m-auto mt-0 mb-3">Tiendas, Restauración y Ocio listo para para tí</h2>
<p class="w-50 m-auto mt-0 mb-0 text-muted">En Oasiz Madrid encontrarás un mundo de moda, tecnología y artículos para el hogar, con una variedad que satisface todas las necesidades y gustos. Nuestra área de restauración te ofrece desde comida rápida hasta bufes, cubriendo una amplia gama para disfrutar de una comida relajada. El ocio aquí es diverso, garantizando entretenimiento para todos. ¡Descubre todo lo que Oasiz te ofrece y vive momentos únicos en cada visita!</p>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide w-100 m-auto mt-5 mb-5">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active bg-black rounded" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" class="bg-black rounded" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" class="bg-black rounded" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/resources/img/mian/slide1.jpg" class="d-block w-100 carouselImg" alt="slide1">
</div>
<div class="carousel-item">
<img src="/resources/img/mian/slide2.jpg" class="d-block w-100 carouselImg" alt="slide2">
</div>
<div class="carousel-item">
<img src="/resources/img/mian/slide3.jpg" class="d-block w-100 carouselImg" alt="slide3">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon bg-black rounded" aria-hidden="true"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon bg-black rounded" aria-hidden="true"></span>
</button>
</div>
</div>
</main>
<footer class="pt-3 mt-4 shadow-lg bg-white">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="/" class="nav-link px-2 text-body-secondary">Oasiz</a></li>
<li class="nav-item"><a href="/sub/news/" class="nav-link px-2 text-body-secondary">Noticias</a></li>
<li class="nav-item"><a href="/sub/shops/" class="nav-link px-2 text-body-secondary">Tiendas</a></li>
<li class="nav-item"><a href="/sub/faq/" class="nav-link px-2 text-body-secondary">FAQ</a></li>
<li class="nav-item"><a href="/sub/legal/" class="nav-link px-2 text-body-secondary">Legal</a></li>
</ul>
<p class="text-center text-body-secondary m-0 pb-3">© 2025 Oasiz Madrid</p>
</footer>
</body>
</html>