-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
169 lines (160 loc) · 7.11 KB
/
services.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-wdith initial-scale=1">
<title>Services- Workout programmes, Diet plans and Consulting Available</title>
<meta name="description" content="We got 3 main services. Workout programmes, Diet plans and consulting. Select from range of different workout programmes. Contact me to learn what's best for you">
<link rel="shortcut icon" type="image/png" href="Favicon-broad dreams.png">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="services.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./Original CSS/styles.css">
</head>
<body>
<!--Nav Bar-->
<nav class="nav-class" id="sticky">
<h3 class="logo-txt">
<div class="logo">
<a href="">
<span>A</span>D
<span></span>
<span>G</span>ym
</a>
</div>
</h3>
<a href="#" class="toggle-btn">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="nav-links">
<ul class="nav-list">
<li class="nav-item"><a id="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a id="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a id="nav-link" href="services.html">Services</a></li>
<li class="nav-item"><a id="nav-link" href="products.html">Product</a></li>
<li class="nav-item"><a id="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<!--Background-->
<div class="wall">
<img class="wall-pic" src="Wide Gym Wallpaper.jpg" alt="A wide picture of a gym focused on weight rack and in distance a girl doing dumbell rows">
</div>
<h1 class="title-services">Value Packed Services</h1>
<section class="service-template">
<div class="service-card-temp" id="odd">
<img id="service-img-grid" src="service-grid-one.jpg" alt="A beautiful cute looking girl wearing black sports bra and black sunglasses with black shorts doing lunges under shallow sunlight">
<div class="card-txt">
<h2>Workout Programmes</h2>
<p class="card-para">Workout programmes suitable for your body type. Contact you individually and collect required data to deliver the best workout plan for you.<a id="train-link" href="#extend"> Learn more</a> </p>
</div>
</div>
<div class="service-card-temp" id="even">
<div class="card-txt">
<h2>Diet Plans</h2>
<p class="card-para">Diet plans especially designed for you considering several factors such as your convenience, affordability and whether your body digest easly</p>
</div>
<img id="service-img-grid" src="service-grid-two.jpg" alt="Healthy food that can drop your jaw instantly">
</div>
<div class="service-card-temp" id="odd">
<img id="service-img-grid" src="service-grid-three.jpg" alt="Image describes the perfect one-to-one consulting session">
<div class="card-txt">
<h2>Consulting</h2>
<p class="card-para">1:1 Consulting sessions for you. Talk with me about your goals and identify your plateaus and discover various solutions and alternatives just for you</p>
</div>
</div>
</section>
<section id="extend">
<h2 class="extend-master">Workout Programmes Extended</h2>
<p class="extend-para">Sedentary lifestyle and busy schedules can be a pain in ass when it comes to adding working out to that life as well. Longer and boring workouts that your typical gym trainer recommended you may not work well in this case. A good workout must be convenient to you with the factors like time you can put into it. Therefore you should be able to get the max out of that. This is why you need a personal trainer who can understand your busy life schedule and help you with a workout programme that gives you best results. </p>
<p class="extend-para">My workout programmes come out specially tailor made for you considering several factors which are decided and collected by contacting you individually. Then I design the best suitable workout programme for you with the gathered data and information.</p>
<!-- <h3 class="extend-title">Choose Your Package</h3>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry.</p> -->
<div class="">
<section class="price-package" id="price">
<div class="container">
<h2>Choose Your Package</h2>
<p class="title-p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
<div class="content">
<div class="box wow bounceInUp">
<div class="inner">
<div class="price-tag">
$59/Month
</div>
<div class="img">
<img src="price1.jpg" alt="price" />
</div>
<div class="text">
<h3>Body Building </h3>
<p>Get Free WiFi</p>
<p>Month to Month</p>
<p>No Time Restrictions</p>
<p>Gym and Cardio</p>
<p>Service Locker Rooms</p>
<a href="" class="btn">Join Now</a>
</div>
</div>
</div>
<div class="box wow bounceInUp" data-wow-delay="0.2s">
<div class="inner">
<div class="price-tag">
$69/Month
</div>
<div class="img">
<img src="price2.jpg" alt="price" />
</div>
<div class="text">
<h3>General Fitness</h3>
<p>Get Free WiFi</p>
<p>Month to Month</p>
<p>No Time Restrictions</p>
<p>Gym and Cardio</p>
<p>Service Locker Rooms</p>
<a href="" class="btn">Join Now</a>
</div>
</div>
</div>
<div class="box wow bounceInUp" data-wow-delay="0.4s">
<div class="inner">
<div class="price-tag">
$99/Month
</div>
<div class="img">
<img src="price3.jpg" alt="price" />
</div>
<div class="text">
<h3>Fat Loss</h3>
<p>Get Free WiFi</p>
<p>Month to Month</p>
<p>No Time Restrictions</p>
<p>Gym and Cardio</p>
<p>Service Locker Rooms</p>
<a href="" class="btn">Join Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Price -->
</div>
</section>
<footer>
<ul class="footer-list">
<li class="footer-item"><a id="footer-link" href="index.html">Home</a></li>
<li class="footer-item"><a id="footer-link" href="about.html">About</a></li>
<li class="footer-item"><a id="footer-link" href="testimonials.html">Product</a></li>
<li class="footer-item"><a id="footer-link" href="contact.html">Contact</a></li>
</ul>
<div class="sponser">
<a href="https://github.com/AhsanDanyal" target="_blank">Web Design By Ahsan Danyal</a>
<p>© All Rights Reserved</p>
</div>
</footer>
<script type="text/javascript" src="script.js"></script>
</body>
</html>