-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (157 loc) · 8.84 KB
/
index.html
File metadata and controls
158 lines (157 loc) · 8.84 KB
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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146767549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-146767549-1');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The Nihon Karate Club at UC Irvine is UCI's one and only karate student organization.
We're a competitive and recreational club, associated with UCI Club Sports, that aims to develop self-defense skills,
strive for self-improvement, and cultivate a strong karate community. We primarily train in Shindo-Jinen Ryu karate,
but our members have a wide array of karate backgrounds. UCI students and staff of all levels are welcome to join!">
<!--Load stylesheets-->
<link rel="stylesheet" href="styles/index.css" type="text/css">
<link rel="stylesheet" href="styles/home.css" type="text/css">
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
<!--Load scripts-->
<script src="scripts/init.js" type="text/javascript"></script>
<script src="scripts/cookies.js" type="text/javascript"></script>
<script src="scripts/events.js" type="text/javascript"></script>
<script src="scripts/practice.js" type="text/javascript"></script>
<script src="scripts/home.js" type="text/javascript"></script>
<script src="scripts/index.js" type="text/javascript"></script>
<link rel="icon" href="images/favicon.ico">
<title>Nihon Karate Club at UCI</title>
</head>
<body>
<!-- <div id="announcement" class="announcement black-text shadow">
<span>Download our 2021 Welcome Week Flyer <a href="resources/welcome-week-flyer-2021.pdf" target=_blank download>here</a>!</span>
<span onclick="closeAnnouncement();" id="close-announcement" class="close-announcement red-text">×</span>
</div> -->
<header>
<div class="banner">
<h1 class="header-title">Nihon Karate Club</h1>
<h1 class="header-subtitle">UC Irvine</h1>
<a href="javascript:void(0);" id="toggle-button" class="toggle-button" onclick="toggleMenu()">
<i class="fa fa-bars"></i>
</a>
</div>
<nav class="circular-menu">
<div class="circle">
<a href="index.html" class="fa fa-home" title="Home"></a>
<a href="about.html" class="fa fa-users" title="About Us"></a>
<a href="join.html" class="fa fa-user-plus" title="How to Join"></a>
<a href="history.html" class="fa fa-bookmark" title="Club History"></a>
<a href="gallery.html" class="fa fa-photo" title="Photo Gallery"></a>
</div>
<a class="menu-button">
<img src="images/logo.png" width="120px" height="120px">
</a>
</nav>
<nav id="dropdown" class="dropdown">
<div class="dropdown-content">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="join.html">How to Join</a>
<a href="history.html">History</a>
<a href="gallery.html">Gallery</a>
</div>
</nav>
</header>
<main>
<div class="slideshow"></div>
<div class="section white black-text">
<span class="floater">Explore</span>
<div class="explore-container">
<div class="explore-card">
<a href="#mission" class="fa fa-book red white-text" title="Mission Statement"></a>
<h3>Mission Statement</h3>
</div>
<div class="explore-card">
<a href="#events" class="fa fa-calendar red white-text" title="Upcoming Events"></a>
<h3>Upcoming Events</h3>
</div>
<div class="explore-card">
<a href="#schedule" class="fa fa-clock-o red white-text" title="Practice Schedule"></a>
<h3>Practice Schedule</h3>
</div>
<div class="explore-card">
<a href="#dojo" class="fa fa-university red white-text" title="Alumni"></a>
<h3>Our Dojo</h3>
</div>
</div>
</div>
<a id="mission" class="anchor"></a>
<div id="mission" class="section black gray-text">
<span class="floater">Mission Statement</span>
<div class="mission-container">
<p>
Our mission at the Nihon Karate Club at UCI is to strive towards achieving a sound body and mind,
focusing on building a strong foundation, with emphasis on practical application,
continuous effort, and mutual respect.
</p>
</div>
</div>
<a id="events" class="anchor"></a>
<div class="section gray black-text">
<span class="floater red-text">Upcoming Events</span>
<div id="events-calendar" class="three-card-container"></div>
</div>
<a id="schedule" class="anchor"></a>
<div class="section red white-text">
<span class="floater">Practice Schedule</span>
<div id="practice-schedule" class="black-text"></div>
<div class="section-button-container">
<a class="section-button white black-text shadow" href="https://calendar.google.com/calendar/b/3?cid=dWNpLmVkdV9sOWZkZDMydTFqbXFjNnN1cHNlMG85cWpjb0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" target="_blank">Add To My Calendar</a>
</div>
</div>
<a id="dojo" class="anchor"></a>
<div class="section dojo">
<div class="image-floater red-text">
<h2>Our Dojo</h2>
<p class="black-text">
The Nihon Karate Club at UCI is affiliated with
Japan Karate-Dō Jinen-Kai, which was founded
to further develop and extend the Shindō Jinen-Ryu style,
taking on the challenges of building the next generation of martial artists
- well-balanced and capable individuals in Shin (Spirit), in Gi (Technique), and in Tai (Body).<br>
<br>
Visit <a class="red-text" href="https://www.jinenkai.org/">https://www.jinenkai.org/</a> to learn more.
</p>
</div>
</div>
</main>
<footer>
<div class="footer-content">
<span>Follow us on social media!</span>
<div class="social-media">
<div class="social-media-wrapper">
<a class="social-media-icon" href="https://www.facebook.com/groups/nihonkarateuci/" target="_blank" title="Like our Facebook page">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a class="social-media-icon" href="https://www.instagram.com/nihonkarateuci/" target="_blank" title="Follow us on Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a class="social-media-icon" href="https://www.youtube.com/channel/UCTyISeXgaeWJTH6V3rt9aYA" target="_blank" title="Subscribe to our Youtube Channel">
<i class="fa fa-youtube-play" aria-hidden="true"></i>
</a>
<a class="social-media-icon" href="http://newsletter.nihonkarateuci.com" target="_blank" title="Subscribe to our Newsletter">
<i class="fa fa-newspaper-o" aria-hidden="true"></i>
</a>
</div>
</div>
<address>
Contact: <a class="email"></a>
</address>
<span>Copyright 2009-<script type="text/javascript">document.write(new Date().getFullYear());</script> Nihon Karate Club at UC Irvine</span>
</div>
</footer>
</body>
</html>