<!DOCTYPE html><html><head><style>* { box-sizing: border-box;}
body { font-family: Arial; padding: 10px; background: #f1f1f1;}
/* Header/Blog Title */.header { padding: 30px; text-align: center; background: white;}
.header h1 { font-size: 50px;}
/* Style the top navigation bar */.topnav { overflow: hidden; background-color: #333;}
/* Style the topnav links */.topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none;}
/* Change color on hover */.topnav a:hover { background-color: #ddd; color: black;}
/* Create two unequal columns that floats next to each other *//* Left column */.leftcolumn { float: left; width: 75%;}
/* Right column */.rightcolumn { float: left; width: 25%; background-color: #f1f1f1; padding-left: 20px;}
/* Fake image */.fakeimg { background-color: #aaa; width: 100%; padding: 20px;}
/* Add a card effect for articles */.card { background-color: white; padding: 20px; margin-top: 20px;}
/* Clear floats after the columns */.row:after { content: ""; display: table; clear: both;}
/* Footer */.footer { padding: 20px; text-align: center; background: #ddd; margin-top: 20px;}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */@media screen and (max-width: 800px) { .leftcolumn, .rightcolumn { width: 100%; padding: 0; }}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */@media screen and (max-width: 400px) { .topnav a { float: none; width: 100%; }}video {width: 100%;}</style></head>
<!-- ==== START HEAD SECTION ==== --><head><link rel=stylesheet type=text/css href=mystyle.css><link rel=stylesheet type=text/css href=imgslider.css><style>.mySlides {display:none;}</style></head>
<body>
<div class="header" role="banner"> <img class="mySlides" src="image/header.jpg" style="width:100%"> <img class="mySlides" src="image/slides2.jpg" style="width:100%"> <img class="mySlides" src="image/slides3.jpg" style="width:100%"></div>
<script>var myIndex = 0;carousel();
function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel, 2000); // Change image every 2 seconds}</script>
<!-- ==== END HEAD SECTION ==== -->
<!-- ==== START HEADER SECTION==== -->
<div class="topnav"> <a href="index.html">Home</a> <a href="About-Us.html">About Us</a> <a href="History.html">History</a> <a href="Activities.html">Activities</a> <a href="FAQ.html">Frequently Asked Questions</a> <a href="Contact-Us.html">Contact Us</a></div>
<!-- ==== END HEADER SECTION==== -->
<!-- ==== START MAIN SECTION==== -->
<div class="row"> <div class="leftcolumn"> <div class="card"> <h2>Underwater World Langkawi</h2> <h5>The largest marine and fresh water aquaria in South East Asia, June 18, 2020</h5> <div class="center"> <video src="video/video.mp4" controls type="video/mp4"> Your browser does not support HTML video.</video></div> <p>Welcome to the fascinating tourist attraction in Malaysia, Underwater World Langkawi.</p> <p>The largest marine and fresh water aquaria in South East Asia, one must not miss the opportunity to experience walking through the tunnel displaying plenty of big fishes and sea creatures.First made its debut in August 1995, this attraction has attracted large number of locals as well as foreign tourists. The development of this underwater world has somehow further boost Langkawi’s tourism.</p> </div> <div class="card"> <h2>Frequently Asked Questions</h2> <h5>Learn about important of Underwater World Langkawi experience before your next aqua visit, June 23, 2020</h5> <div class="card"> <img src="image/FAQ.jpg" style="width:100%"> </div> <p> <strong> Do sharks attack humans? </strong> </p> <p>Many people think that all sharks are dangerous animals. However, only a few have been known to attack humans. The great white shark is the most dangerous and has been known to attack humans and fishing boats. This happens only when they are being provoked or sense some danger.</p> <p><button class="w3-button w3-padding-large w3-white w3-border"> <a href="FAQ.html"> <b>READ MORE »</b></button></p> <a/> </div> </div> <!-- ==== END MAIN SECTION==== --> <!-- ==== START SIDEBAR SECTION ==== --> <div class="rightcolumn"> <div class="card"> <h2>About Me</h2> <div class="container"> <center> <a href="about-me.html"> <img src="image/dee.png" width="60%"/> </center> </div> </a> <p style="font-family:Century Gothic">Click my photo for more details about me</p> </div> <div class="card"> <h2>Location</h2> <div class="mod"> <a href="https://www.google.com/maps/place/Underwater+World+Langkawi/@6.2879834,99.7278636,17.44z/data=!4m5!3m4!1s0x0:0x70988cdc7c820310!8m2!3d6.2879386!4d99.7288895?hl=en-GB" target="_blank"> <img src="image/location.png" width="270" height="162" alt class="map"/></div> </a><p style="font-family:Century Gothic"> Underwater World Langkawi Sdn. Bhd. </p><p style="font-family:Century Gothic"> Pantai Cenang, Mukim Kedawang, 07000 Langkawi, Kedah, Malaysia </p><p style="font-family:Century Gothic">Tel: +604-955 6100 </p><p style="font-family:Century Gothic">Faks: +604-955 6103 </p><p style="font-family:Century Gothic"><a href="mailto:[email protected]">[email protected]</a></p> </div> <div class="card"> <h2>Follow Us</h2><center>
<a href="https://www.facebook.com/underwaterworldlangkawi"><img src="image/fb.png" width="60px" title="Facebook"/></a>
<br/>
<a href="https://www.instagram.com/underwaterworldlangkawi/"><img src="image/ig.png" width="60px" title="Instagram"/></a>
<br/>
<a href="https://twitter.com/underwaterlgk"><img src="image/twitter.png" width="60px" title="Twitter"/></a></center>
<br/>
</div><!-- ==== END SIDEBAR SECTION==== -->
</div></div>
<!-- ==== START FOOTER SECTION ==== -->
<div class="footer"> <footer><center><strong><font face="Times New Roman" size="3" color="black">Disclaimer: This website is not the official website of Underwater World Langkawi. This website is developed for the purpose of learning<br>HTML & CSS only.<br><br>© 2020 Nur Deeana Aisya Abdul Rahman<br>Recommended browser Google Chrome Resolution: 78.0 & 1366 X 768.<br>Last update June 27, 2020</font></strong></center></div> </footer>
<!-- ==== END FOOTER SECTION ==== -->
<!-- ==== END PAGE ==== -->
</body></html>