/
home.html
148 lines (135 loc) · 6.41 KB
/
home.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
<!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="home.css">
</head>
<body style="background-color: rgb(228, 224, 220);">
<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">
<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>
</nav>
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade" >
<div class="numbertext">1 / 3</div>
<img src="/images/aaaa.jpg">
<div class="text"></div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="/images/bbbb.jpg">
<div class="text"></div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="/images/cccc.jpg">
<div class="text"></div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<br>
<hr style = "height: 200%;">
<br>
<div class="container">
<div class="row">
<div class="col">
<center>
<h1>
Work out at home for free.
</h1>
</center>
<br>
<h5 style="font-family: Arial, Helvetica, sans-serif; line-height: 0.75cm;">
We believe fitness should be accessible to everyone, everywhere, regardless of income or access to a gym. With hundreds of professional workouts, healthy recipes and informative articles, as well as one of the most positive communities on the web, you’ll have everything you need to reach your personal fitness goals – for free!
</h5>
</div>
<div class="col-1"></div>
<div class="col">
<img src="images/trangchu.jpg" width=100% alt="">
</div>
</div>
</div>
<br> <br> <hr>
<h1 style="margin-left: 4cm;"> News </h1>
<br>
<div class="container">
<div class="row">
<div class="col">
<a href="https://www.healthline.com/nutrition/10-benefits-of-exercise" target="_blank"> <img src="/images/benefit.jpg" width="100%" height="90%" alt="">
<br> <h3 style="text-align: center; color: black;">
10 benefit of gym
</h3>
</a>
</div>
<div class="col">
<a href="https://www.hhs.gov/fitness/eat-healthy/how-to-eat-healthy/index.html" target="_blank"> <img src="/images/healthy.jpg" width="100%" height="90%" alt="">
<br> <h3 style="text-align: center; color: black;">
How to eat healthily
</h3>
</a>
</div>
</div>
</div>
</div>
<div class="sppb-addon-content"><ul class="sppb-gallery clearfix"><li><img class="sppb-img-responsive" src="/images/2018/07/17/asiasuntravel-logo.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2018/07/17/vietnamtourism-logo.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2019/03/20/tre-logo1.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2018/07/17/phobien-logo.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2018/07/17/thefirstrestaurant-logo.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2018/07/17/nhadep-logo.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2018/07/17/vanhoa-logo.png" width="200" height="200" alt=""></li><li><img class="sppb-img-responsive" src="/images/2019/03/20/nguyen-khi-logo1.png" width="200" height="200" alt=""></li></ul></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="home.js"></script>
</body>
</html>