-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (158 loc) · 6.69 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
<!DOCTYPE HTML>
<!--
Road Trip by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>The Beacon Healing</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-124947059-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-124947059-1');
</script>
</head>
<body>
<!-- Header -->
<header id="header">
<div class="logo"><a href="/"><span>The</span> Beacon</a></div>
<a href="#menu"><span>Menu</span></a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="/spiritual-healing/">Spiritual Healing</a></li>
<li><a href="/workshops/">Workshops</a></li>
<li><a href="/bemer/">BEMER</a></li>
<li><a href="/felicity-wilson/">Felicity Wilson</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner" class="bg-img" data-bg="banner.jpg">
<div class="inner">
<header>
<img src="images/logo_white.png" />
<h1>Dedicated to helping all creatures great and small</h1>
</header>
</div>
<a href="#introduction" class="more">Learn More</a>
</section>
<!-- Introduction -->
<section id="introduction" class="wrapper post bg-img" data-bg="banner2.jpg">
<div class="inner">
<article class="box">
<header>
<h2>Spiritual Healing</h2>
<p>An Introduction to Spiritual Healing in Animals</p>
</header>
<div class="content">
<p>More and more in recent times, complementary methods of healing are being sought, where traditional medicine and its administration alone are not meeting patient's needs. Natural and spiritual ways are not invasive and support both mind, body and spirit.</p>
<p>
It is important that a proper veterinary/medical diagnosis is made. We encourage a holistic approach yet work closely with the veterinary/medical profession.
</p>
</div>
<footer>
<a href="/spiritual-healing/" class="button alt">Read More</a>
</footer>
</article>
</div>
<a href="#workshops" class="more">Read More</a>
</section>
<!-- Workshops -->
<section id="workshops" class="wrapper post bg-img" data-bg="green-hands-banner.jpg">
<div class="inner">
<article class="box">
<header>
<h2>Workshops</h2>
<!-- <p>12.21.2016</p> -->
</header>
<div class="content">
<p>The Charles Siddle Foundation for Animal Healing (CSFAH) offer day and weekend workshops, and courses for those interested in exploring the world of healing animals.</p>
</div>
<footer>
<a href="/workshops/" class="button alt">Learn More</a>
</footer>
</article>
</div>
<a href="#felicity" class="more">Learn More</a>
</section>
<!-- Felicity Wilson -->
<section id="felicity" class="wrapper post bg-img" data-bg="felicity-healing-2.jpg">
<div class="inner">
<article class="box">
<header>
<h2>Felicity Wilson</h2>
<p>Continuing the work of The Beacon</p>
</header>
<div class="content">
<p>Having been appointed the sole and official representative of The Beacon by Charles Siddle, Felicity is dedicated to continuing and expanding the work he started. He was sadly unable to realise many of his ideas before his passing, but Felicity, who was trained by, and worked so closely with him, is fully aware of these and will devote her time and efforts to carrying them out.</p>
</div>
<footer>
<a href="/felicity-wilson/" class="button alt">Learn More</a>
</footer>
</article>
</div>
<!-- <a href="#testimonials" class="more">Learn More</a> -->
</section>
<!-- Three -->
<!-- <section id="three" class="wrapper post bg-img" data-bg="banner4.jpg">
<div class="inner">
<article class="box">
<header>
<h2>Varius a cursus aliquet</h2>
<p>11.11.2016</p>
</header>
<div class="content">
<p>Scelerisque enim mi curae erat ultricies lobortis donec velit in per cum consectetur purus a enim platea vestibulum lacinia et elit ante scelerisque vestibulum. At urna condimentum sed vulputate a duis in senectus ullamcorper lacus cubilia consectetur odio proin sociosqu a parturient nam ac blandit praesent aptent. Eros dignissim mus mauris a natoque ad suspendisse nulla a urna in tincidunt tristique enim arcu litora scelerisque eros suspendisse.</p>
</div>
<footer>
<a href="generic.html" class="button alt">Learn More</a>
</footer>
</article>
</div>
<a href="#four" class="more">Learn More</a>
</section> -->
<!-- Footer -->
<footer id="footer">
<div class="inner">
<h2>Get in touch</h2>
<form action="https://submit.jotformeu.com/submit/82416231244347/" method="post" name="form_82416231244347" id="82416231244347" accept-charset="utf-8">
<div class="field half first">
<label for="name">Name</label>
<input id="input_6" name="q6_name" type="text" placeholder="Name">
</div>
<div class="field half">
<label for="email">Email</label>
<input id="input_4" name="q4_email" type="email" placeholder="Email">
</div>
<div class="field">
<label for="message">Message</label>
<textarea id="input_5" name="q5_message" rows="6" placeholder="Message"></textarea>
</div>
<ul class="actions">
<li><input value="Send Message" id="input_2" class="button alt" type="submit"></li>
</ul>
</form>
<ul class="icons">
<!-- <li><a href="#" class="icon round fa-twitter"><span class="label">Twitter</span></a></li> -->
<li><a href="https://www.facebook.com/CSFAH" class="icon round fa-facebook"><span class="label">Facebook</span></a></li>
<!-- <li><a href="#" class="icon round fa-instagram"><span class="label">Instagram</span></a></li> -->
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>