-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (119 loc) · 6.3 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
<!DOCTYPE HTML>
<html>
<head>
<title>Gabriel Gordon Therapeutic Massage</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<link rel="stylesheet" href="assets/css/main.css?v=1"/>
</head>
<body class="landing is-preload">
<div id="page-wrapper" style="background: rgba(43, 36, 30, 0.94);">
<header id="header" class="alt">
<a style="border: none" href="index.html"><img width="30" style="margin: 14px;" src="images/gg-logo-white-small.png"></a>
<nav id="nav">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/hours">Hours & Location</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="banner">
<h2 class="type2">Gabriel Gordon Therapeutic Massage</h2>
<p>"Amazing massage! Extremely attentive, and perfect pressure! Thank you Gabriel!" - Mason K.</p>
<ul class="actions special">
<li>
<a href="https://squareup.com/appointments/book/c0cc3880-e763-4d74-bb46-491eb63511f2/F4PP8WFCJCPTC/services"
class="button primary">Book Here</a></li>
<li><a href="https://squareup.com/gift/H366BN3VDT12E/order" class="button">Buy Gift Cards</a></li>
</ul>
</section>
<section id="main" class="container">
<section class="box special">
<header class="major">
<h2 class="type1">The Benefits of Massage</h2>
<p>
In this age of constant planning and lightning-fast decision making, it’s important to carve some
time out for ourselves. The body and mind are incredible tools we are utilizing constantly, so
naturally, they can experience some serious exhaustion. Even seemingly routine tasks can take
remarkable amounts of effort, and before we know it, our energy is drained and our patience and
mindfulness go out the window. This is where massage comes in.
<br/>
<br/>
Massage can help us prepare for, and recover from, the exertions of everyday life.
<br/>
<br/>
The connectedness of hands-on bodywork helps to facilitate the mind/body relaxation and recuperation
that is so important for our day-to-day wellness. Healthy and positive therapeutic touch makes way
for more efficient function of all systems in the body, as well as calm in the mind.</p>
</header>
<img width="80%" style="margin-top: 25px;" src="images/personlake.jpg" alt=""/>
</section>
<section class="box special features">
<div class="features-row">
<div>
<section>
<!-- https://thenounproject.com/vectorsmarket/collection/massage-glyph-icons/?i=1933032 -->
<img width="80px" src="images/table.svg">
<h3 style="color:#373737" class="type1">Table Massage</h3>
<p style="font-size: 18px; color: #454545;">
This work is performed on a standard massage table with sheets and a blanket. Various
modalities can be used throughout the session based on what the client hopes to achieve both
in the short-term and in accordance with their long-term goals. No matter what the depth of
pressure, the intention of the work is to always be relaxing and rejuvenating!
</p>
</section>
</div>
<div>
<section>
<!-- span class="icon solid major fa-chart-area accent3"></span-->
<img width="80px" src="images/mat.svg">
<h3 style="color:#373737" class="type1">Thai Massage</h3>
<p style="font-size: 18px; color: #454545;">
Thai Massage, often referred to as Thai Yoga Massage, is a form of bodywork that focuses on
opening blocked channels within the body. This is achieved through deep compressions and
yoga-esque stretching, all facilitated by the therapist. The therapist can utilize thumbs,
palms, forearms, knees or feet depending on the area of the body that needs attention.
</p>
</section>
</div>
</div>
</section>
</section>
<footer id="footer">
<div class="row">
<div class="col-6 col-12-narrower">
<h3>
<a href="mailto:[email protected]">[email protected]</a>
<br/>
971.328.1689
</h3>
<ul class="icons" style="margin: 0;">
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</div>
<div class="col-6 col-12-narrower">
<h3>
1235 SE Division St.
<br/>
Suite 302
<br/>Portland, OR 97202
</h3>
</div>
</div>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js?v=1"></script>
</body>
</html>