-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththe-story.html
150 lines (150 loc) · 5.98 KB
/
the-story.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
<!DOCTYPE html>
<html>
<head>
<title>The Story - Tok Aman Bali Beach Resort</title>
<link rel="shortcut icon" href="icon/tok aman bali icon.png">
<link rel="stylesheet" type="text/css" href="css/top-bottom.css">
<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>
<style type="text/css">
.thestory hr {width: 70%;opacity: 0.7;margin: 30px auto;}
.history {margin: 30px auto;width: 750px;font-size: 20px;opacity: 0.8;}
.place, .top-btn {display: inline;}
.place img {width: 270px;margin: 30px 25px;box-shadow: 10px 10px 5px grey;}
.others {display: flex;flex-wrap: wrap;width: 80%;margin: 0 auto;}
.top-btn a {position: absolute;left: 70%;}
.home-btn {margin: 5px auto;width: 10%;}.home-btn img {padding-left: 35px;width: 30px;height: 30px;}
</style>
</head>
<body>
<div class="header" id="header">
<div class="logo-wrap">
<a href="index.html">
<img src="img/logo.png" alt="Tok Aman Bali Logo">
</a>
</div>
<div class="form">
<form action="#" method="get">
<div id="form-i">
<br>
<input type="submit" name="available" value="CHECK RATES AND AVAILABILITY">
</div>
<div id="form-i">
<label>Promo code</label>
<input type="text" name="code">
</div>
<div id="form-i">
<label>Adults</label>
<select name="adult" id="adult">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<div id="form-i">
<label>Rooms</label>
<select name="room" id="room">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div id="form-i">
<label>Staying for</label>
<select name="night" id="night">
<option value="1">1 night</option>
<option value="2">2 night</option>
<option value="3">3 night</option>
<option value="4">4 night</option>
<option value="5">5 night</option>
<option value="6">6 night</option>
<option value="7">7 night</option>
<option value="8">8 night</option>
<option value="9">9 night</option>
<option value="10">10 night</option>
</select>
</div>
<div id="form-i">
<label>Check in</label>
<input type="date" name="date" id="date">
</div>
</form>
</div>
<div class="nav">
<ul>
<li><a href="promotions.html">PROMOTIONS</a></li>
<li><a href="the-story.html" class="active">THE STORY</a></li>
<li><a href="accommodation.html">ACCOMMODATION</a></li>
<li><a href="dining.html">DINING</a></li>
<li><a href="meetings.html">MEETINGS</a></li>
<li><a href="facilities.html">FACILITIES</a></li>
<li><a href="attractions.html">ATTRACTIONS</a></li>
<li><a href="contact-us.html">CONTACT US</a></li>
<li><a href="associate-hotels.html">ASSOCIATE HOTELS</a></li>
</ul>
</div>
</div>
<div class="image-wrap">
<img src="img/swimming-pool-4.jpg" alt="Tok Aman Bali Beach Resort">
</div>
<div class="thestory">
<hr>
<div class="history">
<i>Tok Aman Bali Beach Resort</i> is located at Pantai Bisikan Bayu in the district of Pasir Puteh about 50 km away from Kota Bahru .
<br><br>
Pantai Bisikan Bayu (Beach of the Whispering Breeze) nestled amongst tall casuarinas trees that offers restful shade for the beach. The gentle breeze rustles the casuarinas needles producing a hushed sound that lends its name to this scenic beach. The resort is also strategically located near Terengganu-Kelantan border as the gateway to Kelantan, the resort offers its guests luxurious comfort coupled with famous Kelantan hospitality.
<br><br>
The resort’s ambience is an oasis of calm and luxurious comfort, away from the hustle bustle of the city. With a total of 100 rooms in low rise building designed in Kelantan’s architectural style so as to embrace the spirit of serenity and gentility.
<br><br>
All rooms are blessed with their own lagoon facing balconies and if you are lucky you could see the white birds flocking around the lagoon. The resort is expertly planned to provide optimum personal comfort and relaxation. A large infinity-edged swimming pool is strategically located in the heart of the resort so that all guest rooms have a prime views of the landscaped garden in which the large pool is the glorious centrepiece.
<br><br>
Come and experience our East Coast charm and warm hospitality. Leave your worries behind and we take care of the REST!
</div>
</div>
<div class="some-image back-to-top">
<div class="place">
<img src="img/KERIS-MAKING-2.jpg" alt="keris-making">
</div>
<div class="place">
<img src="img/WAYANG-KULIT-2.jpg" alt="wayang-kulit">
</div>
<div class="place">
<img src="img/RANTAU-PANJANG-2.jpg" alt="rantau-panjang">
</div>
<div class="place">
<img src="img/RANTAU-PANJANG-6.jpg" alt="rantau-panjang">
</div>
<div class="others">
<div class="top-btn">
<a href="#header"><img src="icon/back-to-top.png" title="Back to top"></a>
</div>
<div class="home-btn">
<a href="index.html"><img src="icon/home-icon.png" alt="home" title="Go to home page"></a>
</div>
</div>
</div>
<div class="footer">
<div class="media">
<h3>FOLLOW US</h3>
<a href="#"><img src="icon/fb.png" alt="fb"></a>
<a href="#"><img src="icon/twitter.png" alt="twitter"></a>
<a href="#"><img src="icon/ig.png" alt="ig"></a>
<h4>MEDIA & NEWS</h4>
</div>
<div class="location">
<p>Address: Lot 6264(1), Pantai Bisikan Bayu, Semerak 16700, Pasir Puteh, Kelantan, Malaysia
<br>Tel No: +609-691-8899
<br>Fax No: +609-691-8890
<br>Email: tabbrinfo@hsm.my
</p>
</div>
<div class="reserved">
<p>© Personal Project</p>
</div>
</div>
</body>
</html>