-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
325 lines (287 loc) · 15.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
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<title>TrainByBrain : Online guide for perfect muscle training.</title>
<link rel="stylesheet" type="text/css" href="css/animate.css">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="index.css">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll">
<nav class="navbar navbar-default navbar-fixed-top" id="top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#carousel-example-generic"><img class="logo" src="images/logo.jpg"><strong class="s1">Train</strong><strong class="s2">By</strong><strong class="s3">Brain</strong></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#carousel-example-generic">Home <span class="sr-only">(current)</span></a></li>
<li><a href="#testid">About Us</a></li>
<li><a href="#testid1">What We Do</a></li>
<li> <a href="#off">Freebies</a></li>
<li><a href="#testid2">The Team</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<ul class="navbar-right sociallist">
<li class="item"><img id="social" src="images/facebook.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/twitter.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/googleplus.png" alt="..." class="img-thumbnail"></li>
</ul>
</div>
<!-- <div class="bar"></div> -->
<!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="row">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
<li data-target="#carousel-example-generic" data-slide-to="5"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/slide1.jpg" alt="...">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="images/slide2.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="images/slide3.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="images/slide4.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="images/slide5.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="images/slide6.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- <div class="bar"></div> -->
</div>
<div class="testid row" id="testid">
<!-- <div class="bar"></div> -->
<div class="wow fadeInUp" id="aboutt">
<h1 class="wow fadeInUp">About us</h1>
<p class="about">"We are a team of fitness enthusiasts whose main focus is <b>AESTHETIC STRENGTH</b>. We aim
to aware you about the fact that if you are taking a good diet then you don't need to workout intensly. We believe in the fact that workout is invain without proper form,diet and rest. We demand the best from our personal trainers, so they can demand the best from you. Our personal trainers have to meet high standards of excellence in exercise physiology, nutrition, anatomy, training program development, exercise application, health screening, and fitness assessments. But most importantly, our personal trainers excel at applying their knowledge to all walks of life, from athletes to seniors."
</p>
</div>
<!-- <div class="bar"></div> -->
</div>
</div>
<div class="row" id="wwd">
<!-- <div class="bar"></div> -->
<h1 class="wow fadeInUp testid1" id="testid1">What We Do ?</h1>
<div class="col-md-4 wow fadeInLeft">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Trainers</h3>
</div>
<div class="panel-body">
<img src="images/trainer.png" alt="..." class="img-thumbnail a">
We have experienced trainers who have got their training from world famous body builders. Our trainers will train you to have an asthetic phsique with optimum strength. We demand the best from our personal trainers, so they can demand the best from you. Our personal trainers have to meet high standards of excellence in exercise physiology, nutrition, anatomy, training program development, exercise application, health screening, and fitness assessments.
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Equipments</h3>
</div>
<div class="panel-body">
<img src="images/equipments.jpg" alt="..." class="img-thumbnail a">
Exercise equipment is any apparatus or device used during physical activity to enhance the strength or conditioning effects of that exercise by providing either fixed or adjustable amounts of resistance, or to otherwise enhance the experience or outcome of an exercise routine. We have world class gym equipments made of stainless steel. All the equipments are designed keeping safety first. Our equipments are rubber coated and have a wide variety.
</div>
</div>
</div>
<div class="col-md-4 wow fadeInRight">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Diets</h3>
</div>
<div class="panel-body">
<img src="images/diet.jpg" alt="..." class="img-thumbnail a">
A high-protein diet is often recommended by bodybuilders and nutritionists to help efforts to build muscle and lose fat. It should not be confused with low-carbohydrate diets, such as the Atkins Diet, which are not food-energy–controlled and which often contain large amounts of fat. We have qualified nutritionists who will guide you with your diet plans to achieve your goals in time effectively.
</div>
</div>
</div>
<!-- <div class="bar"></div> -->
</div>
<div class="row" id="off">
<!-- <div class="bar"></div> -->
<h1 class="wow fadeInUp testid1" id="testid1">Our Famous Freebies</h1>
<div class="col-md-6 magmsg">
<h2>The magazine's slogan is "How the Best Man Wins". The magazine targets men ages 21–40 years and features in-depth articles on fitness, nutrition, and sports, fashion advice, interviews, recipes, and surveys.
Since its inception, Men’s Fitness has become one of the fastest-growing titles in its category and licenses its title and format to Russian, Australian and British editions. Circulation doubled between 1997 and 2003 and continues to expand. As of February 2007, circulation was 700,000. Post registration, you get this world's leading limited edition body building magazine featuring Arnold Schwarzenegger absolutely <em>Free!!</em></h2>
</div>
<div class="col-md-6">
<img src="images/mag.jpg" alt="..." class="img-thumbnail magimg">
</div>
<!-- <div class="bar"></div> -->
</div>
<div class="row teamall" id="teamall">
<!-- <div class="bar"></div> -->
<h1 class="wow fadeInUp testid1" id="testid2">Our Team</h1>
<div class="col-md-4">
<img src="images/man.png" alt="..." class="img-thumbnail team wow bounce"><br>
<ul class="sociallist team_social">
<li class="item"><img id="social" src="images/facebook.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/twitter.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/googleplus.png" alt="..." class="img-thumbnail"></li>
</ul>
<button type="button" class="btn btn-default km km1">Know More</button><br>
<p class="tginfo tginfo1">Tarun Gill is an internationally certified Fitness Nutritionist and Advanced Personal trainer, helping millions get fit and healthy. Having worked in major Fortune 100 companies including IBM, GE, MetLife, HSBC, as a Marketing and Communications professional, he realised his true calling is fitness. </p>
</div>
<div class="col-md-4">
<img src="images/woman.jpg" alt="..." class="img-thumbnail team wow bounce"><br>
<ul class="sociallist team_social">
<li class="item"><img id="social" src="images/facebook.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/twitter.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/googleplus.png" alt="..." class="img-thumbnail"></li>
</ul>
<button type="button" class="btn btn-default km km2">Know More</button><br>
<p class="tginfo tginfo2"> Maria Elena Alberici, as listed in the Almanac of Women's Bodybuilding, won two national titles in one year: Miss Body Beautiful U.S.A. in 1972, promoted by Dan Lourie and Miss Americana in 1972. Arnold Schwarzenegger was a judge at the Brooklyn Academy of Music in New York when Maria Elena Alberici (aka) Maria Lauren won Miss Americana.</p>
</div>
<div class="col-md-4">
<img src="images/man1.jpg" alt="..." class="img-thumbnail team wow bounce"><br>
<ul class="sociallist team_social">
<li class="item"><img id="social" src="images/facebook.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/twitter.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social" src="images/googleplus.png" alt="..." class="img-thumbnail"></li>
</ul>
<button type="button" class="btn btn-default km km3">Know More</button><br>
<p class="tginfo tginfo3">MATT CORSO DIDN’T always sport the ripped body you see now. Far from it. In fact, as a high school junior, he was a scrawny 110 pounds—far too small to get noticed by his peers or coaches. “I didn’t really know many people in high school,” he explains. “I tried out for football and didn’t make it. I tried out for basketball—didn’t make it.”</p>
</div>
</div>
<!-- 16:9 aspect ratio -->
<div class="row" id="inspiration">
<div class="col-md-12">
<h1 class="wow fadeInUp testid1" id="testid2">Need Inspiration ? Watch this !</h1>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item inspiration wow pulse" width="560" height="315" src="https://www.youtube.com/embed/lDU4s_ffZkY" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<!-- <div class="bar"></div> -->
</div>
<div class="row" id="contact">
<!-- <div class="bar"></div> -->
<h1 class="wow fadeInUp testid1" id="testid2">Contact us</h1>
<div class="col-md-9 mapdiv">
<div id="map">
<script>
function initMap() {
var uluru = {lat: 28.631450, lng: 77.222010};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC8WUrF-LKCP-E8BLqV9_sgoygk2w9A2Zo&callback=initMap">
</script>
</div></div>
<div class="col-md-3 contactinfo">
<p class="addr"><h4>Meet us at :</h4>N-81, Barakhamba Road <br>Block N,Cannaught Place<br>New Delhi<br>Delhi-110001</p>
<p class="pn"><h4>Call us at :</h4>+91-9812345676<br>+91-8967456755<br>+91-9056786598</p>
</div>
</div>
<div class="row footer">
<div class="col-md-6 end">
<div class="copyright">
<h5>
<span class="glyphicon glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
Shubham Garg
</h5>
<h5>
<span class="glyphicon glyphicon glyphicon-earphone" aria-hidden="true"></span>
+91-9996167729</h5>
<h5><a href="#carousel-example-generic">
Home</h5></a>
<h5><a href="#contact">
Contact Us</h5></a>
<h5><a>
Scholarships</h5></a>
</div>
</div>
<div class="col-md-6 end" >
<ul class="navbar-right sociallist">
<li class="item"><img id="social1" src="images/facebook.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social1" src="images/twitter.png" alt="..." class="img-thumbnail"></li>
<li class="item"><img id="social1" src="images/googleplus.png" alt="..." class="img-thumbnail"></li>
</ul>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="js/wow.js"> </script>
<script>
new WOW().init();
</script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>