-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
272 lines (225 loc) · 12.4 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
<!DOCTYPE html>
<html>
<head>
<title>Taylor's House of Karate</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
var hash = (window.location.hash ? window.location.hash.substring(1) : null);
//Credits http://lea.verou.me/2011/05/change-url-hash-without-page-jump/
function setHash(hash){
hash = "#" + hash;
if(history.pushState){
history.pushState(null, null, hash);
} else {
location.hash = hash;
}
}
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="wrap">
<div id="top"></div>
<div id="header" class="container" style="min-width: 800px; width: 80%;">
<div class="row">
<div class="col-xs-3" onclick="setVisible('home')">
<img id="logo" src="img/logo.png"></img>
</div>
<div class="col-xs-9">
<div class="row pull-right">
<div class="well well-small pull-right" id="social">
<div class="fb-like" data-href="https://www.facebook.com/Taylors-House-of-Karate-605623462829302/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
<iframe style="margin-top: -10px" src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2FTaylors-House-of-Karate-605623462829302&width=117&layout=button_count&action=like&size=small&show_faces=true&share=true&height=46&appId" width="117" height="46" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
</div>
<ul id="nav" class="nav nav-pills pull-right">
<li><a id="nav-home">Home</a></li>
<li><a id="nav-about">About</a></li>
<li><a id="nav-schedule">Class Schedule</a></li>
<li><a id="nav-media">Pictures</a></li>
<li><a id="nav-contact">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="content" id="home">
<div id="panel">
<div style="position: relative">
<img src="img/derekandstudent.jpg" style="width: 100%; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3); border-radius: 5px;"></img>
<h1 style="position: absolute; margin: 0; top: 10px; left: 20px; font-size: 54px; line-height: 1.25; color: white; text-shadow: 0 3px 10px rgba(0,0,0,.8);">Taylor's House<br>of Karate</h1>
</div>
</div>
</div>
<div class="content panel" id="about">
<div>
<h1>Daythan Taylor</h1>
<img src="img/daythan.jpg"></img>
<p>
Master Daythan Taylor is a Sixth Degree Black Belt, with over 39 years experience
in the martial arts. This vast experience was key in the establishment of Taylor's
House of Karate. His skills in Tae Kwon Do and Karate afforded him the opportunity
to train the teachers at the school, many of whom have won multiple championships
and all are well respected in the community. His contributions to the training programs,
fitness classes, testing formats and atmosphere of hard work, respect and discipline
is felt on daily basis.
</p>
<p>
Steve Willey, owner of Taylor's House of Karate, says that Daythan Taylor's contributions
to the successful establishment of the school is unmeasurable.
</p>
</div>
<div>
<h1>Derek Bentley</h1>
<img src="img/derek.jpg"></img>
<p>
Derek is a Marin County native, has been practicing martial arts for over 16 years.
He earned his first degree Black Belt at West America Tae Kwon Do in 1999. Since
January 2000, Derek has taught at Taylor's House of Karate, a school owned and operated
by his family. Under the instruction of Daythan Taylor, a key instructor at the school,
he earned his second degree black belt and in 2006, his third degree. As a teenager,
Derek was ranked top four in the country in sparring. In 1998 he held the National
Sparring Title.
</p>
<p>
Currently Derek is ranked third in Korean Traditional Forms and fourth for Japanese
Traditional Forms. He teaches full time at Taylor's House of Karate, both karate classes
and cardio classes. He just received his certification to teach crossfit.
</p>
</div>
<div>
<h1>Kyle Sheppard</h1>
<img src="img/kyle.jpg"></img>
<p>
Kyle is a Marin County native, started martial arts in the fall of 1996. He earned his
first degree black belt in April 2000 at West America Tae Kwon Do. He was an instructor
at West America from July 1999 until September 2002. During that time he competed in Forms
and Sparring. He is a two time AAU California State Champion in forms and sparring, 1999
and 2000. In 2000 became AAU National Champion in forms and Fighting. From September 2001 to
April 2007, he took a break from Martial Arts. In April 2007 he joined Taylor's House of
Karate after many conversations with a friend and Taylor's House of Karate instructor, Derek
Bentley, to get back into Karate.
</p>
<p>
Kyle has been at Taylor's ever since, teaching and helping out whenever needed. For the past
couple of years he is back competing and is currently ranked 4th in the Feather Weight Sparring
Division.
</p>
</div>
<div>
<h1>Nicole Bentley</h1>
<img src="img/nicole.jpg"></img>
<p>
Team Proper has the notable distinction of having two members of the Bentley family
competing on the team. Nicole Bentley is the elder of the two and is currently ranked
number one in the nation in her division. In fact, it's not uncommon to see both Nicole
and her brother, Derek, vying against each other on stage for Forms Grand Champion.
Talk about a sibling rivalry.
</p>
<p>
Nicole began martial arts in 1999, at the age of 19. She earned her 1st degree Black Belt
in 2006 and received her 2nd degree three years later.
</p>
<p>Her First Place wins in 2009 include:</p>
<ul>
<li>2009 National Black Belt League (NBL) Golden Gate Internationals: Korean and Japanese 18-29 Women's Forms</li>
<li>2009 NBL Pacific Jewel Nationals: Korean and Japanese 18-29 Women's Forms</li>
<li>2009 Bay Area Sport Karate Association (BASKA) Shark City Nationals: Korean and Japanese 18-29 Women's Forms (Grand Champion)</li>
<li>2009 NBL Battle of the Champions: Korean and Japanese 18-29 Women's Forms</li>
</ul>
</div>
</div>
<div class="content panel" id="media">
<h1>Coming soon!</h1>
</div>
<div class="content panel" id="contact">
<p>Phone Number: <strong>(415) 257-4300</strong></p>
<p>Email: <a href="mailto:taylorkarate12@aol.com">taylorkarate12@aol.com</a></p>
<iframe width="600" height="400" frameborder="0" style="border: 2px #777 solid;" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyD-EpzzwELXZ0x927lkIXm0OscYUS3HuI4&q=Taylor's+House+of+Karate" allowfullscreen></iframe>
</div>
<div class="content panel" id="schedule">
<table id="scheduletable" class='table table-sm table-hover table-bordered'></table>
</div>
<div id="push"></div>
</div>
<footer>
<div class="container">
<div class="pull-left">
<span>© Copyright 2017 Taylor's House of Karate</span>
</div>
<div class="pull-right">
<span>Website made with <span style="color: #e74c3c;">♥</span> by <a href="http://chaseking.me" target="blank">Chase King</a>.</span>
</div>
</div>
</footer>
<script type="text/javascript">
var activeContent = null;
var activeTab = null;
var activeId = null;
if(hash){
if($("#" + hash)){
setVisible(hash);
}
}
if(!activeId){
setVisible($($(".content").children()[0]).attr("id"));
}
$("#nav a").click(function(){
var id = $(this).attr("id").split("-")[1];
setVisible(id);
setHash(id);
/*
$(this).parent().parent().next('.tabContainer').children('.active').slideUp('fast',function() {
$(this).removeClass('current');
$(this).parent().children('div:nth-child('+curChildIndex+')').slideDown('normal',function() {
$(this).addClass('current');
});
});*/
});
function setVisible(id){
var newTab = $("#nav-" + id).parent();
var newContent = $("#" + id);
if(activeId){
//There is an active tab
if(activeId === id) return; //Already on this tab
if(activeContent.hasClass("animating") || newContent.hasClass("animating")) return; //Already switching tabs
activeTab.removeClass("active");
newTab.addClass("active");
activeContent.addClass("animating");
activeContent.slideUp(700, function(){
//Slide down
activeContent.removeClass("animating");
activeTab.removeClass("active");
activeContent.removeClass("visible");
activeId = id;
activeTab = newTab;
activeContent = newContent;
newContent.addClass("visible");
newContent.addClass("animating");
newContent.hide();
newContent.slideDown(700, function(){
newContent.removeClass("animating");
});
});
} else {
//There is no active tab, immediately activate it
activeId = id;
activeTab = newTab;
activeContent = newContent;
activeTab.addClass("active");
activeContent.addClass("visible");
}
}
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>