<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NTU Sports Facility Booking Platform</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/commonstyle.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/animate.js"></script>
<script src="js/index.js"></script>
<link rel="shortcut icon" href="gym.ico" />
</head>
<body>
<header class="header w">
<div class="logo">
<h1>
<a href="index1.html" title="NTU">NTU</a>
</h1>
</div>
<div class="title">
<h1>Welcome to Sports & Recreation Centre!</h1>
</div>
</header>
<nav class="nav">
<div class="w">
<div class="navitems">
<ul>
<li>
<a href="index1.html">Home</a>
<a href="login.php">Login/Sign up</a>
<a href="user_main.php">My account</a>
<a href="#contact">Contact us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- 轮播图 -->
<div class="w">
<div class="main">
<div class="focus">
<a href="javascript:;" class="arrow-l">
<
</a>
<a href="javascript:;" class="arrow-r">
>
</a>
<ul>
<li>
<a href="courts.html"><img src="images/D7uzcJcW0AEccLN.jfif" alt="" width="1100px" height="550px"></a>
</li>
<li>
<a href="gym.html"><img src="images/Saraca-Hall-gym.jpg" alt="" width="1100px" height="550px"></a>
</li>
<li>
<a href="swimming.html"><img src="images/swimming pool.jpg" alt=""></a>
</li>
</ul>
<ol class="circle">
</ol>
</div>
</div>
</div>
<!-- Facility -->
<div class="w">
<div class="facility">
<div class="f1">
<a href="courts.html">
<img src="images/f1.png" alt="" width="335px" height="227px" class="f1-img">
<div class="f1-word">
<h3>Indoor and outdoor courts</h3>
<h5>Wave Sports Hall & Multipurpose Courts</h5>
</div>
</a>
</div>
<div class="f2">
<a href="gym.html">
<img src="images/f2.jpg" alt="" width="335px" class="f2-img">
<div class="f2-word">
<h3>GYM</h3>
<h5>State-of-the-art gym with various fitness equipment</h5>
</div>
</a>
</div>
<div class="f3">
<a href="swimming.html">
<img src="images/f3.jpg" alt="" width="335px" class="f3-img" height="227px">
<div class="f3-word">
<h3>Swimming pool</h3>
<h5>A 50m 8-lane Swimming Pool as well as a Children Wading Pool</h5>
</div>
</a>
</div>
</div>
</div>
<!-- Sports tips -->
<div class="w">
<div class="tips">
<div class="slogon">
BUILD A BETTER, HEALTHIER AND HAPPIER, <span>YOU! </span>
</div>
<div class="t1">
<img src="images/t1.jpg" alt="" width="367px" height="280px" class="t1-img">
<a href="tips1.html">
<div class="mask1">
<h2>6 WAYS TO RETURN TO THE GYM AND WORKOUT SAFELY</h2>
</div>
</a>
</div>
<div class="t2">
<img src="images/t2.jpg" alt="" width="367px" height="280px" class="t2-img">
<a href="tips2.html">
<div class="mask2">
<h2>REGULAR EXERCISE MAY LEAD TO BETTER VACCINE RESPONSE</h2>
</div>
</a>
</div>
<div class="t3">
<img src="images/t3.jpg" alt="" width="367px" height="280px" class="t3-img">
<a href="tips3.html">
<div class="mask3">
<h2>THE NON-DIET DIET: WHAT YOU NEED TO KNOW ABOUT VOLUMETRICS EATING </h2>
</div>
</a>
</div>
</div>
</div>
<footer class="footer">
<div class="w">
<div class="address">
Nanyang Technological University <br> 50 Nanyang Avenue, Singapore 639798 <br> Tel: (65) 67911744 <br><br> Novena Campus <br> 11 Mandalay Road, Singapore 308232 <br> Tel: (65) 65138572
</div>
<div class="contact">
<h3 id="contact">
Contact Us <br><br>
</h3>
Chen Yuxuan: <a href="mailto:chen1252@e.ntu.edu.sg">chen1252@e.ntu.edu.sg</a>
<br><br> Ma Yuchen: <a href="mailto:yma011@e.ntu.edu.sg">yma011@e.ntu.edu.sg</a>
</div>
</div>
</footer>
</body>
</html>