-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (145 loc) · 5.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vintner's Reward</title>
<meta name="description" content="A beautiful holiday home located in the
suburb of Quindalup of Western Australia. The perfect location for your next
vacation, whether you're a local or coming from abroad.">
<meta name="author" content="Liam Jones @ FlamingBacon.net">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="icon" type="image/png" href="images/favicon.ico">
</head>
<body>
<div id="cover">
<h1>Loading.</h1>
</div>
<div class="section" id="hero">
<div class="container">
<div class="row">
<div class="twelve columns">
<h1>Vintner's Reward</h1>
<a href="#hero-text"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="hero-text">
<div class="container">
<div class="row">
<div class="twelve columns">
<p>Vintner's Reward is a stunning holiday home found in the hills of Quindalup, and we think you'll find it's the perfect place to stay the next time you're visiting Western Australia's South-West region.</p>
<a href="#location"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="location">
<div class="container">
<div class="row">
<div class="twelve columns">
<h2>It's time to relax.</h2>
<a href="#location-text"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="location-text">
<div class="container">
<div class="row">
<div class="twelve columns">
<p>Set in a rural valley overlooking a small lake, you'll immediately feel at ease. Whether relaxing out the front with a glass of wine or reclining indoors in comfort, it's hard not to appreciate the tranquility.</p>
<a href="#produce"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="produce">
<div class="container">
<div class="row">
<div class="twelve columns">
<h2>Enjoy the local produce.</h2>
<a href="#produce-text"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="produce-text">
<div class="container">
<div class="row">
<div class="twelve columns">
<p>You may not have heard of Quindalup before, but you'll know the region. A little brother to Margaret River, it has a plethora of highly-rated wineries, breweries, restaurants and cafes. There's even a bakery just walking distance from the house.</p>
<a href="#explore"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="explore">
<div class="container">
<div class="row">
<div class="twelve columns">
<h2>Ready to explore?</h2>
<a href="#explore-text"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="explore-text">
<div class="container">
<div class="row">
<div class="twelve columns">
<p>Caving, diving, hiking, mountain-biking, offroad-driving, sailing, snorkelling, shopping, surfing, swimming, walking, whale-watching. And that's just the beginning of all the activities waiting for you.
</p>
<a href="#end"><i class="fa fa-angle-double-down fa-4x"></i></a>
</div>
</div>
</div>
</div>
<div class="section" id="end">
<div class="container">
<h1>What are you waiting for?</h1>
<a class="button button-primary" href="https://www.airbnb.com.au/rooms/4759512">Book a holiday.</a>
</div>
</div>
<script type="text/javascript">
$(window).on('load', function() {
$("#cover").fadeOut(500);
});
</script>
<script>
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
</script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-45050529-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>