-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
190 lines (187 loc) · 6.35 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
<!DOCTYPE html>
<html lang="en">
<link href="Style.css" rel="stylesheet" />
<!-- Hamburger Icon -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<!-- <img src="Website photos/Logo/Logo3.png" />
-->
<body>
<header class="main-header">
<title class="title">Andrew Bolton Sports Massage</title>
<img
class="header-logo"
src="Website photos/Logo/logo2 (1).png"
alt="Andrew Bolton Sports Massage and Yoga"
/>
<nav class="nav" id="topNav">
<ul class="nav__links">
<li class="nav__item">
<a class="nav__link current" href="index.html">Home</a>
</li>
<li class="nav__item">
<a class="nav__link" href="About.html">About</a>
</li>
<li class="nav__item">
<a class="nav__link" href="Services.html">Services</a>
</li>
<li class="nav__item">
<a class="nav__link" href="Prices.html">Prices</a>
</li>
<li class="nav__item">
<a class="nav__link" href="Location.html">Location</a>
</li>
<li class="nav__item">
<a class="nav__link" href="FAQ.html">FAQ</a>
</li>
<li class="icon">
<a href="javascript:void(0);" onclick="navBarAction()">
<i class="fa fa-bars"></i>
</a>
</li>
<li class="nav__item">
<a
class="btn book-online"
id="book-online"
href="https://andrew-bolton-massage-and-yoga.cliniko.com/bookings#service"
>Book Online</a
>
</li>
</ul>
</nav>
</header>
<div class="slider">
<div class="slide sl1 vis" id="sl1">
<img
onload="calcImgHeight()"
src="Website photos\Sports\DSC_0059.JPG"
alt="Massage hands"
/>
</div>
<div class="slide sl2 vis">
<img
src="Website photos\Sports\Massage space.jpg"
alt="Massage studio"
/>
</div>
<div class="slide sl3 vis">
<img src="Website photos\Sports\DSC_0207.JPG" alt="Strong massage" />
</div>
<div class="slide">
<img
src="Website photos\Sports\Andrew Bolton Sports Massage.JPG"
alt="Neck massage"
/>
</div>
<div class="slide">
<img
src="Website photos\Sports\DSC_0201(2).jpg"
alt="Deep tissue massage"
/>
</div>
<div class="slide">
<img src="Website photos\Sports\DSC_0189.JPG" alt="ITB massage" />
</div>
<div class="slide">
<img
src="Website photos\Relaxing\DSC_0193.JPG"
alt="Relaxing massage"
/>
</div>
<button class="slider__btn slider__btn--left">←</button>
<button class="slider__btn slider__btn--right">→</button>
</div>
<section class="section" id="section--1">
<h3 style="color: #145cad">Welcome</h3>
<div class="row">
<div class="column home-col1">
<p>
My focus is sports massage, deep tissue massage and yoga exercises,
so it is my goal to not only relieve your pain and tension, but also
assist in figuring out the cause. Whether associated with injury,
imbalance, dysfunction or disease. Through a constantly growing
knowledge of how our bodies work and move I use various techniques
to release soft tissue and break down adhesions, relieving pain and
muscle tension so you can move more freely, more efficiently and
relax in your own body.
</p>
<p>
<strong>Benefits of Massage Therapy include:</strong><br />
Pain & tension relief <br />
Injury prevention <br />
Reduced recovery time of an injury or surgery <br />
Stress relief <br />
Improved flexibility <br />
Help relieve headaches <br />
Help reduce depression and anxiety
</p>
</div>
<div class="column home-col2">
<div class="mapouter">
<div class="gmap_canvas">
<iframe
id="gmap_canvas"
src="https://maps.google.com/maps?q=27%20wakatu%20ave&t=&z=13&ie=UTF8&iwloc=&output=embed"
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
></iframe
><a href="https://putlocker-is.org"></a><br />
<a href="https://www.embedgooglemap.net"></a>
<!-- responsive google map embed -->
</div>
</div>
<p class="center">
<strong>
Opening hours vary slightly weekly so please see available times:
</strong>
</p>
<a
class="btn"
id="times-available"
href="https://andrew-bolton-massage-and-yoga.cliniko.com/bookings#service"
>Treatment times available</a
>
</div>
</div>
</section>
<div class="footer_img_wrap_index">
<img
class="footer_img_index"
src="Website photos\Sports\Massage table.JPG"
alt="Deep tissue massage"
/>
</div>
<footer class="row">
<div class="feet left__foot">
<p>
27 Wakatu Ave,<br />
Moncks Bay 8081,<br />
Christchurch NZ<br />
<br />
02041780923
</p>
</div>
<div class="feet middle__foot">
<a class="footer__link" href="index.html">Home</a>
<a class="footer__link" href="About.html">About</a>
<a class="footer__link" href="Services.html">Services</a>
<a class="footer__link" href="Prices.html">Prices</a>
<a class="footer__link" href="Location.html">Location</a>
<a class="footer__link" href="FAQ.html">FAQ</a>
<a class="footer__link" href="privacy-policy.html">Privacy Policy</a>
</div>
<div class="feet right__foot"></div>
</footer>
<script src="common.js"></script>
<script src="index.js"></script>
</body>
</html>