-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
188 lines (172 loc) · 15.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<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">
<title>About</title>
<link rel="stylesheet" href="./styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="./img/favicon.png">
</head>
<body class="grey-background ">
<div id="top"></div>
<header class="black-background">
<nav class="flex nav-height nav-font-size responsive-relative">
<div class="left-nav margin-right responsive-nav-left responsive-absolute responsive-pusher">
<div class="logo-wrapper">
<a href="./index.html" class="text-decoration-none-black"><img src="./img/logowhite.png" alt="Black Estate Logo"></a>
</div>
</div>
<div class="right-nav">
<div class="width-auto"></div>
<div id="click-me" class="hide-on-desktop text-align-right flex flex-end">
<div class="burger burger-black flex flex-column justify-center align-center">
<div class="oval flex-one small-margin-bot-top"></div>
<div class="oval flex-one small-margin-bot-top"></div>
<div class="oval flex-one small-margin-bot-top"></div>
</div>
</div>
<div id="reveal-me" class="flex space-between align-center text-align-center
responsive-nav-buttons responsive-column-direction responsive-opacity-one hidden very-very-small-margin-top">
<a href="./index.html" class="text-decoration-none-black max-width-nav flex-one very-very-very-small-padding first-link responsive-indiv-buttons"><div class="min-width-nav white">Home</div></a>
<a href="./shop.html" class="text-decoration-none-black max-width-nav flex-one very-very-very-small-padding responsive-indiv-buttons"><div class="min-width-nav white">Shop</div></a>
<a href="#top" class="text-decoration-none-black max-width-nav flex-one very-very-very-small-padding responsive-indiv-buttons"><div class="min-width-nav white">About</div></a>
<a href="./experience.html" class="text-decoration-none-black max-width-nav flex-one very-very-very-small-padding responsive-indiv-buttons"><div class="min-width-nav white">Experiences</div></a>
<a href="./club.html" class="text-decoration-none-black max-width-nav flex-one very-very-very-small-padding responsive-indiv-buttons"><div class="min-width-nav white">Join The Club</div></a>
<a href="./cart.html" class="text-decoration-none-black max-width-nav flex-one very-very-very-small-padding responsive-indiv-buttons cart-class"><img src="./img/cart3white.png" alt="" class="responsive-nav-cart-logo margin-right cart-logo-height"></a>
</div>
</div>
</nav>
<div id="to-grow" class="grow black-background height-250 pusher-margin-bottom"></div>
</header>
<h1 class="margin-bot-top white left-right-padding-5">Welcome to <span class="bold-italic">Black Estate</span></h1>
<section class="relative section-padding small-margin-bottom">
<div class="absolute white-background-box-1 responsive-go-away"></div>
<div class="flex responsive-about-page-sections">
<div class="house-and-vineyard-wrapper flex-one positive-z-index">
<img src="./img/houseandvineyard.jpg" alt="vineyard">
</div>
<div class="flex-one positive-z-index min-height-text-about-section-one flex flex-column responsive-padding-top-bot justify-center responsive-white-background responsive-fix-ghost-margin-from-image">
<h2 class="small-margin-bottom left-right-padding">About Black Estate</h2>
<p class="very-small-margin-bottom left-right-padding questrial">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi accusantium alias ullam nostrum nulla, officiis cum tenetur aut consequatur optio sapiente corrupti tempora voluptatibus doloribus tempore error aspernatur velit nam, distinctio, fugit inventore dolorem libero!</p>
<p class="very-small-margin-bottom left-right-padding questrial">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt fugit blanditiis saepe perspiciatis in. Vitae animi ipsa fugiat porro omnis delectus voluptatibus veritatis magnam a. Fugit itaque sapiente aliquam facere provident laborum adipisci eum, cumque saepe ducimus distinctio! Blanditiis ipsa quas ab, autem error labore necessitatibus repellat expedita nobis consectetur.</p>
<p class="very-small-margin-bottom left-right-padding questrial">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti, voluptas aperiam aut tempore modi sapiente delectus odio sint impedit suscipit temporibus quisquam architecto magni doloremque.</p>
<p class="left-right-padding questrial">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi, iusto nemo? Quo id commodi est porro deleniti doloribus reprehenderit magnam.</p>
</div>
</div>
</section>
<section class="relative section-padding small-margin-bottom">
<div class="absolute white-background-box-2 responsive-go-away"></div>
<div class="flex responsive-about-page-sections-reverse">
<div class="flex-one positive-z-index min-height-text-about-section-one flex flex-column responsive-padding-top-bot justify-center responsive-white-background responsive-fix-ghost-margin-from-image">
<h2 class="small-margin-bottom left-right-padding">Our Three Hillside Vineyards</h2>
<h3 class="very-very-small-margin-bottom left-right-padding">Home Vineyard:</h3>
<p class="very-very-small-margin-bottom left-right-padding questrial">The Home Vineyard is located 6 kilometres north east of the Waipara Junction, in the Omihi sub-district of Waipara Valley, North Canterbury. The slope is a north facing sedimentary clay fan on a gentle hill side slope. The soils are mainly Awapuni clay loam with calcium carbonate deposits.</p>
<h3 class="very-very-small-margin-bottom left-right-padding">Damsteep Vineyard:</h3>
<p class="very-very-small-margin-bottom left-right-padding questrial">Damsteep Vineyard is located in the north east of Waipara Valley at the foot of the Omihi Saddle, 10km north of our Home Vineyard. Riesling and Pinot Noir grow here with vine density of more than 5000 vine per hectare.</p>
<h3 class="very-very-small-margin-bottom left-right-padding">Netherwood Vineyard:</h3>
<p class="left-right-padding questrial">Planted by Russell Black and Daniel Schuster in 1986 at a vine density of 5000 vines per hectare. Netherwood’s soils are classified as Waipara Greensand which is a green grey richly glauconitic sandstone.</p>
</div>
<div class="relative house-and-vineyard-wrapper flex-one positive-z-index">
<a class="absolute learn-more very-very-small-padding text-decoration-none-white learn-more-button" href="#">Learn More</a>
<img src="./img/vineyard.jpeg" alt="vineyard">
</div>
</div>
</section>
<section class="relative section-padding small-margin-bottom">
<div class="absolute white-background-box-1 responsive-go-away"></div>
<div class="flex responsive-about-page-sections">
<div class="house-and-vineyard-wrapper flex-one positive-z-index">
<img src="./img/people.jpg" alt="vineyard">
</div>
<div class="flex-one positive-z-index min-height-text-about-section-one flex flex-column justify-center responsive-white-background responsive-padding-top-bot responsive-fix-ghost-margin-from-image">
<h2 class="small-margin-bottom left-right-padding">Who We Are</h2>
<p class="very-small-margin-bottom left-right-padding questrial">We are a family owned business dedicated to producing the best quality and most delicious wine. </p>
<p class="very-small-margin-bottom left-right-padding questrial">Nicholas and Pen are married with two children, Sylvia and Arthur who have grown up at the Home and Netherwood vineyards. Nicholas looks after our three vineyards and makes our wines with his team. Pen manages the business and looks over the restaurant and cellar door with another great team.</p>
<p class="very-small-margin-bottom left-right-padding questrial">Since 2007, when we first purchased the Home Vineyard from Russell Black, Pen’s parents and siblings have supported us with investing in the land here. Pen’s father Rod, is a 5th generation horticulturalist from North Otago, (Rod’s family grew the first table grapes NZ!). Pen’s mum Stacey provides much cheer and family support along with Nicholas’ parents who help out with so much. Jo and Cam, Pen’s siblings are energetic supporters.</p>
<p class="very-small-margin-bottom left-right-padding questrial">Russell and Kumiko Black planted the original Black Estate Pinot Noir and Chardonnay vines in 1993, at what is now called the Home Vineyard. We purchased that property from Russell in 2007, keeping the name. We then went on to purchase Damsteep Vineyard from the Hull family in 2012 and Netherwood Vineyard from them in 2015. Netherwood was originally established by Danny Schuster and Russell Black in 1986.</p>
<p class="left-right-padding questrial">This dream is only possible with our staff. Somehow, each person in our team has followed a path to join us here and we are very grateful.</p>
</div>
</div>
</section>
<section class="background-gold">
<h2 class="text-align-center small-padding-bot-top">Testimonials</h2>
<div class="flex justify-center medium-small-padding-bottom responsive-about-page-sections responsive-align-center">
<div class="flex flex-column align-center black-border rating-section flex-one small-margin-left small-margin-right background-white very-very-small-padding responsive-margin-bottom">
<div class="rating-image small-margin-bottom small-margin-top">
<img src="./img/brenda.jpg" alt="Brenda">
</div>
<p class="small-margin-bottom very-small-padding questrial">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime beatae nam tempora nostrum nulla qui provident earum quasi nesciunt. Laborum.</p>
<div class="flex justify-center align-center">
<h4>Brenda ~ </h4>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
</div>
</div>
<div class="flex flex-column align-center black-border rating-section flex-one small-margin-left small-margin-right background-white very-very-small-padding">
<div class="rating-image small-margin-bottom small-margin-top">
<img src="./img/stefan.jpg" alt="Stefan">
</div>
<p class="small-margin-bottom very-small-padding questrial">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis iure voluptas ex error debitis in repudiandae cumque dicta. Obcaecati dolores commodi illum.</p>
<div class="flex justify-center align-center">
<h4>Stefan ~ </h4>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
<div class="fa fa-star gold star"></div>
</div>
</div>
</div>
<div class="text-align-right very-very-small-padding large-padding-bottom">
<a class="text-decoration-none-black background-white very-very-very-small-padding black-border small-margin-left small-margin-right" href="#top">Back To Top</a>
</div>
</section>
<footer class="footer background-white">
<div class="flex responsive-column-direction ">
<div class="flex flex-one align-center black-border border-right very-very-very-small-padding responsive-column-direction ">
<div class="logo-wrapper-footer small-margin">
<a class="text-decoration-none-black" href="./index.html"><img src="/img/logo.svg"></a>
</div>
<div class="flex-one responsive-margin-bottom">
<label for="input-email" class="padding-bottom">Join the Black Estate Club</label>
<div class="flex">
<input id="input-email" class="input-email responsive-margin-top" type="text" placeholder="Enter Your Email">
<a class="text-decoration-none-black background-gold black-border very-very-small-padding margin-center" href="./submitted.html">Submit</a>
</div>
</div>
</div>
<div class="flex-one black-border very-very-very-small-padding">
<div class="small-margin flex align-center responsive-column-direction">
<div class="flex flex-one small-margin-left ">
<div class="flex flex-column small-margin flex-one">
<a class="text-decoration-none-black" href="./shop.html"><h4 class="small-margin-bottom">Shop</h4></a>
<a class="text-decoration-none-black" href="./experience.html"><h4>Experience</h4></a>
</div>
<div class="flex flex-column small-margin flex-one">
<a class="text-decoration-none-black" href="./experience.html#restaurant"><h4 class="small-margin-bottom">Restaurant</h4></a>
<a class="text-decoration-none-black" href="./index.html"><h4>Home</h4></a>
</div>
</div>
<div class="flex flex-one align-center justify-center">
<div class="footer-icon-wrapper small-margin-right responsive-margin-right">
<a href="https://www.instagram.com/blackestate/?hl=en" target="_blank"><img src="./img/instagramicon.svg"></a>
</div>
<div class="footer-icon-wrapper">
<a href="https://www.facebook.com/blackestatewines/" target="_blank"><img src="./img/facebookicon.svg"></a>
</div>
</div>
</div>
</div>
</div>
<div class="black-estate-license flex align-center very-very-small-padding">
<p>Black Estate Limited | License 57/OFF/472/2020 – expiry 28th day of November 2023 | A copy of our license can be <a class="text-decoration-none-white" href="https://blackestate.co.nz/wp-content/uploads/2021/11/OF472_20211115_lic.pdf" target="_blank">viewed here</a>. | Biogro No: 5202. Media + Marketing Resources</p>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>