-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (145 loc) · 8.01 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/grid.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
<link rel="stylesheet" type="text/css" href="css/queries.css">
</head>
<body>
<header class="home-header">
<div class="row-nav">
<img src="img/logo.png" alt="Omnifood logo" class="logo">
<ul class="main-nav js--main-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="attraction.html">Attraction</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>
</div>
<div class="fullscreen-video-wrap">
<!-- https://www.videvo.net/video/typing-on-computer-white-bg/4475/ -->
<!-- DO NOT USE THIS VIDEO, I JUST NEEDED A HOSTED VIDEO FOR THIS CODEPEN> USE THE ONE ABOVE -->
<video src="./video/kolam.mp4" autoplay="true" loop="true" muted>
</video>
</div>
<div class="header-overlay"></div>
<div class="hero-text-box">
<table>
<tr>
<td colspan=2><h1 id="labis-hot-spring">LABIS HOT SPRING</h1></td>
</tr>
<tr>
<td><h3 id="hotspots">One of the most popular hotspots<br>in Segamat</h3></td>
<td><h1 id="no-one">No.1</h1></td>
</tr>
</table>
</div>
</header>
<!--<a class="arrow-up" id="return-to-top"><i class="ion-arrow-up-c"></i></a> -->
<section class="section-textbox-image">
<div class="row">
<div class="section-textbox">
<table>
<tr>
<td><h1 id="largest-text">The largest hot spring in Segamat</h1><br><h4 id="family-park-text">Labis Hot Spring is your family park of choice. Located in Labis, at the northern end of Segamat district. </h4><br><h4 id="all-season">Our all-season accommodation has a tranquil, park setting with magnificent mature puriri trees and an abundance of native birds. Great memories are created and a relaxing holiday for the whole family is guaranteed!</h4></td>
</tr>
<tr>
<td id="readmore"><a style="text-decoration: none; color: #fff;" href="about-us.html">Read More About Us</a></td>
</tr>
</table>
</div>
</div>
</section>
<section class="section-attraction">
<div class="row">
<div class="col span-1-of-3 box">
<img src="./img/lhp-equipment-c.jpg" alt="Lisbon">
<h4>Accomodation<br><br></h4>
<p>The best way to experience Hot Springs is with family and friends. The vacation rental houses are located near and have all the conveniences of home, the amazing scenery and atmosphere of our small town, and plenty of room to share with family or friends.</p>
</div>
<div class="col span-1-of-3 box">
<img src="./img/lhp-equipment-a.jpg" alt="San Francisco">
<h4>Playground<br><br></h4>
<p>The little ones will enjoy tiring themselves out on the slides and jungle gyms on our playground! There is also a children’s pool within the Labis Hot Springs’ hot pools area for them to enjoy. So, everyone can enjoy and have fun!</p>
</div>
<div class="col span-1-of-3 box">
<img src="./img/lhp-equipmentb.jpg" alt="Berlin">
<h4>Springs<br><br></h4>
<p>Relax and unwind at Labis Hot Springs – thermal mineral pools heated to between 37 and 39 degrees Celsius. The beautifully soft water comes direct from nature and our hot pools are free for all Labis Hot Spring guests to use as much as they like!</p>
</div>
</div>
<div class="row">
<p class="cta-text-1">See our attraction gallery and information</p>
</div>
</section>
<section class="section-visit">
<div class="row">
<h2 class="visit-text">Visit us today!</h2>
<p id="visit-text-2">Relax with your family and friend when staying at Labis Hot Spring. Enjoy a few days away from the hustle of your routine and discover a new corner of you backyard.</p>
</div>
<div class="row">
<div id="home-visit-row">
<div class="col span-1-of-3">
<div id="price-smaller">
<div class="price-textbox"><h4>Prices starts from</h4><br><p style="font-size: 70px; line-height: 70px; font-weight: 300; color: #000a3f;">RM2</p><br><h4>Lower price for families and group of students</h4><br><h4>Children below 5 years - for free</h4><br></div>
<div class="price-textbox-2"><a href="pricing.html" id="pricing-list-text">See the pricing list</a></div>
</div>
</div>
<div class="col span-1-of-3">
<div class="working-hour">
<img style="padding-bottom: 30px;" src="img/logo-black.png">
<p>Mon-Fri 10:00 a.m. - 10:30 p.m.</p>
<p>Sat 11:00 a.m. - 11:00 p.m.</p>
<p>Sun 10:30 a.m. - 10:00 p.m.</p><br>
<p>The place where you can relax in the country famous hot springs.</p><br>
<p>(+6) 010-6748832</p>
<p>lhs@contact.com.my</p><br>
<a href="#">Contact with us</a>
</div>
</div>
<div class="col span-1-of-3">
<div id="maps-iframe">
<iframe width="450" height="400" frameborder="0" style="border: 2px solid #031432;" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJlS6e-2PZzzERkwAXxsLpv7A&key=AIzaSyBT8ONjKSuR5ZRwVKlKHAdy3kn95P-mrlg" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<section class="section-textbox-image-2">
<div class="row">
<div class="text-book">
<table>
<tr>
<td><h2 id="holiday-text">Looking for place for holiday?<br>Great! It's Labis Hot Spring</h2></td>
</tr>
<tr>
<td><p id="ticket-today">Book your tickets today</p></td>
</tr>
</table>
</div>
</div>
</section>
<footer>
<div class="footer-bg">
<div class="row">
<img style="padding-bottom: 20px" src="img/logo.png" alt="logo">
<p>Labis Hot Spring is a unique and remarkable corner of the state and we want to share it with visitors who are looking to experience a powerful sense of place created by nature. There’s only one hot springs in Segamat and it’s right here in Labis Hot Spring! </p>
</div>
</div>
<div class="footer-copyright">
<div class="row">
<p>© 2017 Labis Hot Spring. All Rights Reserved.</p>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.jsdelivr.net/selectivizr/1.0.3b/selectivizr.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>