-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
186 lines (184 loc) · 10.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Zen Studio</title>
<meta charset="UTF-8">
<meta name="description" content="Yoga for everybody!">
<meta name="author" content="Guil@AiT">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1m shrink-to-fit=no"> -->
<link rel="Zen Tab Icon" href="assests/logo/tab-icon.png">
<!-- Stylesheet -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="styles.css">
<!-- Scripts -->
<script src="script.js"></script>
</head>
<body>
<header class="header">
<div id="Banner Bg" class="about-cover-img">
<div id="Color Overlay" class="cover-color">
<div class="header-color">
<div id="Menu Container" class="container">
<div class="logo">
<a href="index.html"><img src="assests/logo/logo.png" class="logo"></a>
</div>
<nav class="navMenu">
<ul>
<li>
<a href="index.html">HOME</a>
</li>
<li>
<a href="classes.html">CLASSES</a>
</li>
<li>
<a href="instructors.html">INSTRUCTORS</a>
</li>
<li>
<a href="schedule.html">SCHEDULE</a>
</li>
<li>
<a href="about.html">ABOUT</a>
</li>
</ul>
</nav>
<button class="navbutton">
<i class="fas fa-bars"></i>
</button>
<button class="button innerBtn navBtn" onclick="document.location='contact-us.html'">Contact Us</button>
</div>
</div>
<h1 id="slogan-container">DISCOVER ZEN YOGA STUDIO</h1>
</div>
</div>
</header>
<main class="content">
<section id="intro-section" class="spacer body-section">
<div class="body-row">
<div class="info">
<h2>About Zen</h2>
<p>Welcome to Zen Yoga Studio
<br>
a yoga experience evolved from traditional practices
in a stunning space that resonates with a perfect hum.
More than just the physical practice of yoga,
leave the outside world behind and immerse yourself in good vibes.
</p>
</div>
<div class="image-box">
<img class="image-mats" src="assests/images/aboutBannerImg.jpg" alt="About Studio Image">
</div>
</div>
</section>
<section class="content">
<div class="about">
<h2>What Kind Of Yoga</h2>
<p>
While we don’t prescribe to a specific style of yoga.
We base our teachings on the principles of breath-pranayama, movement-asana and awareness-meditation.
These principles are the foundation of our classes in which we welcome beginners through to the most experienced yogi. Our classes are ‘warm’ and conducted in a room typically heated to 24 degrees.
<br>
Our teachers are always mindfully present for their students with the intention to create a space where you will always feel comfortable.
</p>
<h2>Yoga And Personal Space</h2>
<p>
We’re pretty sure yoga is meant to be practiced by humans and not tiny fish…
so we won’t cram you in like a tin of sardines.
At Humming Puppy all our classes are limited to only 20 places with an even and luxurious amount of room between each mat,
so you can focus on your practice and not on another student’s behind!
</p>
<h2>Wondering Where To Start?</h2>
<p>You can start your journey simply by signing up and registering on this site.
<br>
After you’ve purchased your classes you’re ready to book a specific class and select your mat.
That’s right, we know students have their favourite spot -
be it up the front, down the back or cosy in the corner -
so you’re able to reserve the specific mat you want so you can simply turn up knowing you’ll be exactly where you desire!
</p>
</div>
</section>
<div class="about-bg-img">
<h2>Reference</h2>
<ul style="padding: 0; list-style: none;">
<li><h3>Inspiration</h3></li>
<li><a href="https://meditopia.com/en/">Meditopia</a></li>
<li><a href="https://bluestag.co.uk/">Bluestag</a></li>
<li><a href="https://www.mozilla.org/en-GB/">Mozilla</a></li>
<li><a href="https://slack.com/intl/en-au/">Slack</a></li>
<li><a href="https://www.hummingpuppy.com/">HummingPuppy</a></li>
<li><a href="https://www.bodymindlife.com/">BodyMindLife</a></li>
<li><a href="https://abduzeedo.com/">Abduzeedo</a></li>
<li><h3>Logo</h3></li>
<li><a href="https://www.flaticon.com/free-icon/zen-brush-symbol_84473">Zen Brush Symbol</a></li>
<li><a href="https://fontbundles.net/lemonthe/802665-kaishou">Logo Font - Kaishou</a></li>
<li><a href="https://www.dafontfree.co/kaishou-brush-script-font/">DaFont - Logo Font - Kaishou</a></li>
<li><h3>Images</h3></li>
<li><a href="https://www.pexels.com/@elly-fairytale?filter=photos&sort_by=popularity">Fairytale, E., 2020. Yoga. [image] Available at: <https://www.pexels.com/@elly-fairytale?filter=photos&sort_by=popularity> [Accessed 18 September 2020].</a></li>
<li><a href="https://www.pexels.com/collections/yoga-yf8xg07/">cottonbro 2020, Yoga, viewed 19 September 2020, <https://www.pexels.com/collections/yoga-yf8xg07/>.</a></li>
<li><a href="https://www.pexels.com/@cliff-booth?filter=photos&sort_by=popularity">Booth, C 2020, Yoga, viewed 19 September 2020, <https://www.pexels.com/@cliff-booth?filter=photos&sort_by=popularity>.</a></li>
</ul>
</div>
</main>
<footer class="footer">
<div class="container">
<form class="newsletter-bar">
<h3>Subscribe to our newsletter</h3>
<input type="text" placeholder="[email protected]">
<button type="submit" disabled>SUBSCRIBE</button>
</form>
<div class="row">
<div class="footer-about">
<img src="assests/logo/logo.png" alt="Zen Logo">
<p>Zen Yoga Studio - Yoga experience evolved from traditional practices in a stunning space that resonates with a perfect hum.</p>
<ul>
<li><i class="far fa-envelope"></i>
</li>
<li><i class="fas fa-phone-volume"></i>
00000000
</li>
</ul>
</div>
<div class="footer-explore">
<h2>Explore</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="instructors.html">Instructors</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
<div class="visit-social-block">
<div class="footer-visit">
<h2>Visit Us</h2>
<ul>
<li>
50 George St,
<br>
Sydney NSW 2000
</li>
<li><i class="far fa-clock"></i>
Mon - Sat: 7:00am - 08:00pm
</li>
</ul>
</div>
<div class="footer-social">
<h2>Social</h2>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="copyright">
Copyright © 2020 All rights reserved | Guilherme T. Araujo
</div>
</div>
</div>
</footer>
</body>
</html>