-
Notifications
You must be signed in to change notification settings - Fork 1
/
cs.html
228 lines (228 loc) · 14.2 KB
/
cs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Lightology</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column">
<main class="flex-shrink-0">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a class="navbar-brand" href="index.html">Lightology</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"><span
class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownPortfolio" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">Products</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownPortfolio">
<li><a class="dropdown-item" href="truck-bed-cover.html">Truck Bed Covers</a></li>
<li><a class="dropdown-item" href="leds.html">LED Bulbs</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="py-5">
<div class="container px-5">
<div class="row justify-left-left">
<div class="col-lg-8 col-xxl-6">
<div class="text-left my-5">
<h1 class="fw-bolder mb-3 font-bold">About My Order</h1>
<p class="lead fw-normal mb-4 font-bold"><strong>How do I check the status of my order? What is an order number? How do I track my order using this number?</strong>
<p class="lead fw-normal mb-4">An order number is used to reference your order by our ordering system. After you place an order, you will be given a username and password, which you can use to check your purchase online using your order number. To track your order number, click on My Account and review your order details.
<p class="lead fw-normal mb-4">If you’ve lost your order number and want to retrieve it, please Email us at [email protected] and provide us with your order date and the full name you used in the billing section (not ship to section) of the checkout page when you made your purchase.
</div>
</div>
</div>
</div>
</header>
<header class="py-5">
<div class="container px-5">
<div class="row justify-left-left">
<div class="col-lg-8 col-xxl-6">
<div class="text-left my-5">
<h1 class="fw-bolder mb-3 font-bold">Cancellation Policy</h1>
<p class="lead fw-normal mb-4">Only orders that have not been confirmed for payment can be cancelled. Cancelling an order should be done before receipt of the Invoice-Payment voucher (sent via email).
</div>
</div>
</div>
</div>
</header>
<header class="py-5">
<div class="container px-5">
<div class="row justify-left-left">
<div class="col-lg-8 col-xxl-6">
<div class="text-left my-5">
<h1 class="fw-bolder mb-3 font-bold">Payment and Billing</h1>
<p class="lead fw-normal mb-4 font-bold"><strong>What methods of payment do you accept?</strong>
<p class="lead fw-normal mb-4">The fastest methods to process your order include all major Credits Card: Visa, MasterCard, American Express and Discovery or through Paypal, and Google Checkout.
<p class="lead fw-normal mb-4 font-bold"><strong>During the checkout process, I noticed "phone number" was a required field. Why do you need my phone number?</strong>
<p class="lead fw-normal mb-4">We collect your phone number as well as other contact details so we can inform you if there is a problem with your account or purchase. We may also contact you in case we need to verify or clarify information you provided us.
<p class="lead fw-normal mb-4">We may engage with other companies for certain transactions, but we will not share your contact details or other personally identifiable information unless necessary and with your permission.
</div>
</div>
</div>
</div>
</header>
<!-- Customer Service-->
<section class="py-5" id="addition">
<div class="container px-5 my-5">
<div class="row gx-5 justify-content-center">
</div>
<div class="row gx-5">
<div class="col-lg-4 mb-5">
<div class="card h-100 shadow border-0">
<div class="card-body p-4">
<h3 class="text-decoration-none link-dark">CUSTOMER SERVICE</h3>
<ul class="footer links">
<li>
<a href="cs.html">Customer Service</a>
</li>
<li>
<a href="about.html">Our Company</a>
</li>
<li>
<a href="###AdvancedSearchlinkhere###">Advanced Search</a>
</li>
</ul>
</div>
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
<div class="d-flex align-items-end justify-content-between">
<div class="d-flex align-items-center">
</div>
</div>
</div>
</div>
</div>
<!--Customer Info-->
<div class="col-lg-4 mb-5">
<div class="card h-100 shadow border-0">
<div class="card-body p-4">
<h3 class="text-decoration-none link-dark">CUSTOMER INFORMATION</h3>
<ul class="footer links">
<li>
<a href="###Orderstatuslinkhere###">Order Status</a>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
<li>
<a href="wholesale.html">Wholesale</a>
</li>
</ul>
</div>
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
<div class="d-flex align-items-end justify-content-between">
<div class="d-flex align-items-center">
</div>
</div>
</div>
</div>
</div>
<!--Corperate-->
<div class="col-lg-4 mb-5">
<div class="card h-100 shadow border-0">
<div class="card-body p-4">
<h3 class="text-decoration-none link-dark">CORPERATE</h3>
<ul class="footer links">
<li>
<a href="pp.html">Private Policy</a>
</li>
<li>
<a href="terms.html">Terms and conditions</a>
</li>
</ul>
</div>
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
<div class="d-flex align-items-end justify-content-between">
<div class="d-flex align-items-center">
</div>
</div>
</div>
</div>
</div>
<!--Information-->
<div class="col-lg-4 mb-5">
<div class="card h-100 shadow border-0">
<div class="card-body p-4">
<h3 class="text-decoration-none link-dark">INFORMATION</h3>
<ul class="footer links">
<li>
<a href="shipping.html">Delivery Information</a>
</li>
<li>
<a href="warranty.html">Warranty</a>
</li>
<li>
<a href="rp.html">Return Policy</a>
</li>
</ul>
</div>
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
<div class="d-flex align-items-end justify-content-between">
<div class="d-flex align-items-center">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to action-->
<aside class="bg-primary bg-gradient rounded-3 p-4 p-sm-5 mt-5">
<div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start">
<div class="mb-4 mb-xl-0">
<div class="fs-3 fw-bold text-white">New products, delivered to you.</div>
<div class="text-white-50">Sign up for our newsletter for the latest updates.</div>
</div>
<div class="ms-xl-4">
<div class="input-group mb-2">
<input class="form-control" type="text" placeholder="Email address..." aria-label="Email address..." aria-describedby="button-newsletter" />
<button class="btn btn-outline-light" id="button-newsletter" type="button">Sign up</button>
</div>
<div class="small text-white-50">We care about privacy, and will never share your data.</div>
</div>
</div>
</aside>
</div>
</section>
</main>
<!-- Footer-->
<footer class="bg-dark py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto"><div class="small m-0 text-white">Copyright © CIS 3610 Project, 2021</div></div>
<div class="col-auto">
<a class="link-light small" href="#!">Privacy</a>
<span class="text-white mx-1">·</span>
<a class="link-light small" href="#!">Terms</a>
<span class="text-white mx-1">·</span>
<a class="link-light small" href="#!">Contact</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>