-
Notifications
You must be signed in to change notification settings - Fork 0
/
new.html
223 lines (220 loc) · 14.1 KB
/
new.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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html style="font-family:Roboto, sans-serif;background-color:#444444;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>missionQ</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="assets/css/user.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css">
<link rel="stylesheet" href="assets/css/Newsletter-Subscription-Form.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" style="background-color:rgba(0,0,0,0.3);font-size:18px;font-family:Roboto, sans-serif;">
<div class="container-fluid">
<div class="navbar-header"><a class="navbar-brand" href="#">Mission-<i class="glyphicon glyphicon-search"></i></a><button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div>
<div
class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav navbar-right">
<li role="presentation"><a href="#">About Us</a></li>
<li role="presentation"><a href="#">Escape Rooms</a></li>
<li role="presentation"><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron hero" style="background-color:#000000;background-image:url("https://static1.squarespace.com/static/56a55c1589a60a5d20e9ff94/t/56d6356986db43480a9d8bfe/1456878955407/maze-hr.jpg?format=2500w");">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-push-6 phone-preview" style="margin-top:80px;">
<div class="iphone-mockup">
<div class="screen"></div>
</div><iframe width="320" height="160" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/uiJVpMe9rdI?controls=0&showinfo=0&rel=0" style="height:180px;"></iframe></div>
<div class="col-md-6 col-md-pull-4 get-it"
style="margin-top:40px;">
<h1>Real Physical Escape Game</h1>
<p>The TRUTH is only one step away.</p>
<p><a class="btn btn-primary btn-lg" role="button" href="#"><i class="fa fa-search"></i> Reserve sunway</a><a class="btn btn-danger btn-lg" role="button" href="#"><i class="fa fa-search"></i> reserve penang</a></p>
</div>
</div>
</div>
</div>
<section class="testimonials">
<h2 class="text-center">People Love It!</h2>
<blockquote>
<p>Great support for the Game Master and truly appreciate for the coordination for our company mini team building . Food arrangement & quality are excellent. Keep it up!! </p>
<footer>Mindy MinMin </footer>
</blockquote>
</section>
<section class="features" style="background-color:#313437;">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>About Us</h2>
<p>What is Mission-Q?Mission-Q (Real Escape Game Room in Malaysia)brings you 5 unique adventurous escape rooms, each with its own theme. The objective is to physically escape from the room within an hour by collecting items, identifying
clues, and solving puzzles and riddles. This game requires observation, teamwork, creativity, communication, and courage."Help" bellInside each room, you can easily spot the "Help" bell and you may use this to call our dedicated
Game Master for help. For each "Help", we will give you clues and guide you to complete one puzzle. You may only use the "Help" bell once per one-hour game... We don't want to give away the surprise after all...SafetyDue to safety
reasons, the entrance will remain unlocked. During the game, we rely on your sportsmanship to not to escape via the entrance. Doors with green "Exit" signs are emergency exits only. They are not part of the game.Before you startYour
personal belongings such as mobile phones, keys, bags, papers, books, pens, pencils, laptops, recorders, cameras, food and beverages, etc. shall be kept at our designated lockers before entering the game room. Our dedicated Game
Master will give you a brief introduction before the game begins. Please arrive 15 minutes before your session for these instructions. For late comers, we may only accommodate your playing time until the designated session ends.Keep
in mind that the safety factors have been taken into consideration when designing the escape routes. This is an intellectual game - so if your idea for solving a particular puzzle or unlocking a door involves any stunts, brute
force, or any actions that may put you or your teammates in danger (such as roof climbing, breaking doors...), you are definitely on the wrong track!Some clues are meant for later stages of the game. Move on if you are not sure
how to use a clue, come back to it when you have gathered more clues. </p>
</div>
<div class="col-md-6">
<div class="row icon-features">
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-cloud"></i>
<p>Cloud-ready </p>
</div>
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-piggy-bank"></i>
<p>Saves You Money</p>
</div>
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-fire"></i>
<p>Fire Proof</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials">
<h2 class="text-center">People Love It!</h2>
<blockquote>
<p>Good experience, love the place... Good and friendly staffs... Will definitely go back. </p>
<footer>Charmain Wong Siew Mei </footer>
</blockquote>
</section>
<section class="features" style="background-color:#282d32;">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>SUNWAY Escape Rooms</h2>
<p>Morbi non mauris massa. Duis elit mauris, malesuada nec suscipit ac, bibendum sed augue. Maecenas condimentum magna gravida, laoreet nunc sed, euismod sem. </p>
</div>
<div class="col-md-6">
<div class="row icon-features">
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-cloud"></i>
<p>Cloud-ready </p>
</div>
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-piggy-bank"></i>
<p>Saves You Money</p>
</div>
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-fire"></i>
<p>Fire Proof</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="simple-slider">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=68&txt=Slideshow+Image&w=1920&h=500);"></div>
<div class="swiper-slide" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=68&txt=Slideshow+Image&w=1920&h=500);"></div>
<div class="swiper-slide" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=68&txt=Slideshow+Image&w=1920&h=500);"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<section class="features" style="background-color:#282d32;">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>PENANG Escape Rooms</h2>
<p>Morbi non mauris massa. Duis elit mauris, malesuada nec suscipit ac, bibendum sed augue. Maecenas condimentum magna gravida, laoreet nunc sed, euismod sem. </p>
</div>
<div class="col-md-6">
<div class="row icon-features">
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-cloud"></i>
<p>Cloud-ready </p>
</div>
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-piggy-bank"></i>
<p>Saves You Money</p>
</div>
<div class="col-xs-4 icon-feature"><i class="glyphicon glyphicon-fire"></i>
<p>Fire Proof</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="simple-slider">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=68&txt=Slideshow+Image&w=1920&h=500);"></div>
<div class="swiper-slide" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=68&txt=Slideshow+Image&w=1920&h=500);"></div>
<div class="swiper-slide" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=68&txt=Slideshow+Image&w=1920&h=500);"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div class="newsletter-subscribe">
<div class="container">
<div class="intro">
<h2 class="text-center">Subscribe for our Newsletter</h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<form class="form-inline" method="post">
<div class="form-group"><input class="form-control" type="email" name="email" placeholder="Your Email"></div>
<div class="form-group"><button class="btn btn-primary" type="submit">Subscribe </button></div>
</form>
</div>
</div>
<div>
<div class="container">
<div class="row">
<div class="col-md-6"><iframe allowfullscreen="" frameborder="0" width="100%" height="400" src="https://www.google.com/maps/embed/v1/place?q=Paris%2C+France&zoom=11"></iframe></div>
<div class="col-md-6"><iframe allowfullscreen="" frameborder="0" width="100%" height="400" src="https://www.google.com/maps/embed/v1/place?q=Paris%2C+France&zoom=11"></iframe></div>
</div>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-push-6 item text">
<h3 style="color:#ffffff;">Company Name</h3>
<p>Hour: 10:30 am - 11:00 pmPhone: +604-6370 607Email: <a href="mailto:[email protected]" target="_top">[email protected]</a>Address: 3F-21 & 22, Queensbay Mall, 100 Persiaran Bayan Indah, 11900 Bayan Lepas, Penang.*
For Team Building and Inquiries please contact Jeffrey at [email protected] or 012-640-9528 * For Business Opportunities and Franchising enquiries please contact Jeffrey at [email protected]
or 012-640-9528 </p>
</div>
<div class="col-md-3 col-md-pull-6 col-sm-4 item">
<h3 style="color:#ffffff;">Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-md-3 col-md-pull-6 col-sm-4 item">
<h3 style="color:#ffffff;">About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-12 col-sm-4 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a></div>
</div>
<p class="copyright">Mission-Q © 2013 - 2018</p>
</div>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.jquery.min.js"></script>
<script src="assets/js/Simple-Slider.js"></script>
</body>
</html>