generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
324 lines (321 loc) · 13.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.5.0/sandstone/bootstrap.min.css" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" />
<!--Browser tab icon-->
<link rel="shortcut icon" href="assets/favicon/favicon.ico">
<!--Link to stylesheet-->
<link rel="stylesheet" href="assets/css/style.css" />
<!--Brower tab title-->
<title>Sportance</title>
</head>
<body>
<header>
<!--Navigation bar-->
<nav class="navbar navbar-expand-md navbar-dark fixed-top dark-section">
<a href="#home" aria-label="Home">
<img src="assets/images/logo.png" alt="logo" class="img-fluid logo">
<h1>Sportance</h1>
</a>
<!--Toggler button for collasping Navbar-->
<button class="navbar-toggler" data-toggle="collapse"
data-target="#navbarMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMenu">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about"
aria-label="About Section">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services"
aria-label="Services Section">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonials"
aria-label="Testimonials Section">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact"
aria-label="Contact Section">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<!--Hero image-->
<section class="container-fluid" id="home">
<div class="row">
<div class="col-12 hero-image">
<img src="assets/images/hero.png" alt="Athletics" class="img-fluid">
</div>
</div>
<div class="row">
<div
class="d-none d-sm-none d-md-none d-lg-block col-lg-4 col-xl-4 jumbotron">
<h2 class="cover-text">What to achieve optimal performance?</h2>
<h3>Find out how Sportance can help unlock the true potential of your
mind and achieve great results</h3>
</div>
</div>
</section>
<!--About section-->
<section class="container-fluid dark-section common-section" id="about">
<div class="row">
<div class="col-12">
<h2>About</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-md-5 col-lg-6">
<img src="assets/images/about.png" alt="Consultation"
class="img-fluid body-images mx-auto d-block">
</div>
<div class="col-12 col-md-7 col-lg-6">
<h3>What is Sportance?</h3>
<p>Sportance was founded in 2017 with the aim to help athletes, teams,
coaches and support staff with Sport Psychology interventions and
techniques. Understanding and using these techniques allow sports
performers and support staff to be the best they can be. Often
athletes and coaches only focus on the physical training to help them
improve and therefore, neglect the mental side of training.
Sportance’s aim is to educate, support and implement interventions to
help sports professionals across the board. We want sports
professionals to be the best they can be by unlocking the power of
their brain. </p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-7 col-lg-6">
<h3>What is Sport Psychology?</h3>
<p>Sport Psychology uses Psychological knowledge and skills to address
optimal sports performance. It uses a variety of skills and
interventions such as imagery, SMART goals and positive self-talk to
help sports professionals achieve optimal sports performance. Sport
Psychology has many advantages such as:</p>
<ul>
<li>Increased motivation</li>
<li>Helping the athlete/team/coach to be more target/goal orientated
</li>
<li>Improved attention</li>
<li>Understanding how to perform under pressure</li>
<li>Develop effective communication skills </li>
</ul>
</div>
<div class="col-12 col-md-5 col-lg-6">
<img src="assets/images/cricket.png" alt="cricket"
class="img-fluid body-images mx-auto d-block">
</div>
</div>
</section>
<!--Services section-->
<section class=" container-fluid light-section common-section" id="services">
<div class="row">
<div class="col-12">
<h2>Services</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<img src="assets/images/stretch.png" alt="stretch"
class="img-fluid body-images mx-auto d-block">
<h3>How does it work?</h3>
<p>Sportance offers a variety of services that are tailored to meet each
individual’s, teams or coach’s needs. After contact is made a free 60
minute intial consultation will take place. This will be face to face
and be a ‘get to know you’ session. This is the start of a close
working relationship which allows the clients to feel comfortable.</p>
<p>The meeting will consist of an initial assessment and there will be
an opportunity to ask as many questions as you like which is important
in determining whether Sport Psychology and Sportance is right for
you. After the initial meeting our experts will set up an intervention
plan tailored to your needs. This will allow you to see the journey
right from the start. From time to time, depending on progress this
plan may change to stay in line with the progress being made.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="assets/images/visualisation.png" alt="visualisation"
class="img-fluid body-images mx-auto d-block">
<h3>What services are offered?</h3>
<p>1-1 consultations - 60 minute session focuses on helping you improve.
Whether that be dealing with pressure, setting targets and working
towards them or help when returning from injury. Each session is
planned with you in mind and tailored to suit all of your needs and
help you achieve optimal performance.</p>
<p>Group workshops - typically a workshop will last a day and is
suitable for small sports teams of 15 people who are looking to work
together to improve. Throughout the day, there will be a range or
activity to help the team work together to achieve the same goals.
This can then be applied to training and competition
situations.<em>*larger teams can be split across a number of days</em>
</p>
<p>Educational workshops - this is designed to educate athletes and
coaches about the way Sport psychology works and it’s benefits. These
can last from 1 hour to 5 hours.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="assets/images/winning.png" alt="winning"
class="img-fluid body-images mx-auto d-block">
<h3>How can it benefit you?</h3>
<p>Sport Psychology has a vast range of benefits that can help you
achieve optimal performance. These include:</p>
<ul>
<li>Increased motivation</li>
<li>Clear targets/goals to work towards</li>
<li>Improved for focus and attention</li>
<li>Improved well-being</li>
<li>Confidence when returning from injury </li>
<li>Manage stress and anxiety </li>
<li>Improved team work and cohesion</li>
</ul>
</div>
</div>
</section>
<!--Testimonials section-->
<section class="container-fluid dark-section common-section"
id="testimonials">
<div class="row">
<div class="col-12">
<h2>Testimonials</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<img src="assets/images/hollie.png" alt="footballer"
class="img-fluid body-images mx-auto d-block">
<h3>Hollie Jones</h3>
<h4><em>Welsh U18's Footballer</em></h4>
<p>Working with the team at Sportance has been fantastic. Right from the
outside I felt comfortable with the friendly professional they have
there. After an initial consultation, we worked through a programme to
help me with my confidence leading up to a game. For a few years I
have struggled with this and it has become more of an a problem for me
as the games and competitors have been getting tougher. Therefore I
decided to seek some professional help and got in touch with the guys
at Sportance. After agreeing an intervention programme, which involved
routine and positive self talk, my confidence levels before a game
have begun to increase and so have my performances. I still have a lot
of work to do but so far it’s been great. I can’t wait to continue
working hard with the guys at Sportance.</p>
</div>
<div class="col-12 col-md-6 col-lg-6">
<img src="assets/images/mike.png" alt="snooker"
class="img-fluid body-images mx-auto d-block">
<h3>Mike Williams</h3>
<h4><em>England Counties Snooker Player</em></h4>
<p>Performing to my usual high standards under pressure had been a big
struggle for my until I got in contact with the Tim at Sportance.
After my initial meeting we identified some areas to work on which
would help me perform better under pressurised situations. Tim and I
worked through some imagery and visualisation techniques over the
course of 8 weeks. Each time imaging that I was put under pressure and
dealing with it well to achieve a positive outcome. The results have
been great and I have scored my highest break ever and won my first
regional tournament. I have loved every session and sport psychology
is something I will continue to use through my sporting career. </p>
</div>
</div>
</section>
<!--Contact form section-->
<section class="light-section common-section" id="contact">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Contact Form</h2>
<h4>Want to know more? Get in touch!</h4>
</div>
</div>
<form class="contact-us">
<div class="form-group">
<input type="text" id="fname" name="firstname"
placeholder="Your first name" class="form-control"
aria-label="Your first name" required>
</div>
<div class="form-group">
<input type="text" id="lname" name="lastname"
placeholder="Your last name" class="form-control"
aria-label="Your last name" required>
</div>
<div class="form-group">
<input type="email" class="form-control"
placeholder="Your email address" aria-label="Your email address"
required>
</div>
<div class="form-group">
<textarea id="subject" name="subject"
placeholder="Tell us how we can help.." class="form-control"
rows="6" aria-label="Tell us how we can help" required></textarea>
</div>
<button type="submit" class="btn btn-primary"
aria-label="Submit button">Submit</button>
</form>
</div>
</section>
<!--Footer Section-->
<footer class="container-fluid dark-section common-section" id="footer">
<div class="row">
<!--Footer Navigation-->
<div class="col-12 col-md-6 col-lg-6">
<ul class="footer-menu">
<li>
<a href="#about" aria-label="About Section">About</a>
</li>
<li>
<a href="#services" aria-label="Services Section">Services</a>
</li>
<li>
<a href="#testimonials"
aria-label="Testimonials Section">Testimonials</a>
</li>
<li>
<a href="#contact" aria-label="Contact Section">Contact</a>
</li>
</ul>
</div>
<!--Footer Social Media Links-->
<div class="d-none d-sm-none d-md-none d-lg-block col-lg-4 ml-auto">
<ul class="social-networks list-inline">
<li class="list-inline-item">
<a href="https://www.facebook.com" target="_blank" rel="noopener"
aria-label="Facebook">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.twitter.com" target="_blank" rel="noopener"
aria-label="Twitter">
<i class="fab fa-twitter-square"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.youtube.com" target="_blank" rel="noopener"
aria-label="Youtube">
<i class="fab fa-youtube"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com" target="_blank" rel="noopener"
aria-label="Instagram">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js">
</script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js">
</script>
</body>
</html>