-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (156 loc) · 6.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The BBK Goalkeeper Academy</title>
<meta name="description" content="A curriculum provides an environment for the goalkeepers around the townships /suburbs to grow and develop in to a special type of athlete." />
<meta name="keywords" content="BBK, Goalkeeper, Academy, Own Appeal" />
<link rel="icon" href="img/favicon.ico">
<!-- CSS FILES -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- TOP -->
<div class="top-wrap uk-position-relative uk-light uk-background-secondary">
<!-- NAV -->
<div class="nav" data-uk-sticky="cls-active: uk-background-secondary uk-box-shadow-medium; top: 100vh; animation: uk-animation-slide-top">
<div class="uk-container">
<nav class="uk-navbar-container uk-navbar-transparent" data-uk-navbar>
<div class="uk-navbar-left">
<div class="uk-navbar-item uk-padding-remove-horizontal">
<a title="BBK" href=""><img src="images/logo.jpg" alt="Logo" width="15%" ></a>
</div>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav uk-visible@s">
<li class="uk-active uk-visible@m"><a href="">Home</a></li>
</ul>
<a class="uk-navbar-toggle uk-navbar-item uk-hidden@s" data-uk-toggle data-uk-navbar-toggle-icon href="#offcanvas-nav"></a>
</div>
</nav>
</div>
</div>
<!-- /NAV -->
<div class="uk-cover-container uk-light uk-flex uk-flex-middle top-wrap-height">
<!-- TOP CONTAINER -->
<div class="uk-container uk-flex-auto top-container uk-position-relative uk-margin-medium-top" data-uk-parallax="y: 0,50; easing:0; opacity:0.2">
<div class="uk-width-1-2@s" data-uk-scrollspy="cls: uk-animation-slide-right-medium; target: > *; delay: 150">
<h1 class="uk-margin-remove-top">We can't play as a team unless we practice as a team</h1>
<!-- <p class="subtitle-text uk-visible@s">Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco </p> -->
<!-- <a href="#" title="Learn More" class="uk-button uk-button-primary uk-border-pill" data-uk-scrollspy-class="uk-animation-fade">LEARN MORE</a> -->
</div>
</div>
<!-- /TOP CONTAINER -->
<!-- TOP IMAGE -->
<img src="./images/1.jpg" alt="" data-uk-cover data-uk-img>
<!-- /TOP IMAGE -->
</div>
<div class="uk-position-bottom-center uk-position-medium uk-position-z-index uk-text-center">
<a href="#content" data-uk-scroll="duration: 500" data-uk-icon="icon: arrow-down; ratio: 2"></a>
</div>
</div>
<!-- /TOP -->
<section id="content" class="uk-section uk-section-default">
<div class="uk-container">
<ul class="uk-margin">
<li>
<div class="uk-grid uk-child-width-1-2@l uk-flex-middle" data-uk-grid data-uk-scrollspy="target: > div; cls: uk-animation-slide-left-medium">
<div>
<img src="./images/g1.jpeg" alt="" data-uk-img>
</div>
<div data-uk-scrollspy-class="uk-animation-slide-right-medium">
<h2 class="uk-margin-small-top">Mission</h2>
<p class="subtitle-text">
<strong>The BBK Goalkeeper Academy</strong> training curriculum provides an environment for the goalkeepers around the townships /suburbs to grow and develop in to a special type of athlete. An athlete that holds themselves and their teammates to a high standard of training, pushing towards an elite level of competition. A leader that gives 100% every time they show up to play and pushes their teammates to do the same. This is accomplished by our training group system.
</p>
<p><i>Ben Biko - Founder</i></p>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="uk-section uk-section-secondary uk-section-large">
<div class="uk-container">
<div class="uk-grid uk-child-width-1-3 uk-flex-middle">
<div>
<h3>Membership Requirements</h3>
<ul>
<li>
A completed registration form is required prior to training participation
</li>
<li>
Registration Fee.
</li>
<li>
Medical certificate ( if player is suffering from any illness)
</li>
</ul>
</div>
<div>
<h3>Registration Fee</h3>
Joining Fee is R100 and a monthly contribution of R30 payable every month end both Senior & Juniors.
<br/><br/><br/><br/>
</div>
<div>
<h3>Practice:</h3>
Please attend. We can't play well as a team unless we practice as a team.
<ul>
<li>
Mondays to Thursdays at Vuyiseka Sports Complex
</li>
<li>
Morning session10:h00 – 12:h00
</li>
<li>
Afternoon session 16:h00 – 18:00
</li>
</ul>
</div>
<div data-uk-scrollspy="cls: uk-animation-fade">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/marketing-2.svg" data-uk-img alt="Image">
</div>
</div>
</div>
</section>
<!-- BOTTOM -->
<section class="uk-section uk-section-default">
<div class="uk-container">
<div class="uk-grid uk-grid-large uk-child-width-1-3@m" data-uk-grid data-uk-scrollspy="target: > div; delay: 150; cls: uk-animation-slide-bottom-medium">
<div class="uk-text-center">
<img src="./images/g2.jpeg" data-uk-img alt="Image">
</div>
<div class="uk-text-center">
<img src="./images/g3.jpeg" data-uk-img alt="Image">
</div>
<div class="uk-text-center">
<img src="./images/g4.jpeg" data-uk-img alt="Image">
</div>
<div class="uk-text-center">
<img src="./images/g5.jpeg" data-uk-img alt="Image">
</div>
<div class="uk-text-center">
<img src="./images/g6.jpeg" data-uk-img alt="Image">
</div>
<div class="uk-text-center">
<img src="./images/3.jpg" data-uk-img alt="Image">
</div>
</div>
</div>
</section>
<!-- BOTTOM -->
<!-- FOOTER -->
<footer class="uk-section uk-section-secondary uk-padding-remove-bottom">
<div class="uk-text-center uk-padding uk-padding-remove-horizontal">
<span class="uk-text-small uk-text-muted">© 2019 BBK Goalkeeper Academy - <a href="http://www.own-appeal.com" target="_blank">Own Appeal</a></span>
</div>
</footer>
<!-- /FOOTER -->
<!-- JS FILES -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit-icons.min.js"></script>
</body>
</html>