-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
114 lines (110 loc) · 6.54 KB
/
index.php
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
<?php
require __DIR__ . "/hotelFunctions.php";
require 'vendor/autoload.php';
require __DIR__ . "/header.php";
$rooms = getAllRooms();
$features = getallFeatures();
?>
<div class="index-header-image" style="background-image: url('images/index-header.jpg');">
<div class="before"></div>
<div class="header-text-container">
<div class="header-title"><span class="coral-text">More than a hotel...</span></div>
<div class="header-subtitle"> here life will find a way</div>
</div>
<div class="chevron-container"><a href="#about-us"><i class="fa-solid fa-chevron-down"></i></a></div>
</div>
<div class="dark-background">
<div class="container">
<div class="about-us-container" id="about-us">
<div class="about-us">About Us <span class="coral-text">.</span></div>
<div class="about-us-text">Welcome to Jurassic Hotel, an extraordinary retreat on a lush Jurassic island. Our hotel invites you to step into a world frozen in time, where the enchanting allure of ancient dinosaurs coexists with modern luxury.<br /><br /> Nestled amid breathtaking scenery, our accommodations seamlessly blend comfort with adventure. Whether you're an intrepid explorer seeking <a href="activities.php" class="coral-text">adventure</a>, a nature enthusiast, or a family seeking a unique getaway, Jurassic Hotel promises an unforgettable experience.</div>
</div>
</div>
</div>
<div class="coral-background">
<div class="container index-discount-container">
<div class="discount-icon">
<div class="discount-icon-text">%</div>
</div>
<div class="index-discounts">Multi-day booking discounts available for all rooms.</div>
</div>
</div>
<div class="container light-background" id="rooms">
<div class=" room-container">
<div class="container-title">Our Rooms</div>
<div class="swiper">
<div class="swiper-wrapper">
<?php foreach ($rooms as $room) : ?>
<div class="room-card swiper-slide">
<a href="room.php?room=<?= $room["id"] ?>">
<div class="image-container">
<div class="room-image" style="background-image:url(<?= $room["image1"] ?>); background-position: center;background-size: cover;">
</div>
</div>
</a>
<div class="card-room-info">
<div class="info-head">
<div class="room-title"><?= $room["category"] ?></div>
<div class="price">$<?= $room["price_per_night"] ?>/night</div>
</div>
<div class="info-more">
<div class="features">
<div class="beds"><i class="fa-solid fa-bed"></i> Sleeps <?= $room["sleeps"] ?></div>
<div class="view">
<?php if ($room["view"] == "Jungle") : ?>
<i class="fa-solid fa-tree"></i> Jungle View
<?php else : ?>
<i class="fa-solid fa-umbrella-beach"></i> Beach View
<?php endif; ?>
</div>
<div class="aircon">
<?php if ($room["aircon"]) : ?>
<i class="fa-regular fa-snowflake"></i> Aircon
<?php else : ?>
<i class="fa-regular fa-snowflake"></i> No Aircon
<?php endif; ?>
</div>
</div>
<div class="button-div">
<a href="room.php?room=<?= $room["id"] ?>" class="button">
<span class="button-text">Book now </span><i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
<div class="dark-background">
<div class="container">
<div class="activities-container">
<div class="content-container-activities">
<div class="activities-text">
<div class="container-title">The Activities <span class="coral-text">.</span></div>
<div class="activities-description">Embark on an unforgettable adventure at our dinosaur-themed hotel with four exhilarating activities. Soar through the skies as you experience the thrill of <span class="coral-text">Flying with Dinosaurs</span>,take a dip into prehistoric waters with <span class="coral-text">Swimming with Dinosaurs</span> witness the magic of life at the <span class="coral-text">Incubation room</span> and explore the wonders of a bygone era on an exciting <span class="coral-text">Dinosaur Safari</span>. Immerse yourself in the fascinating world of dinosaurs, creating memories that will last a lifetime in these unique and thrilling hotel experiences.</div>
<div class="button-div">
<a href="activities.php" class="activities-button">
<span class="button-text">Read more </span><i class="fa-solid fa-arrow-right"></i>
</a>
</div>
</div>
<div class="activities-images">
<img src="<?= $features[1]["image"] ?>" class="activities-image-<?= $key ?>" alt="">
</div>
</div>
</div>
</div>
</div>
<?php require __DIR__ . "/light-footer.php"; ?>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script type="text/javascript" src="index-script.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
</body>
</html>