-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (112 loc) · 9 KB
/
index.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
<!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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="media.css">
<link rel="shortcut icon" href="/images/429d631659a11a9eb666b103d811470a-removebg-preview.png" type="image/x-icon">
<title>Fitness Club</title>
</head>
<body>
<div class="nav-content">
<div class="nav-log">
<h2><a href="#" class="nav-logo">FITNESS CLUB</a></h2>
<p>No Pain No Gain</p>
</div>
<div class="navs">
<a href="#" class="nav-link">Discover</a>
<a href="#Gallery" class="nav-link">Gallery</a>
<a href="#About Us" class="nav-link">About Us</a>
<a href="#Contact" class="nav-link">Contact</a>
</div>
<div class="navs" id="list">
<a href="#" class="nav-link">Sign in</a>
<a href="#" class="nav-link">Register</a>
</div>
<i class="fa fa-bars" id="icon"></i>
</div>
<!-- Build Your Body & Keep Healthy Section -->
<div class="Body-Content">
<h1>Build Your Body & Keep Healthy</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis non voluptas ducimus ipsa maiores? Nisi ad labore, amet esse consectetur explicabo vel incidunt cupiditate aspernatur, modi itaque omnis laborum. Voluptate, at impedit! Quam cumque libero corrupti fuga sapiente eveniet qui.</p>
<button type="submit" class="Body-Btn"><a href="#">Explore</a></button>
</div>
</div>
<!--Train You Section -->
<div class="Train-You">
<div>
<img src="/images/medium-shot-woman-wearing-headphones_23-2149386027.jpg" alt="medium-shot-woman-wearing-headphones" class="Train-Img">
</div>
<div class="Train-You-Content">
<p class="TrainText">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente eligendi molestias odio architecto, rerum unde soluta alias nemo, quaerat odit sunt. Quam deserunt at asperiores iusto facilis quia quas, provident esse nisi consequatur ipsum ipsam ut vel, labore obcaecati optio nulla tempora dicta voluptatibus magni voluptas placeat nam qui velit! Dolorem deleniti odio, laborum nam corporis ex ullam at officiis odit debitis illum nostrum molestias similique? Eligendi perspiciatis officiis reprehenderit ducimus asperiores animi adipisci minima placeat iusto molestiae perferendis ipsam veniam.</p>
<button type="submit" class="Body-Btn"><a href="#">Proceed</a></button>
</div>
</div>
<!-- Package Section -->
<div class="Package-head">
<h2 id="About Us">HERE'S THE PACKAGE</h2>
</div>
<div class="Package-Content">
<div>
<h2>Package 01</h2>
<p>29$ Monthly</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus architecto iste quidem pariatur. Similique libero at possimus! Laboriosam nemo dolorum eaque et quisquam consequatur ratione in, quae facilis ex facere accusantium doloremque dignissimos possimus fugit nesciunt totam blanditiis, quaerat ipsum!</p>
<button type="submit" class="Subscribe-Btn"><a href="#"></a>Subscribe</button>
</div>
<div>
<h2>Package 02</h2>
<p>39$ Monthly</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus architecto iste quidem pariatur. Similique libero at possimus! Laboriosam nemo dolorum eaque et quisquam consequatur ratione in, quae facilis ex facere accusantium doloremque dignissimos possimus fugit nesciunt totam blanditiis, quaerat ipsum!</p>
<button type="submit" class="Subscribe-Btn"><a href="#"></a>Subscribe</button>
</div>
<div>
<h2>Package 03</h2>
<p>29$ Monthly</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus architecto iste quidem pariatur. Similique libero at possimus! Laboriosam nemo dolorum eaque et quisquam consequatur ratione in, quae facilis ex facere accusantium doloremque dignissimos possimus fugit nesciunt totam blanditiis, quaerat ipsum!</p>
<button type="submit" class="Subscribe-Btn"><a href="#"></a>Subscribe</button>
</div>
</div>
<!-- Gallery Section -->
<div class="Gallery-head">
<h2 id="Gallery">Gallery</h2>
</div>
<div class="Gallery">
<div class="GalleryImage">
<img src="/images/female-bodybuilder-training-with-dumbbells_7502-4794.jpg" alt="female-bodybuilder" class="Gallery-Img">
<img src="/images/athletic-man-woman-with-dumbbells_155003-11801.jpg" alt="athletic-man-woman-with-dumbells" class="Gallery-Img">
<img src="/images/concept-power-strength-healthy-lifestyle-sport-powerful-attractive-muscular-man-gym_155003-4993.jpg" alt="muscular-man-gym" class="Gallery-Img">
<img src="/images/muscular-young-man-lifting-weights-black-background_7502-7692.jpg" alt="muscular-young-man-lifting-weights" class="Gallery-Img">
<img src="/images/muscular-man-doing-push-ups-one-hand_7502-4775.jpg" alt="muscular-man-doing-push-ups-one-hand" class="Gallery-Img">
<img src="/images/muscular-sportsman-building-biceps-with-dumbbell_7502-4784.jpg" alt="-building-biceps-with-dumbbell" class="Gallery-Img">
<img src="/images/young-fitness-man-studio (1).jpg" alt="young-fitness-man-studio" class="Gallery-Img">
<img src="/images/young-fitness-man-studio.jpg" alt="young-fitness-man-studio" class="Gallery-Img">
<img src="/images/woman-doing-squats-smith-machine_7502-9063.jpg" alt="woman-doing-squats-smith-machine" class="Gallery-Img">
</div>
</div>
<!-- Reach Your Body Section -->
<div class="Reach">
<div class="Reach-Content">
<h2 class="Reach-Head">Reach Your Body Goals</h2>
<p class="Reach-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum modi veritatis, excepturi deserunt fugiat quam libero placeat ullam nostrum recusandae odit nisi temporibus obcaecati sed. Sint recusandae aut necessitatibus hic! Cumque reiciendis ad ipsam quod! Vel excepturi veniam numquam saepe, et praesentium! Deleniti facilis dolore, sint alias quidem voluptatem tempore voluptatum corporis itaque similique! Minus architecto, voluptatem repellat dolorum vel excepturi doloremque, repellendus eum numquam expedita, perferendis quod. Reiciendis ea voluptates non placeat perferendis tempore tempora itaque, culpa reprehenderit quos qui voluptatum, dolore voluptatem quasi repudiandae fuga facilis exercitationem eveniet architecto perspiciatis vero aspernatur! Harum cumque temporibus veniam nihil aliquam, delectus repellendus nulla dolore odio soluta eaque exercitationem fuga voluptatibus suscipit labore vitae, quis unde impedit consectetur deleniti ad! Beatae enim perspiciatis est corporis incidunt suscipit nesciunt adipisci voluptate? Dolorem, eaque ut iste maxime sint labore maiores excepturi non inventore iure aspernatur eius esse minima atque corporis nobis pariatur, doloribus magni, sequi ex adipisci? Voluptatum, pariatur nesciunt expedita ducimus, unde quo reiciendis illo quisquam, aliquam ab porro et dolore incidunt facilis nemo asperiores soluta odio distinctio recusandae natus! Ullam odio quia nemo eligendi sapiente, vero cum nostrum vel accusamus reiciendis sit numquam distinctio amet magnam illo, impedit totam commodi earum!</p>
<button type="submit" onclick="Rest()" class="Subscribe-Btn"><a href="#"></a>Sign up</button>
<p id="error"></p>
</div>
</div>
<div class="Contact" id="Contact">
<a href="https://web.facebook.com/timi.esan" target="_blank"><i class="fa fa-facebook-f" id="Contact-Link"></i></a>
<a href="https://www.linkedin.com/in/oluwatimilehin-s-esan-32a66a157/" target="_blank"> <i class="fa fa-linkedin-square" id="Contact-Link"></i></a>
<a href="https://twitter.com/therealtmmy" target="_blank"><i class="fa fa-twitter-square" id="Contact-Link"></i></a>
<a href="https://github.com/therealtmmy" target="_blank"> <i class="fa fa-github-square" id="Contact-Link"></i></a>
</div>
<div class="attribution">
<p class="attributionText">OLUWATIMILEHIN ESAN</p>
</div>
<!-- Script -->
<script src="/script.js"></script>
</body>
</html>