-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
417 lines (369 loc) · 21.2 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
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
<!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, user-scalable=no, shrink-to-fit=no, viewport-fit=cover">
<title>Begin Your Ascent. | PEAK Training</title>
<link href="https://fonts.googleapis.com/css?family=Exo:800|Source+Sans+Pro:400,400i,700,700i" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="./dest/css/master.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/favicons/site.webmanifest">
<link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#253746">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<section id="main-nav" class="position-fixed width-full shadow" style="top: 0; z-index: 100; background-color: rgba(255,255,255,.97);">
<a href="#home"><img src="/assets/peak-logo-blue.png" class="" style="margin: 1.5rem; max-width: 200px;" alt=""></a>
<div class="p-1 float-right d-none d-md-block">
<ul class="nav nav-pills">
<li class="nav-item ml-1">
<a class="nav-link pr-0 pl-1" href="#about"><b>About</b></a>
</li>
<li class="nav-item ml-1">
<a class="nav-link pr-0 pl-1" href="#basecamp"><b>Base Camp</b></a>
</li>
<li class="nav-item ml-1">
<a class="nav-link pr-0 pl-1" href="#testimonials"><b>Testimonials</b></a>
</li>
<li class="nav-item ml-1">
<a class="nav-link pr-0 pl-1" href="#team"><b>Our Team</b></a>
</li>
<li class="nav-item ml-1">
<a class="nav-link pr-0" href="#contact"><b>Contact</b></a>
</li>
</ul>
</div>
<a id="nav-trigger" href="#" class="float-right text-tertiary d-md-none"><i class="fas fa-2x fa-bars" style="margin-top: 22px; margin-right: 26px;"></i></a>
</section>
<section id="home" class="container-fluid position-relative hard-sides bg-image-shim" data-parallax="scroll" data-image-src="/assets/image-4.jpg">
<div class="bring-forward py-5 flush-bottom">
<div class="position-relative p-2 pt-md-5 text-constrained mx-auto text-center text-white">
<h1 class="display-3 mb-2">Begin Your Ascent.</h1>
<p class="lead mb-3"><b class="text-warning">PEAK</b> is a premier training program designed to transform newly licensed individuals into dynamic team members who are equipped for the journey ahead.</p>
<a class="btn btn-lg btn-primary" href="#about" role="button">About Us</a>
<a class="btn btn-lg btn-secondary" href="#events" role="button">Base Camp Dates</a>
</div>
</div>
</section>
<section id="about" class="container-fluid bg-white">
<div class="pt-5 pb-3 px-1 text-constrained mx-auto text-center text-tertiary">
<h2 class="display-4 mb-2">What is PEAK?</h2>
<p class="lead"><b class="text-warning">PEAK</b> is a premier training program designed to transform newly licensed individuals into dynamic team members who are equipped for the journey ahead. Our name, <b>PEAK</b>, is an acronym for the core values of our program.</p>
</div>
<div class="row px-1 px-md-5 pb-5">
<div class="col-sm-6 xs-text-center text-center mb-3">
<i class="fas fa-fw fa-4x fa-fire mb-2 text-primary"></i>
<h3 class="text-tertiary">Purpose</h3>
<p class="lead">This pillar is essential to be great in anything you do in life…know your WHY.</p>
</div>
<div class="col-sm-6 xs-text-center text-center mb-3">
<i class="fas fa-fw fa-4x fa-heart mb-2 text-primary"></i>
<h3 class="text-tertiary">Effort</h3>
<p class="lead">This pillar sets the ground work for getting after it each and every day.</p>
</div>
<div class="col-sm-6 xs-text-center text-center mb-3">
<i class="fas fa-fw fa-4x fa-user-friends mb-2 text-primary"></i>
<h3 class="text-tertiary">Accountability</h3>
<p class="lead">This pillar is the roadmap to the top of the mountain.</p>
</div>
<div class="col-sm-6 xs-text-center text-center mb-3">
<i class="fas fa-fw fa-4x fa-book mb-2 text-primary"></i>
<h3 class="text-tertiary">Knowledge</h3>
<p class="lead">This pillar separates the great from the good. Always be learning & advancing.</p>
</div>
<div class="text-constrained mx-auto mt-3 text-center">
<p class="lead mb-2 text-tertiary">Learn about our <a href="#basecamp" class="text-warning"><b class="ls-condensed">Base Camp Events</b></a>, where we dig deeper into how these values shape everything we do as agents.</p>
<p><a href="#basecamp" class="btn btn-lg btn-tertiary">Learn More</a></p>
</div>
</div>
</section>
<section data-parallax="scroll" data-image-src="/assets/image-2.jpeg">
<div class="ratio-thin xs-ratio-square"></div>
</section>
<section id="basecamp" class="container-fluid bg-tertiary">
<div class="pt-5 pb-2 px-1">
<div class="text-constrained mx-auto text-center text-white">
<h2 class="display-4 mb-2">Base Camp</h2>
<p class="lead"><b>PEAK <span class="text-warning">Base Camp</span></b> is a two-day launching pad for our 90-day program. We'll meet together for intensive training sessions over the course of two days which will equip and prepare every team member for the remainder of our 90-day program.</p>
<hr class="my-2">
<h2 class="mb-2">Schedule</h2>
<div class="row text-left">
<div class="col-md-6 col-sm-6 text-center">
<h4>Day 1</h4>
<ul class="pl-0 ml-1 list-bulletless">
<li>Team Members Only</li>
</ul>
</div>
<div class="col-md-6 col-sm-6 text-center">
<h4>Day 2</h4>
<ul class="pl-0 ml-1 list-bulletless">
<li>Morning - Team Members Only</li>
<li>Afternoon - Agents Only</li>
</ul>
</div>
</div>
<hr class="my-2">
<h2 class="mb-2">Take-Aways</h2>
<div class="row text-left">
<div class="col-md-6 col-sm-6 text-center">
<h4>Team Members</h4>
<ul class="pl-0 ml-1 list-bulletless">
<li>90 Day Training Manual</li>
<li>Sales/Pivoting Word Tracks ALL LINES</li>
<li>Scrimmage Material</li>
<li>Accountability Tactics</li>
</ul>
</div>
<div class="col-md-6 col-sm-6 text-center">
<h4>Agents</h4>
<ul class="pl-0 ml-1 list-bulletless">
<li>90 Day Training Manual (Agent Copy)</li>
<li>Complete Team Member Onboarding Guide</li>
<li>Access to Future Content Published on Website</li>
</ul>
</div>
</div>
<hr class="my-2">
<p>The Base Camp investment provides two days of classroom training, lunches for both days, and the 90-day Base Camp manual for the Agent. <b>Team Member lodging and transportation not included.</b></p>
</div>
<div class="row mt-4 mb-3 justify-content-md-center text-white text-center">
<div class="col-md-3 mb-2">
<i class="fas fa-3x fa-user mb-1"></i>
<h3 class="h5 ls-condensed text-white"><span class="text-primary">1st</span> Team Member</h3>
<h4 class="display-4 ls-condensed">$1,000</h4>
</div>
<div class="col-md-3 mb-2">
<i class="fas fa-3x fa-user-friends mb-1"></i>
<h3 class="h5 ls-condensed text-white"><span class="text-primary">2nd</span> Team Member</h3>
<h4 class="display-4 ls-condensed">$750</h4>
</div>
<div class="col-md-3">
<i class="fas fa-3x fa-users mb-1"></i>
<h3 class="h5 ls-condensed text-white"><span class="text-primary">3rd</span> Team Member</h3>
<h4 class="display-4 ls-condensed">$500</h4>
</div>
</div>
<div class="text-constrained mx-auto text-center text-white">
<h3 class="h4 text-white ls-condensed flush">PEAK will <span class="text-warning">donate a portion of proceeds</span> from each Base Camp to a local charity that the class chooses.</h3>
</div>
</div>
</section>
<section id="events" class="bg-tertiary">
<div class="py-5 px-1 px-md-3">
<h1 class="text-white text-center mb-3">Base Camp Events</h1>
<div class="row justify-content-md-center">
<div class="col-md-4">
<div class="card p-1 text-center shadow-sm border-transparent">
<div class="card-body text-tertiary">
<i class="fas fa-fw fa-3x fa-map-marker-alt mb-2 text-tertiary"></i>
<h3 class="h4">Louisville, KY</h3>
<p class="lead">December 17-18, 2018</p>
<a href="https://peak-training-base-camp-louisville-ky.eventbrite.com" class="btn btn-lg btn-warning" target="_blank">Register Now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card p-1 text-center shadow-sm border-transparent">
<div class="card-body text-tertiary">
<i class="fas fa-fw fa-3x fa-map-marker-alt mb-2 text-tertiary"></i>
<h3 class="h4">San Diego, CA</h3>
<p class="lead">January 14-15, 2018</p>
<a href="https://peak-training-base-camp-sandiego-ca.eventbrite.com" class="btn btn-lg btn-warning" target="_blank">Register Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-parallax="scroll" data-image-src="/assets/image-3.jpeg">
<div class="ratio-thin xs-ratio-square xs-ratio-square"></div>
</section>
<section id="testimonials" class="container-fluid bg-tertiary">
<div class="py-5 px-md-1">
<div class="text-constrained mx-auto text-center">
<h2 class="display-4 mb-3 text-white">What People are Saying</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="card border-transparent shadow-sm push-bottom xs-push-half-bottom">
<div class="card-body">
<p>I had no experience with insurance or the company mission before going to work for Joe. His experience and passion put me on the fast track to being able to educate & protect my clients on a daily basis. With Joe's guidance through this training, I obtained my own agency in under two years! I now use this training with my team, and we wrote 82 Life Apps in my first six months to qualify for travel! There is no better coach than Joe!</p>
<h6 class="text-right flush">— South Carolina Agent</h6>
</div>
</div>
<div class="card border-transparent shadow-sm push-bottom xs-push-half-bottom">
<div class="card-body">
<p>Whether a first year Agent or a veteran, the systems and processes that BJ has developed will help take you and your agency to the next level! Having a resource like BJ gives you the tools & the confidence to make the fresh & bold decisions needed to grow your business in this high-tech & ever changing environment.</p>
<h6 class="text-right flush">— Agent</h6>
</div>
</div>
</div><div class="col-md-6 col-lg-4">
<div class="card border-transparent shadow-sm push-bottom xs-push-half-bottom">
<div class="card-body">
<p>BJ has a tremendous passion for coaching and mentoring and making what we do matter to all of our customers. He brings a new perspective to my team and to myself in an industry I’ve been a part of for over 10 years. He is not scared to challenge me as the owner and tasks me to develop myself as well as my team. He lends some extremely applicable solutions for some short term sales goals as well as career making practices. I came to BJ after my worst ever year as an agent, but have righted the ship and have increased almost every line midway through the year already.</p>
<h6 class="text-right flush">— Agent</h6>
</div>
</div>
<div class="card border-transparent shadow-sm push-bottom xs-push-half-bottom">
<div class="card-body">
<p>BJ Jordan is the freaking energizer bunny. His passion & energy are contagious, and his ability to develop his team members and others is second to none. I could not recommend this class & 90 day training template any more. 10 out of 10!</p>
<h6 class="text-right flush">— Georgia Agent</h6>
</div>
</div>
</div><div class="col-md-6 col-lg-4">
<div class="card border-transparent shadow-sm push-bottom xs-push-half-bottom">
<div class="card-body">
<p>Joe is well-known in his market area for being a top notch recruiter & coach. His biggest strength is how he prepares his people to be successful through his training. His passion for coaching his people shines through, and it is no wonder that in just six short years he has had eight team members get selected for agency.</p>
<h6 class="text-right flush">— Southeast Leader</h6>
</div>
</div>
<div class="card border-transparent shadow-sm push-bottom xs-push-half-bottom">
<div class="card-body">
<p>I have benefitted immensely from the coaching and friendship that I have with BJ. He has helped me see the big picture on growing an agency and what it takes week in and week out to get there. I can’t recommend BJ enough if you are looking for encouragement, help with coaching, or development with business acumen.</p>
<h6 class="text-right flush">— Agent</h6>
</div>
</div>
</div>
</div>
<div class="text-constrained mx-auto mt-5 mt-md-3 text-center">
<h4 class="mb-2 text-white">Experience the same success at your agency. Register your new team member for Base Camp today.</h4>
<p><a href="#events" class="btn btn-lg btn-warning">Register Now</a></p>
</div>
</div>
</section>
<section id="team" class="container-fluid bg-white">
<div class="pt-5 pb-5 pb-md-1 px-md-1">
<h2 class="display-4 mb-0 text-center">Our Team</h2>
<br>
<div class="row justify-content-md-center" style="margin-top: 100px;">
<div class="col-md-6" style="margin-bottom: 120px;">
<div class="card position-relative p-md-1 pb-1 mb-1 mb-md-0 border-transparent text-center bg-tertiary text-white">
<div class="card-body" style="padding-top: 120px;">
<img src="https://s3-media3.fl.yelpcdn.com/bphoto/CPvVkBumlAryow9RxZ1ieg/ls.jpg" alt="Joe Bond" class="rounded-circle mb-1" style="position: absolute; top: -100px; left: 50%; margin-left: -100px; border: 10px solid #fff; max-width: 200px;">
<h3 class="card-title">Joe Bond</h3>
<p class="card-text "><b>Joe Bond</b> is the only agent in the history of State Farm to qualify for Ambassador Club in his first month of agency. He has qualified for Top 100 TICA, Ambassador Club, SVP Club, and has had eight aspirants selected in his first six years of agency. He is married to Lauren Bond & is the father of two. His passion is protecting his clients & developing his people.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card position-relative p-md-1 pb-1 mb-1 mb-md-0 border-transparent text-center bg-tertiary text-white">
<div class="card-body" style="padding-top: 120px;">
<img src="https://s3.amazonaws.com/nakala.mirus.io/m1/approvals/accepted/0FXJN61H9AL_agent_avatar_20180508T013843Z_bjjordanismyagent_com_71ofuqr0r3.jpeg" alt="BJ Jordan" class="rounded-circle mb-1" style="position: absolute; top: -100px; left: 50%; margin-left: -100px; border: 10px solid #fff; max-width: 200px;">
<h3 class="card-title">B.J. Jordan</h3>
<p class="card-text "><b>B.J. Jordan</b> is a five-year Chairman’s Circle State Farm Agent with offices located in Grovetown, Ga and Barnwell, SC. His legacy has qualified for Chairman’s circle 3/5 years. He has also qualified for numerous awards including Top 100 TICA, SVP, Ambassador Club level three. He is married to Kathy Jordan and has four awesome kids. His passion for protecting families and preserving legacies is what sets him apart.</p>
</div>
</div>
</div>
</div>
<div class="text-constrained mx-auto mt-5 mt-md-0 mb-3 text-center">
<h4 class="mb-2 text-tertiary">We would love to work with your new team member. Register for Base Camp today.</h4>
<p><a href="#events" class="btn btn-lg btn-primary">Register Now</a></p>
</div>
</div>
</section>
<section id="contact" class="container-fluid bg-tertiary">
<div class="py-5 px-1 text-constrained mx-auto">
<h2 class="display-4 mb-2 text-white text-center">Stay Connected</h2>
<p class="text-white text-center"><b class="text-warning">We'll never share your information with anyone.</b> We'll use it to keep you informed of upcoming events and other news related to PEAK Training.</p>
<br>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://peaktrainingsummit.us18.list-manage.com/subscribe/post?u=562c55afe57ae44afb9f20041&id=0695697be3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> -->
<div class="mc-field-group form-group">
<!-- <label for="mce-EMAIL" class="text-white strong">Email Address <span class="asterisk">*</span></label> -->
<input type="email" value="" name="EMAIL" class="required email form-control-lg ls-condensed width-full border-transparent" id="mce-EMAIL" placeholder="Email Address">
</div>
<div class="row">
<div class="col-md-6">
<div class="mc-field-group form-group">
<!-- <label for="mce-FNAME" class="text-white strong">First Name </label> -->
<input type="text" value="" name="FNAME" class="form-control-lg ls-condensed width-full border-transparent" id="mce-FNAME" placeholder="First Name">
</div>
</div>
<div class="col-md-6">
<div class="mc-field-group form-group">
<!-- <label for="mce-LNAME" class="text-white strong">Last Name </label> -->
<input type="text" value="" name="LNAME" class="form-control-lg ls-condensed width-full border-transparent" id="mce-LNAME" placeholder="Last Name">
</div>
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_562c55afe57ae44afb9f20041_0695697be3" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Connect With Us" name="subscribe" id="mc-embedded-subscribe" class="btn btn-lg btn-block btn-primary"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</section>
<footer class="container-fluid bg-black">
<div class="py-3 px-1 text-constrained text-center mx-auto">
<p class="text-white strong ls-condensed mb-0">© 2018 PEAK Training, LLC</p>
</div>
</footer>
<div id="mobile-nav" class="mobile-nav">
<a id="nav-close-trigger" href="#" class="close"><i class="fas fa-2x fa-times"></i></a>
<ul class="nav flex-column nav-pills">
<li class="nav-item">
<a class="nav-link" href="#home"><b>Home</b></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about"><b>About</b></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#basecamp"><b>Base Camp</b></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonials"><b>Testimonials</b></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team"><b>Our Team</b></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact"><b>Contact</b></a>
</li>
</ul>
</div>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Parallax -->
<script src="./dest/js/parallax.min.js"></script>
<!-- Javascript -->
<script src="./dest/js/main.js"></script>
<script>
$(document).ready(function(){
$('#nav-trigger').on('click',function(e){
e.preventDefault();
$('#mobile-nav').addClass('open');
$('body').addClass('overflow-hidden');
});
$('#nav-close-trigger').on('click',function(e){
e.preventDefault();
$('#mobile-nav').removeClass('open');
$('body').removeClass('overflow-hidden');
});
$('#mobile-nav .nav-link').on('click',function(e){
e.preventDefault();
$('#mobile-nav').removeClass('open');
$('body').removeClass('overflow-hidden');
});
});
</script>
</body>
</html>