-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdelivery.html
260 lines (237 loc) · 14.6 KB
/
delivery.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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale-1">
<title>Augello Photoworld</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower%7CPermanent+Marker%7CRoboto" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css" type="text/css" />
<link rel="stylesheet" href="assets/css/main.css" type="text/css">
</head>
<body>
<!--Header-->
<header>
<!--Nav-->
<nav class="navbar navbar-default">
<!--container fluids-->
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Augello PhotoWorld</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home <span class="sr-only">(current)</span></a></li>
<li><a href="gallery.html">Photobook</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
<ul class="dropdown-menu menu-cascade">
<li><a href="services.html">Services and Prices</a></li>
<li><a href="delivery.html">Delivery & Payment Info</a></li>
<li role="separator" class="divider"></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
</ul>
<!--Socials Nav-->
<div class="social-navbar">
<ul class="list-inline social-links">
<li><a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a target="_blank" href="#"><i class="fab fa-pinterest"></i></a></li>
<li><a target="_blank" href="#"><i class="fab fa-instagram"></i></a></li>
<li><a target="_blank" href="#"> <i class="fab fa-youtube"></i></a></li>
</ul>
</div>
<!--/.Socials Nav-->
</div>
</div>
<!-- /.container-fluid -->
</nav>
<!-- .Nav-->
</header>
<!--/.Header-->
<!--Callout-->
<div class="container-fluid logo-container">
<div class="opaque-overlay"> </div>
<!-- Callout -->
<div class="row callout-row">
<div class="col-xs-12">
<section class="callout jumbotron text-center">
<h2>Photography is not looking, it is feeling.</h2>
<hr class='block-divider block-divider--orange'>
<p class="lead">Sign up today to be always update on my best offers.
<p><button class="btn btn-lg btn--cta btn--red" data-toggle='modal' data-target='#signUpModal'>Sign Up!</button></p>
</section>
</div>
</div>
</div>
<!-- /.callout -->
<section>
<div class="container">
<div class="container-fluid">
<div class="dispatch-container-fluid">
<div>
<h1 class="uppercase title-header">Delivery Info</h1>
<hr>
<p>
If you cannot collect your print we can send it to you!
</p>
<p>Traceable delivery is
<span class="free">Free</span> when you spend more than 100€ on our services or when you choose one of our Package. </p>
</div>
<div>
<h3 class="title-header">Our Delivery prices are as follow:</h3>
<div class="container-fluid">
<table class="table table-bordered table-size">
<thead>
<tr>
<th>Country</th>
<th>Price €</th>
<th>Extimated Working Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>Republic of Ireland (untraceable)</td>
<td>FREE</td>
<td>3-5 Days</td>
</tr>
<tr>
<td>Republic of Ireland (traceable)</td>
<td>5€</td>
<td>1-2 Days</td>
</tr>
<tr>
<td>Northern Ireland</td>
<td>7,50€</td>
<td>2-3 Days</td>
</tr>
<tr>
<td>United Kingdom</td>
<td>12€</td>
<td>2-5 Days</td>
</tr>
<tr>
<td>Europe</td>
<td>15€</td>
<td>3-8 Days</td>
</tr>
</tbody>
</table>
<p class="small"><em>N.B.: Once we have dispatched, the time it takes for your order to reach you is unfortunately out of our control. Delivery times can vary from country to country. We can give you an estimated time only.</em></p>
</div>
<div class="container-fluid">
<h3 class="title-header">Other Delivery Info</h3>
<div>
<ol>
<li>We'll sent you a confirmation email with your order number and details of your purchased products. This email is the one you provided ordering our services from our contact form. This email will be used to update you
on your order.
</li>
<li> When the order you coose is ready to be posted you'll receive an email with dispatch information and all the info to track your package.</li>
</ol>
<p>All our deliveries are handled by Nightline . On receipt of payment clearance we will dispatch your goods and will inform you by email. All goods will be inspected by us before they are dispatched from our warehouse store.
</p>
<p>Delivery will be made to the delivery address specified during the order process which may need to be verified before dispatch. The customer will be asked to sign for any goods delivered, at which point the responsibility
of the goods passes to the customer.</p>
<p>If the goods are damaged in transit you must keep all packaging as this may be required when making any claim. It is incumbent on the customer to check the product and notify the company within 48 hours if there is any
problem with the goods delivered.</p>
</div>
</div>
<div class="container-fluid dispatch-container-fluid">
<h3 class="title-header">Dispatch</h3>
<p>Our main priority is you. You've chosen to order with us and we really appreciate your custom, therefore, we aim to dispatch as quickly as we can. Usually, orders leave our warehouse within 3-5 working days*. Once your order
has left our warehouse you will receive a confirmation email. Delivery time is in addition to this.</p>
<p class="small">*Dispatch times during busy periods such as Black Friday and other sales or restock periods can be up to 8-10 working days.</p>
<h6>Important:</h6>
<p>We include your email address and phone number on the postal label so as if there is an issue with delivery, it may be a point of contact for the person delivering. If you wish for this information not
to be included on your label, please state this in the Note Section at the time of ordering.</p>
</div>
</div>
</div>
<hr>
<div>
<h1 class="uppercase title-header">Payment</h1>
<p>We want to made easy and safe your booking. To ensure this we use PayPal payment.</p>
<p>We have some important info for you:</p>
<ul>
<li>To book our services we require the 50% in advance. The same will be request after we decide to accept your request.</li>
<li>You won't be charged at the moment of the request, after you made it we will consider it and we will be in touch with you.</li>
<li> You are entiled to have your money back in case of you decide to cancel your booking until 3 days from the booking.</li>
<li>When you book one of our package you have to tell us if you change your mind at least 7 days before the date.</li>
<li>If you decide to cancel your reservation before our terms you won't be allowed to receive the refound.</li>
<li>We have the right to cancel a reservation in case of rare occasions, we will be with you anyway and we will find a solution immediately. As said we protect our customer.</li>
<li>We have the right to refuse a reservation.</li>
<li>A full list of Terms & Condition will be sent to you automatically after your request, it will be asked the agrement of same to proceed with the booking.</li>
</ul>
</div>
</div>
</div>
</section>
<!--Footer-->
<footer class="container-fluid footer-container-fluid">
<div id="footer-details" class="row">
<div class="list-inline footer-social-links">
<ul class="list-inline footer-social-links">
<li><a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a target="_blank" href="#"><i class="fab fa-pinterest"></i></a></li>
<li><a target="_blank" href="#"><i class="fab fa-instagram"></i></a></li>
<li><a target="_blank" href="#"> <i class="fab fa-youtube"></i></a></li>
</ul>
</div>
<a class="footer-brand hvr-float-shadow" href="index.html">
<p class="footer-text">Augello PhotoWorld</p>
</a>
<p class="footer-text">Copyright <i class="fa fa-copyright" aria-hidden="true"></i> Antonio Augello Photographer.</p>
<p class="footer-text"> Web Site developed as First Milestone Project for CodeInstitute.</p>
</div>
</footer>
<!--/.Footer-->
<!-- Modal -->
<div class="modal fade" id="signUpModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Sign Up to receive my best offers!</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Email*" required>
<p class="help-block">We'll never share your email address with anyone</p>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password*" required>
</div>
<div class="form-group">
<label for="passwordRepeat">Repeat Password</label>
<input type="password" class="form-control" id="passwordRepeat" placeholder="Repeat Your Password*" required>
</div>
<button type="submit" class="btn btn-success">Sign Up!</button>
</form>
</div>
</div>
</div>
</div>
<!-- /.Modal -->
<!--script-->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<!--Script mod-->
<script>
$(document).ready(function() {
$('body,html').animate({ scrollTop: 450 }, 800);
});
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>