-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (190 loc) · 8.03 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
191
192
193
194
195
196
---
layout: default
title: "Your Holiday Dream House"
description: ""
handle: home
---
<header style="background: url({% asset_path header-home.jpg %}) no-repeat center center; background-size: cover;">
<div class="header-overlay">
<div class="grid grid-centered">
<div class="grid-cell is-centered">
<nav class="header-navigation">
<a href="{{ site.baseurl }}" title="{{ site.name }}">
<img src="{% asset_path logo-white.png %}" alt="{{ site.name }}">
</a>
<ul>
<li><a href="{{ site.baseurl }}house" title="The house">The house</a></li>
<li><a href="{{ site.baseurl }}location" title="Location">Location</a></li>
<li><a href="{{ site.baseurl }}availability" title="Availability">Availability</a></li>
<li><a href="{{ site.baseurl }}contact" title="Contact">Contact</a></li>
</ul>
</nav>
<div class="header-content fade-in">
<h1>Your Holiday Dream House</h1>
<p>Find rest and breathtaking views in one of the finest houses around Midi-Pyrénées, France</p>
<a href="{{ site.baseurl }}availability" class="button button-primary" title="Check availability">Check availability</a>
</div>
<a href="#down" class="header-down fade-in" title="Scroll down">
<i class="material-icons">arrow_drop_down</i>
</a>
</div>
</div>
</div>
</header>
{% include navigation.html %}
<main id="down">
<section>
<div class="grid grid-centered">
<div class="grid-cell with-5col is-middle fade-in">
<h4>The Perfect Getaway</h4>
<p class="section-letter">
Pech Guillou is often described as one of the most beautiful houses in the area, it rests as one of the only traditional stone manoir houses on top of a hill.
Because of its unique location, the medieval hunting lodge offers breathtaking views which have changed little over the centuries.
<br>
<br>
The weather in the area is always mild with very warm summers. From June till September the weather is comparable to the Provence.
The house has full central heating, so it’s ideal for use outside the normal holiday season. While winter weather can never be guaranteed, the winters here are usually mild.
<br>
<br>
If you want something else than a lazy afternoon you can explore the <a href="https://vimeo.com/59889585" target="_blank" title="View video">exciting region</a>.
</p>
</div>
<div class="grid-cell with-7col is-middle fade-in">
<div class="section-collage">
<img src="{% asset_path homepage-showcase.jpg %}" alt="Beautifully renovated rooms">
</div>
</div>
</div>
</section>
<section class="section-background" style="background: url({% asset_path background-home.jpg %}) no-repeat center center;"></section>
<section class="section-gray">
<div class="grid grid-centered">
<div class="grid-cell">
<div class="section-mosaic">
<h2 class="fade-in">Find your cosy spot</h2>
<p class="fade-in">We're sure all guests will find their taste in one of our charming rooms.</p>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
Swimming pool and romantic garden
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/pool.jpg %}" alt="Large swimming pool">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
Plenty of <br> information
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/info.jpg %}" alt="Plenty of information">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
An outdoor <br> kitchen
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/kitchen-outdoor.jpg %}" alt="An outdoor kitchen">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
Fully equiped <br> kitchen
<span class="stripe"></span>
</h6>
</div>
<h6></h6>
<img src="{% asset_path rooms/kitchen.jpg %}" alt="Fully equiped kitchen">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
Big family<br> dining room
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/dining.jpg %}" alt="Big family dining room">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
Comfy lounge <br> area
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/lounge.jpg %}" alt="Comfy lounge area">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
4 Master <br> bedrooms
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/room.jpg %}" alt="4 Master bedrooms">
</div>
<div class="section-mosaic-block fade-in">
<div>
<h6>
<span class="stripe"></span>
4 rooms<br> for kids
<span class="stripe"></span>
</h6>
</div>
<img src="{% asset_path rooms/kids.jpg %}" alt="4 rooms for kids">
</div>
<a href="{{ site.baseurl }}house" title="View the house" class="fade-in">View the house <i class="material-icons">trending_flat</i></a>
</div>
</div>
</div>
<div class="grid grid-centered is-half">
<div class="grid-cell with-3col">
<div class="box fade-in">
<img src="{% asset_path activities/castle.jpg %}" alt="Castle tour">
<h5>Castle tour</h5>
<p>
The area around Pech Guillou counts over a <a href="https://www.youtube.com/watch?v=IAHQxDLUi80" title="View video" target="_blank">thousand castles</a>, you can enjoy for example Duras Castle or Châteaux de Bonaguil.
</p>
</div>
</div>
<div class="grid-cell with-3col">
<div class="box fade-in">
<img src="{% asset_path activities/hiking.jpg %}" alt="Countryside activities">
<h5>Countryside activities</h5>
<p>
On the domain you can play a game of tabletennis and jeux de boules or you can step outside and enjoy horseback riding, canooing, hiking, tennis, para sailing, paragliding or cycling.
</p>
</div>
</div>
<div class="grid-cell with-3col">
<div class="box is-third fade-in">
<img src="{% asset_path activities/market.jpg %}" alt="Markets">
<h5>Markets</h5>
<p>
There is a wide variety of markets in the area. For the real taste of Summer in France, don't miss one of the Marché Gourmand Nocturn. You can find a detailed guide in the house.
</p>
</div>
</div>
<div class="grid-cell with-3col">
<div class="box is-fourth fade-in">
<img src="{% asset_path activities/restaurants.jpg %}" alt="Restaurants">
<h5>Restaurants</h5>
<p>
Enjoy a delicious meal with breathtaking views in one of the many bastide villages around the corner. You can find a list of great restaurants in the house.
</p>
</div>
</div>
</div>
</section>
</main>