/
gym.html
88 lines (82 loc) · 4.61 KB
/
gym.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fitness</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="gym.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="home.html">
<img src="images/logo.jpg" width="30" height="30" class="d-inline-block align-top" alt="" loading="lazy">
FITNESS
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="program.html"> Workouts & Programs </a>
</li>
<li class="nav-item">
<a class="nav-link" href="diet.html"> Healthy living </a>
</li>
<li class="nav-item active">
<a class="nav-link" href="gym.html"> Gym network </a>
</li>
<li class="nav-item">
<a class="nav-link" href="7.html">7-Day Chanllenge </a>
</li>
</ul>
<span class="navbar-brand">
<a href="https://www.facebook.com" target="_blank"><img src="images/facebook-logo.png"width="25" height="25" class="d-inline-block align-top" alt=""></a>
</span>
<span class="navbar-brand">
<a href="https://www.instagram.com" target="_blank"><img src="images/insta-logo.png"width="25" height="25" class="d-inline-block align-top" alt=""></a>
</span>
<span class="navbar-brand">
<a href="https://www.youtube.com" target="_blank"><img src="images/youtube-logo.png"width="25" height="25" class="d-inline-block align-top" alt=""></a>
</span>
</div>
</nav>
<form class="form-inline" style="margin-left: 25cm;">
<label class="my-1 mr-2" for="inlineFormCustomSelectPref">Your location: </label>
<select class="custom-select my-1 mr-sm-2" id="location">
<option selected>Vietnam</option>
<option value="1">Hanoi</option>
<option value="2">Ho Chi Minh City</option>
</select>
<button onclick="findLocation()" type="button" class="btn btn-primary my-1">Submit</button>
</form>
<div>
<img style="width: 100%; height: 15cm;" src="gym/anh-nen-4.jpg" alt="">
</div>
<hr>
<div class="container" >
<h4 style="font-size: 18px;">ARE YOU AIMING TO BECOME MORE TONED AND BUILD SOME MUSCLE OR DO YOU JUST NEED TO DE-STRESS AFTER WORK?</h4>
<p>Going to the gym works out differently for each us. Whatever your goal NL Leisure gyms are equipped to help you reach it.</p>
<p>Our gym facilities are packed with the latest cardio, strength and weights equipment. They're staffed by instructors who can help you get the most from them. With new equipment being rolled out at sports centres across the area, NL Leisure gyms are shaping up nicely.</p>
<p>Would you like to get your heart pumping? You'll find a huge range of cardio equipment from climbing machines and exercise bikes to rowing machines and treadmills. If you're in the business of building muscle, we've made light work of assembling the best kit from barbells and dumbbells to kettlebells and medicine balls. We've also got to the core of strength and conditioning with the latest CrossFit and resistance equipment.</p>
<h4 style="font-size: 18px">ARE YOU READY TO GET STARTED? AS SOON AS YOU'VE COMPLETED YOUR INDUCTION YOU'LL BE READY TO TEST YOUR BODY TO THE LIMIT.</h4>
<p>Sign up to be an NL Leisure member and make the most of your defining moments at the gym.</p>
<div id="list"></div>
</div>
<br> <br> <hr> <br> <br>
<div style="background-color: #222533; height: 13cm;">
<br> <br> <br> <br> <br>
<center>
<h2 style="color: white; text-align: center; font-size: 1cm; line-height: 1.4cm; font-family: Arial, Helvetica, sans-serif;">
Created by personal trainers, <br> Minh and Huy — a team have passionate about <br>
helping you achieve your health and fitness goals.
</h2>
<br> <br> <br>
<a href="#" style="font-size: 0.7cm; text-decoration: underline;"> Learn more about us</a>
</center>
<br> <br> <br>
</div>
<script src="gym.js"></script>
</body>
</html>