-
Notifications
You must be signed in to change notification settings - Fork 2
/
site5.html
179 lines (169 loc) · 9.15 KB
/
site5.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Returns</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.accordion, .panel {
font-family: 'Noto Sans', sans-serif;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1>Shipping And Returns Policy</h1>
</header>
<div class="navigation" id="navBar">
<a href="home_page.html">HOME</a>
<a href="site1.html">HEADPHONES</a>
<a href="site2.html">CAMERAS</a>
<a href="site3.html">MOBILE ACCESSORIES</a>
<a href="site4.html">PC ACCESSORIES</a>
<a href="site5.html" class="active">RETURNS</a>
<a href="site6.html">CONTACT</a>
<a href="javascript:void(0);" class="js" onclick()="minimize()">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="grid-container">
<div class="grid-item">
<div class="grid-elem">
<figure class="figure" id="fig1">
<img src="airpods.jpg" alt="img not loading">
</figure>
</div>
</div>
<div class="grid-item">
<div class="grid-elem">
<figure class="figure" id="fig2">
<img src="m10.JPG" alt="img not loading">
</figure>
</div>
</div>
<div class="grid-item">
<div class="grid-elem">
<figure class="figure" id="fig3">
<img src="power.JPG" alt="img not loading">
</figure>
</div>
</div>
</div>
<button class="accordion">Return Policy</button>
<div class="panel">
<p>Thank you for your online purchase. This website currently does not support live inventory data. Return requests must be made within 14 days of the delivery date. You must enter your product order number in the form below along with your date of purchase, reason for return, as well as your first and last name. Refunds are not guarenteed. </p>
</div>
<button class="accordion">Return Form</button>
<div class="panel">
<form>
First name:<br>
<input type="text" name="firstname" placeholder="John">
<br>
Last name:<br>
<input type="text" name="lastname" placeholder="Doe">
<br>
Order Number:<br>
<input type="text" name="lastname" placeholder="12345">
<br>
Enter Date:<br>
<input type="date" id="start" name="date" placeholder="2019-10-26" min="2018-01-01" max="2020-01-31">
<br>
<p><strong>Select your Item.</strong></p>
<select>
<option value="Airpods">AirPods with Charging Case</option>
<option value="Apogee">Apogee Sennheiser AMBEO Smart Headset</option>
<option value="Beoplay">Bang & Olufsen Beoplay H9i Noise-Cancelling Bluetooth Over-Ear Headphones</option>
<option value="Bose 700">Bose Noise Cancelling Headphones 700</option>
<option value="Bose QuietComfort 35">Bose QuietComfort 35 Wireless Headphones II</option>
<option value="Bose QuietComfort 30">Bose QuietComfort 30 Wireless Headphones</option>
<option value="Beats Solo Pro">Beats Solo Pro Wireless Noise Cancelling Headphones</option>
<option value="Beats Solo3">Beats Solo3 Wireless Headphones</option>
<option value="BeatsX">BeatsX Earphones</option>
<option value="Fujifilm X-Pro 2">Fujifilm X-Pro 2</option>
<option value="Fujifilm X-T2">Fujifilm X-T2</option>
<option value="Fujifilm X-E3">Fujifilm X-E3</option>
<option value="Sony α7S II">Sony α7S II</option>
<option value="Sony α6300">Sony α6300</option>
<option value="Sony α6000">Sony α6000</option>
<option value="Leica M 10">Leica M 10</option>
<option value="Leica MP 0.72">Leica MP 0.72</option>
<option value="Leica M-E">Leica M-E</option>
<option value="Google USB Type C to 3.5mm Headphone Adapter">Google USB Type C to 3.5mm Headphone Adapter</option>
<option value="ZAGG Screen Protector for iPhone 11">ZAGG Screen Protector for iPhone 11</option>
<option value="Yootech Wireless Charger">Yootech Wireless Charger</option>
<option value="Sandisk Ultra Flash Memory Card - 32 GB">Sandisk Ultra Flash Memory Card - 32 GB</option>
<option value="Wilson Electronics Pole Mount for Outside Home Antenna">Wilson Electronics Pole Mount for Outside Home Antenna</option>
<option value="Beam Electronics Universal Smartphone Car Air Vent Mount Holder Cradle">Beam Electronics Universal Smartphone Car Air Vent Mount Holder Cradle</option>
<option value="Anker PowerCore 10000">Anker PowerCore 10000</option>
<option value="OontZ Angle 3 Bluetooth Portable Speaker">OontZ Angle 3 Bluetooth Portable Speaker</option>
<option value="Skoogmusic Skwitch">Skoogmusic Skwitch</option>
<option value="Sandisk 64GB USB">Sandisk 64GB USB</option>
<option value="GPCM Mouse Model O">GPCM Mouse Model O</option>
<option value="Lapower 65W Leveno Laptop Charger">Lapower 65W Leveno Laptop Charger</option>
<option value="Apple Macbook Charger USB-C 87W">Apple Macbook Charger USB-C 87W</option>
<option value="Dell 27" $quot IPS Panel 1920x1080 Monitor">Dell 27" IPS Panel 1920x1080 Monitor</option>
<option value="BenQ 22" eye care monitor">BenQ 22" eye care monitor</option>
<option value="Inkjet Printer">Inkjet Printer</option>
<option value="Syncwire HDMI cable 6.5 feet">Syncwire HDMI cable 6.5 feet</option>
<option value="VGA cable 6 feet">VGA cable 6 feet</option>
</select>
<br>
<p><strong>Why are you returning this?</strong></p>
<select>
<option value="No Longer Needed">No Longer Needed</option>
<option value="Item Defective or Doesnt Work">Item Defective or Doesnt Work</option>
<option value="Bought By Mistake">Bought By Mistake</option>
<option value="Item Arrived Too Late">Item Arrived too Late</option>
<option value="Broken or Missing Parts">Broken or Missing Parts</option>
<option value="Wrong Item was sent">Wrong Item was sent</option>
</select>
<br><br>
<input class="btn" type="submit" value="Submit">
</form>
</div>
<button class="accordion">Shipping</button>
<div class="panel">
<p>Shipping is free for all purchases over $200. The standard delivery time 4-6 business days.</p>
</div>
<footer class="footer">
<h5>General Electronics © 2019</h5>
<ui class="footer-nav">
<li><a href="home_page.html">Home</a></li>
<li><a href="site1.html">Headphones</a></li>
<li><a href="site2.html">Cameras</a></li>
<li><a href="site3.html">Mobile Accessories</a></li>
<li><a href="site4.html">PC Accessories</a></li>
<li><a href="site5.html">Returns</a></li>
<li><a href="site6.html">Contact</a></li>
</ui>
</footer>
<script src="script.js"></script>
<script type="text/javascript">
function minimize() {
var navBar = document.getElementById("topNav");
if (navBar.className == "navigation")
navBar.className += " responsive";
else
navBar.className = "navigation";
}
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
}
else {
panel.style.maxHeight = panel.scrollHeight+"px";
}
});
}
</script>
</body>
</html>