/
index.php
639 lines (550 loc) · 37.1 KB
/
index.php
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
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<title>StormFront Crossfit | Crystal Lake, Illinois | Active Life</title>
<!-- Bootstrap css -->
<link rel="stylesheet" href="/css/thirdparty/bootstrap.min.css" type="text/css">
<script src="https://use.fontawesome.com/c2a745e0ce.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="/css/myStyle.css" type="text/css">
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button id="nav-toggle" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#featured">
<img src="/images/SFC_Logo.png"></img>
</a>
</div><!-- navbar-header -->
<div class="collapse navbar-collapse" id="collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#featured">HOME</a></li>
<li><a href="#about">ABOUT US</a></li>
<li><a href="#getstarted">GET STARTED</a></li>
<li><a href="#schedule">SCHEDULE</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="/blog">BLOG</a></li>
</ul>
</div><!-- collapse navbar-collapse -->
</div><!-- container -->
</nav>
<div class="carousel fade" data-ride="carousel" id="featured">
<ol class="carousel-indicators">
</ol>
<div class="carousel-inner fullheight">
<div class="item"><img src="/images/joella.jpg" alt="..."></div>
<div class="item"><img src="/images/inside1.jpg" alt="..."></div>
</div><!-- carousel-inner -->
<a class="left carousel-control" href="#featured" role="button" data-slide="prev">
<i class="fa fa-arrow-left" aria-hidden="true"></i>
</a>
<a class="right carousel-control" href="#featured" role="button" data-slide="next">
<i class="fa fa-arrow-right" aria-hidden="true"></i>
</a>
</div><!-- featured carousel -->
</header>
<div class="main">
<div class="page" id="about">
<div class="content container">
<h2 class="pageHeader">ABOUT US</h2>
<div class="row">
<div class="col-xs-12 col-md-8">
<p class="white">Stormfront Crossfit is a proven Strength and Conditioning Facility with the sole purpose of helping you reach your goals. Whether those are to get stronger, leaner or just healthier in general. We are located at 2520 Route 176 Unit 11 In Crystal Lake 60014.</p>
<p class="white">We are drawn together by the love of fitness and love of CrossFit, and the community we enjoy is second to none. Find out how we are different.</p>
<!--<p class="white">StormFront CrossFit is a 6,000+ Strength and Conditioning facility in Prairie Grove, IL</p>-->
<!--<p class="white">We are NOT your typical CrossFit gym. At StormFront, we are fully committed to helping you achieve and surpass any of your fitness goals. Our Dedicated Coaches are educated in Exercise Science along with a vast knowledge of Olympic Weightlifting, Crossfit Methodology, Nutrition, Mobility and more.</p>-->
<!--<p class="white">With equipment supplied by Rogue Fitness® and athletic turf available, it will be hard to experience your CrossFit journey at any other gym.</p>-->
<!--<p class="white">Our programs are varied and can be scaled to fit the capabilities of anyone willing to give it a try. Our goal is to help our members achieve a new, healthier aspect on life by providing all the necessary training and encouragement they need to be successful.</p>-->
</div>
<div class="col-xs-12 col-md-4">
<img src="/images/inside2.jpg" alt="" class="img-responsive border-white">
</div>
</div><!-- row -->
<hr class="hrWhite">
<div class="row">
<h2 class="white bold">MEET OUR STAFF</h2>
<div class="col-md-6 col-xs-6">
<div class="thumbnail">
<img class="img-responsive" src="/images/staff/mike_copton.jpg" alt="...">
<div class="caption">
<h3 class="black centerText">Mike Copton</h3>
</div>
</div>
</div>
<div class="col-md-6 col-xs-6">
<div class="thumbnail">
<img class="img-responsive" src="/images/staff/summer_mondragon.jpg" alt="...">
<div class="caption">
<h3 class="black centerText">Summer Day Mondragon</h3>
</div>
</div>
</div>
</div><!-- row -->
<!--<hr class="hrWhite">-->
<!--<div class="row numbers">-->
<!-- <h2 class="white bold">NUMBERS TO REMEMBER</h2>-->
<!-- <div id="circles" class="col-md-3 col-xs-6">-->
<!-- <div id="shiva"><span class="count">15</span></div>-->
<!-- <span class="white">Some number</span>-->
<!-- </div>-->
<!-- <div id="circles" class="col-md-3 col-xs-6">-->
<!-- <div id="shiva"><span class="count">15</span></div>-->
<!-- <span class="white">Some number</span>-->
<!-- </div>-->
<!--</div>-->
<!--</div>-->
</div><!-- content container -->
</div><!-- about page -->
<div class="content-space-one-mobile">
<img class="img-responsive" src="/images/inside1.jpg"></img>
</div>
<div class="content-space-one"></div>
<div class="page" id="getstarted">
<div class="contect container">
<h2 class="pageHeader">GET STARTED</h2>
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="panel panel-default">
<div class="panel-heading greenPanel">
<h3 class="panel-title centerText white bold">Cossfit</h3>
</div>
<div class="panel-body">
<h4 class="black centerText padding-payment">$145 - Month</h4>
<h4 class="black centerText padding-payment">$135 - 3 Month</h4>
<h4 class="black centerText padding-payment">$125 - 6 Month</h4>
<h5 class="black centerText">Regardless of skill level, private training is a great way to get better, faster. Schedule your Free Assessment and let us give you a road map to success.</h5>
<div class="row">
<div class="col-xs-12">
<a href="#contact" class="btn btn-success payment-width" role="button">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="panel panel-default">
<div class="panel-heading greenPanel">
<h3 class="panel-title centerText white bold">Cossfit</h3>
</div>
<div class="panel-body">
<h4 class="black centerText padding-payment">$145 - Month</h4>
<h4 class="black centerText padding-payment">$135 - 3 Month</h4>
<h4 class="black centerText padding-payment">$125 - 6 Month</h4>
<h5 class="black centerText">Regardless of skill level, private training is a great way to get better, faster. Schedule your Free Assessment and let us give you a road map to success.</h5>
<div class="row">
<div class="col-xs-12">
<a href="#contact" class="btn btn-success payment-width" role="button">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="panel panel-default">
<div class="panel-heading greenPanel">
<h3 class="panel-title centerText white bold">Cossfit</h3>
</div>
<div class="panel-body">
<h4 class="black centerText padding-payment">$145 - Month</h4>
<h4 class="black centerText padding-payment">$135 - 3 Month</h4>
<h4 class="black centerText padding-payment">$125 - 6 Month</h4>
<h5 class="black centerText">Regardless of skill level, private training is a great way to get better, faster. Schedule your Free Assessment and let us give you a road map to success.</h5>
<div class="row">
<div class="col-xs-12">
<a href="#contact" class="btn btn-success payment-width" role="button">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading greenPanel">
<h3 class="panel-title centerText white bold">3 STEP PROCESS</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-4 col-xs-12">
<h4 class="black centerText">STEP 1 - FREE ASSESSMENT</h4>
<hr class="hrBlack">
<h5 class="black centerText">Find your baseline. Regardless where you happen to be, our job is to understand your goals and deliver you results. As fast as possible. We need to know your limitations, both strength and range of motion. This keeps you safe and helps us line out a plan specific for you.</h5>
</div>
<div class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">STEP 2 - SET GOALS</h4>
<hr class="hrBlack">
<h5 class="black centerText">You may or not be ready for StormFront CrossFit Group Classes. That’s ok. You may need to spend a month or two in a private session to get you on track. From the owners to the coaches, from the veteran athletes to the brand new – we foster a culture of good energy and support. We will get you where you need to be.</h5>
</div>
<div class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">STEP 3 - TRACK PROGESS</h4>
<hr class="hrBlack">
<h5 class="black centerText">Whatever your goals are, we guarantee your satisfaction. With all progress tracked, everyone gets better, faster.</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="panel panel-default-noborder panel-default">-->
<!-- <div class="panel-heading greenPanel">-->
<!-- <h3 class="panel-title centerText white bold">PRICING</h3>-->
<!-- </div>-->
<!-- <div class="panel-body panel-body-gray">-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
<!-- <div class="row">-->
<!-- <div class="col-xs-12 col-md-6">-->
<!-- <div class="panel panel-default">-->
<!-- <div class="panel-heading greenPanel">-->
<!-- <h3 class="panel-title white bold">Crossfit can appear intimidating from the outside.</h3>-->
<!-- </div>-->
<!-- <div class="panel-body">-->
<!-- <p class="black">With Crossfit becoming more and more popular, people only see the high intensity side of competiting and think "I can't do those things" But realistically ANYONE can do Crossfit. Everything you do at StormFront Crossfit will be scaled to your current fitness level and capabilities.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">Are you ready to start? Great! Welcome to the best decision you’ve ever made for your own health and wellness.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel panel-default">-->
<!-- <div class="panel-heading greenPanel">-->
<!-- <h3 class="panel-title white bold">Program Overview</h3>-->
<!-- </div>-->
<!-- <div class="panel-body">-->
<!-- <p class="black">Give us a call and set up a time to meet a coach and check out our facility. Or, if you just want to come and try us out, we offer FREE trial sessions at 10am every Saturday morning.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">Please email stormfrontcrossfit@gmail.com if you would like to sign-up for a free trial!</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel panel-default">-->
<!-- <div class="panel-heading greenPanel">-->
<!-- <h3 class="panel-title white bold">Crossfit Fundamentals</h3>-->
<!-- </div>-->
<!-- <div class="panel-body">-->
<!-- <p class="green bold">REQUIRED IF YOU HAVE NEVER DONE CROSSFIT BEFORE</p>-->
<!-- <p class="black">The emphasis of the Fundamentals is on skill development and exposure to our basic movements. It is designed to prepare you to enter our ongoing group classes. We are going to be hammering technique-both to ensure your safety-and success at the next level. The movements we perform are unique and take some time and practice in the beginning to learn how to execute them properly.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <div class="container-fluid">-->
<!-- <ul class="cffun">-->
<!-- <li class="black">We will introduce you to technique and mechanics first, then intensity.</li>-->
<!-- <li class="black">We will be showing you movements that begin with the relatively non technical and progressively more technical.</li>-->
<!-- <li class="black">There will be a workout at the end of each day which will get progressively more challenging as the course progresses.</li>-->
<!-- <li class="black">The difficulty of these workouts is ultimately in your hands…the degree that you push yourself will determine how much suffering goes on. The class is called “On Ramp” for a specific reason... we want to ramp you up to the level of intensity and output that is inherent in our group classes.</li>-->
<!-- <li class="black">Shifts in body composition are one of the most motivating ways to measure success. We highly encourage you to take “Before” pictures at the beginning of the Fundamental classes.</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">We try to be flexible with schedules as we know everyone is busy but we do ask that you commit yourself to making these times for the first month. if you are unable to make a session, contact us and we will work with you to reschedule.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="green bold">IF YOU THINK CROSSFIT IS TOO INTENSE AND NOT FOR YOU, PLEASE COME IN AND GIVE IT A TRY.</p>-->
<!-- <p class="green bold">ALL OF OUR WORKOUTS CAN BE SCALED FOR ANY INDIVIDUAL!</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xs-12 col-md-6">-->
<!-- <div class="panel panel-default">-->
<!-- <div class="panel-heading greenPanel">-->
<!-- <h3 class="panel-title white bold">The StormFront difference</h3>-->
<!-- </div>-->
<!-- <div class="panel-body">-->
<!-- <p class="black">StormFront CrossFit is much more than a gym. It is a strength and conditioning facility that works with each individual to enable them to reach their highest goals in fitness and wellness. Through the use of constantly varied functional movements performed at high intensity we can help improve not only your fitness, but your life.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">We are 100% CrossFit and what that means is we combine Weightlifting, Gymnastics, and High Intensity Cardio to challenge and develop every athlete we work with. CrossFit can be for everyone, and with their proven results there is not a better strength and conditioning program out there.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">We are a community and we work hard. CrossFit challenges you mentally and physically every day. What makes it great is that you push yourself to discover how truly strong you are every day surrounded by a community that is invested in you.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">CrossFit is about community.</p>-->
<!-- <p class="black">StormFront CrossFit has been built around pushing people to their limits together and always providing a positive and supportive environment for people to grow. You will not find egos, bad attitudes, or negativity once you walk in our doors.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="panel panel-default">-->
<!-- <div class="panel-heading greenPanel">-->
<!-- <h3 class="panel-title white bold">Membership Information</h3>-->
<!-- </div>-->
<!-- <div class="panel-body">-->
<!-- <p class="black">MEMBERSHIPS STARTING AT $125 PER MONTH</p>-->
<!-- <p class="black">INCLUDES ACCESS TO ALL PROGRAMS AND FUTURE EVENTS</p>-->
<!-- <p class="black">If you have never done CrossFit before, you must complete the prep course.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">We offer service discounts to military, first responders, teachers, and students.</p>-->
<!-- <hr class="hrBlack">-->
<!-- <p class="black">All Membership change requests must be emailed to stormfrontcrossfit@gmail.com 16 days prior to the 1st of the month. (Example: If you want to stop AutoPay for May, the email to stop the May Membership would need to be emailed by April 20th.) Failure to notify by the deadline will result in the payment for the next month processing. No refunds will be processed.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-xs-6">-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
<div class="content-space-two-mobile">
<img class="img-responsive" src="/images/lifting.jpg"></img>
</div>
<div class="content-space-two"></div>
<div class="page" id="schedule">
<div class="contect container">
<h2 class="pageHeader">SCHEDULE</h2>
<div class="row">
<div class="container">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading greenPanel">
<h3 class="panel-title white bold"></h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-4 col-xs-2"><p class="black"><p class="black centerText schedule-font-size">Programs</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Mon.</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Tues.</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Wed.</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Thur.</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Fri.</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Sat.</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">Sun.</p></div>
</div>
<hr class="hrBlack">
<div class="row">
<div class="col-md-4 col-xs-2"><p class="black"><p class="black centerText schedule-font-size">Crossfit</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">5 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">5 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">5 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">5 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">5 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">9 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size"> - </p></div>
</div>
<div class="row">
<div class="col-md-4 col-xs-2"><p class="black centerText schedule-font-size"></p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size"> - </p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size"> - </p></div>
</div>
<div class="row">
<div class="col-md-4 col-xs-2"><p class="black centerText schedule-font-size"></p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">5:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">5:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">5:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">5:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">5:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size"> - </p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size"> - </p></div>
</div>
<div class="row">
<div class="col-md-4 col-xs-2"><p class="black centerText schedule-font-size"></p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size">6:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size"> - </p></div>
<div class="col-md-1 col-xs-1"><p class="black centerText schedule-font-size"> - </p></div>
</div>
<hr class="hrBlack">
<div class="row">
<div class="col-md-4 col-xs-2"><p class="black"><p class="black centerText schedule-font-size">Open Gym</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">7:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">7:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">7:30 PM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size"> - </p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size"> - </p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">10 AM</p></div>
<div class="col-md-1 col-xs-1"><p class="black"><p class="black centerText schedule-font-size">10 AM</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-space-three-mobile">
<img class="img-responsive" src="/images/lifting.jpg"></img>
</div>
<div class="content-space-three"></div>
<div class="page" id="services">
<div class="contect container">
<h2 class="pageHeader">SERVICES</h2>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading greenPanel">
<!--<h3 class="panel-title centerText white bold">3 STEP PROCESS</h3>-->
</div>
<div class="panel-body">
<div class="row">
<div id="servicesRow" class="col-md-4 col-xs-12">
<h4 class="black centerText">NUTRITION</h4>
<hr class="hrBlack">
<h5 class="black centerText">The best nutrition education hands down. Whether your goal is to lose 100 pounds of fat or put on 30 pounds of muscle. Our Nutrition plan guarantees results.</h5>
</div>
<div id="servicesRow" class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">CROSSFIT GROUP CLASSES</h4>
<hr class="hrBlack">
<h5 class="black centerText">Using constantly varied, functional movements at a range of intensities to create a stronger, leaner, and balanced athlete.</h5>
</div>
<div id="servicesRow" class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">PRIVATE TRAINING</h4>
<hr class="hrBlack">
<h5 class="black centerText">If you want to get into CrossFit Group Classes and don’t know all the moves, we can get you a good foundation in just a few private lessons. Message us for details.</h5>
</div>
</div>
<div class="row">
<div id="servicesRow" class="col-md-4 col-xs-12">
<h4 class="black centerText">SOCIAL</h4>
<hr class="hrBlack">
<h5 class="black centerText">We offer the largest FREE accountability group on the planet. We workout and play together often. Workouts aren’t bad when you’re making new friends.</h5>
</div>
<div id="servicesRow" class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">BOOTCAMP</h4>
<hr class="hrBlack">
<h5 class="black centerText">Whether you’re new to fitness or new to a group training, CrossFit can be intimidating. Bootcamp is a way to get fit fast, in a fun and encouraging environment.</h5>
</div>
<div id="servicesRow" class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">ATHLETICS</h4>
<hr class="hrBlack">
<h5 class="black centerText">If CrossFit competitions are your goal, we have the programming to get you there. Follow our traditional CrossFit with daily “extra credit” for strength and skills.</h5>
</div>
</div>
<div class="row">
<div id="servicesRow" class="col-md-4 col-xs-12">
<h4 class="black centerText">MEDIA</h4>
<hr class="hrBlack">
<h5 class="black centerText">Be on the lookout for pics of you and your friends doing great things at StormFront CrossFit. Also stay tuned for instructional videos for weightlifting, rowing, nutrition/recipes, and mobility from our coaches.</h5>
</div>
<div id="servicesRow" class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">ROAD MAP</h4>
<hr class="hrBlack">
<h5 class="black centerText">You have the goals and the motivation. We have the knowledge and the resources. Let us help you plan your trip for your new journey.</h5>
</div>
<div id="servicesRow" class="col-md-4 col-xs-12 threestep">
<h4 class="black centerText">ANALYTICS</h4>
<hr class="hrBlack">
<h5 class="black centerText">Data is the secret ingredient to successful training. We track every number that you lift within our walls, making you become better, faster.</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-space-four-mobile">
<img class="img-responsive" src="/images/inside2.jpg"></img>
</div>
<div class="content-space-four"></div>
<div class="page" id="contact">
<div class="contect container">
<h2 class="pageHeader">CONTACT</h2>
<div class="row">
<div class="col-md-5 col-xs-5">
<h2>We would love to hear from you!</h2>
<p>Thank you for your interest in StormFront Crossfit! If you have any questions or concerns let us know!</p>
<br>
<h3><strong>Email:</strong></h3>
<p class="green"><a href="mailto:stormfrontcrossfit@gmail.com?Subject=StormFront%20Crossfit" class="green email">stormfrontcrossfit@gmail.com</a></p>
<h3><strong>Phone:</strong></h3>
<p id="mobileNumber" class="green"><a href="tel:+16189752824">(618) 975-2824</a></p>
<p id="desktopNumber" class="green">(618) 975-2824</p>
</div>
<div class="col-md-7 col-xs-7">
<form class="form-horizontal" role="form" method="post" action="index.php">
<div class="form-group">
<label for="name" class="col-sm-2 control-label green">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="name" placeholder="First & Last Name" value="">
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label green">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="">
</div>
</div>
<div class="form-group">
<label for="message" class="col-sm-2 control-label green">Message</label>
<div class="col-sm-10">
<textarea class="form-control" rows="4" name="message"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary">
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<! Will be used to display an alert to the user>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div><!-- main -->
<footer>
<div class="navbar navbar-bottom footer">
<div class="container">
<div class="row-fluid">
<div class="col-xs-12 col-md-3 border-right">
<h4 class="footer-sec-header white bold">BLOG</h4>
<?php
include('blog/wp-load.php'); // Blog path
// Get the last 5 posts
$recent_posts = wp_get_recent_posts(array(
'numberposts' => 4,
'post_type' => 'post',
'post_status' => 'publish'
));
foreach($recent_posts as $post) {
echo '<h3 class="green bold centerText"><a class="green bold" style="padding-bottom: 3px;" href="', get_permalink($post['ID']), '">', substr($post['post_title'], 0, 12) , '</a></h3>';
}
?>
</div>
<div class="col-xs-12 col-md-3 border-right">
<h4 class="footer-sec-header white bold">CONNECT</h4>
<div class="col-xs-6">
<h4 class="white bold">Address:</h4>
<p class="white">2520 Route 176 Unit 11, Crystal Lake, IL, 60014</p>
</div>
</div>
<div class="col-xs-12 col-md-3 border-right">
<h4 class="footer-sec-header white bold">STAY IN TOUCH</h4>
<div class="col-xs-3 col-md-4 col-xs-offset-3 col-md-offset-2"><a id="facebook" href="https://www.facebook.com/StormFrontCrossfit2520/" target="_blank"><img class="img-responsive" src="/images/social-icons-facebook.png"></img></a></div>
<div class="col-xs-3 col-md-4"><a id="instagram" href="https://www.instagram.com/stormfrontcrossfit/" target="_blank"><img src="/images/social-icons-instagram.png" alt="" class="img-responsive"></a></div>
</div>
<div class="col-xs-12 col-md-3">
</div>
</div>
</div>
</div>
</footer>
<!-- Jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.6.1/less.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/js/myscript.js"></script>
<!-- Bootstrap JS -->
<script src="/js/thirdparty/bootstrap.min.js"></script>
</body>
</html>