generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
265 lines (254 loc) · 11.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Sunrise Yoga is the place to reach inner calm, find your purpose, explore yoga and meet new people.">
<title>Sunrise Yoga</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous" />
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<!-- Bootstrap amended navbar-->
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<div id="logo">
<h1 id="title">Sunrise Yoga</h1>
<p id="tagline">Mind.Body.Soul</p>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbardropdown"
aria-controls="navbardropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbardropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="get-started.html">Get Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="classes.html">Classes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- /Bootstrap amended navbar-->
</header>
<!-- Hero Image Container-->
<div class="container-fluid">
<div id="hero-image">
</div>
</div>
<!-- /Hero Image Container-->
<!-- Main Container-->
<div class="container">
<section id="welcome">
<div class="row">
<div class="col-12">
<div id="intro">
<div id="intro-title">
<h2> Welcome to Sunrise Yoga!</h2>
</div>
<div>
<p class="paragraph-content">
Whether you are a seasoned yogi or you are just starting your yoga journey, we have
something
for
everyone here at Sunrise Yoga.
<br>
We believe that encorporating yoga practice in your daily life can
alleviate stress, promote good physical and mental health and contribute to a happy,
healthy
life.
</p>
</div>
<div>
<p class="paragraph-content">
<br>
To read more on starting your yoga journey
<br>
<br>
<a class="btn-sm btn-dark" href="get-started.html" role="button">
Click
here</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="our-ethos">
<div class="ethos">
<div class="row">
<div class="col-12">
<h2> Our story</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="paragraph-content"> Sunrise Yoga was founded in 2012 with the aim of bringing yoga to
Inverness.
<br>
Since the doors opened, the studio has blossomed and
become an integral part of the local community.
<br>
As well as yoga classes for everyone, the studio provides a space for people to make friends
and
be
social.
<br>
The studio also strives to be as sustainable as possible, from our recycled and up-cycled
decor to solar panels.
<br>
We are always looking for new ways to
improve. All suggestions welcome! </p>
</div>
</div>
</div>
<div class="ethos">
<div class="row">
<div class="col-12">
<h2> Our ethos</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="paragraph-content"> At Sunrise Yoga we pride ourselves on being inclusive, accessible
and
welcoming.
<br>
We believe that yoga is
for everyone!
<br>
It doesn't matter what age or shape you are, it is how yoga makes you feel.
<br>
That is the
grounding principle of our studio and we want to share it with everyone.
<br>
Breathing is the rhythm of your life.
<br>
Yoga enables us to understand the true power of our breath.
</p>
</div>
</div>
</div>
<div class="ethos">
<div class="row">
<div class="col-12">
<h2> Our promise to you</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="paragraph-content"> We strive to create a safe, calming space where you can practice
yoga and be part of our community.
<br>
Our teachers are selected carefully to ensure high quality classes and guidance.
<br>
We are passionate about
providing quality experiences and sharing it with others.
<br>
We provide individualised guidance and
support.
<br>
We are committed at Sunrise Yoga to supporting you to be
the best version of yourself through the power of yoga. </p>
</div>
</div>
</div>
</section>
</div>
<!-- /Main Container-->
<!-- Sign-up -->
<section>
<div class="container-fluid">
<div id="sign-up">
<h3>Give your inbox a breath of fresh air</h3>
<p>Sign up for our monthly newsletter</p>
<form>
<div>
<input type="text" id="name-sign-up" class="form-input" name="full-name" placeholder="Name"
required>
<br>
</div>
<div>
<input type="email" id="email-sign-up" class="form-input" name="email" placeholder="Email"
required>
<br>
</div>
<div>
<input type="checkbox" id="newsletter-permission" name="permission" required>
<label for="newsletter-permission" class="user-permission">I consent to receiving content from
Sunrise
Yoga.</label>
</div>
<button type="submit" class="btn btn-dark">Sign up!</button>
</form>
</div>
</div>
</section>
<!-- /Sign-up-->
<!-- Gallery-->
<div class="container">
<div id="gallery">
<div class="row ">
<div class="d-none d-lg-block col-lg-4">
<img src="assets/images/warrior-variation.jpg" alt="A man practicing a variation of warrior pose"
class="img-fluid">
<img src="assets/images/studio.jpg" alt="An image of the yoga studio" class="img-fluid">
</div>
<div class="col-12 justisfy-content-center col-md-6 col-lg-4">
<img src="assets/images/prayer.jpg" alt="A black and white photograph of a woman praying"
style="width: 400px; height: 800px;" class="img-fluid">
</div>
<div class="d-none d-md-block col-md-6 col-lg-4">
<img src="assets/images/prayer-behind.jpg" alt="A woman sitting practicing reverse prayer pose"
class="img-fluid" id="prayer-image">
<img src=" assets/images/downward-dog.jpg" alt="A woman practicing downward-dog" class="img-fluid"
id="downward-dog-image">
</div>
</div>
</div>
</div>
<!-- /Gallery -->
<!-- Footer-->
<footer>
<div class="row justify-content-center">
<div class="col-12">
<ul class="social-links">
<li> <a href="https://www.facebook.com" aria-label="Go to Facebook" target="_blank"
rel="noopener"><i class="fab fa-facebook-square"></i></a> </li>
<li> <a href="https://www.instagram.com" aria-label="Go to Instgram" target="_blank"
rel="noopener"><i class="fab fa-instagram"></i></a></li>
<li> <a href="https://www.youtube.com" aria-label="Go to YouTube" target="_blank" rel="noopener"><i
class="fab fa-youtube"></i></a>
</li>
</ul>
<p>
For educational purposes only.
</p>
</div>
</div>
</footer>
<!-- /Footer-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous">
</script>
</body>
</html>