-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathiPadmini.html
134 lines (121 loc) · 5.57 KB
/
iPadmini.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Apple Price Compare</title>
<script src="iPadmini.js"></script>
<link href="Apple_Price_Compare.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="header">
<a href="Apple_Price_Compare.html">
<h1 id="big_title">Apple Price Compare-Mac</h1>
</a>
</div>
<div>
<ul>
<li><a href="Apple_Price_Compare.html">Home</a></li>
<li class="dp"><a>Mac</a>
<div class="dropdown-content">
<a href = "MacbookAir.html">Macbook Air</a>
<a href = "MacbookPro13.html">Macbook Pro 13"</a>
<a href = "MacbookPro16.html">Macbook Pro 16"</a>
<a href = "iMac24.html">iMac 24"</a>
<a href = "iMac27.html">iMac 27"</a>
</div>
</li>
<li class="dp" id="ipad"><a>iPad</a>
<div class="dropdown-content">
<a href = "iPadpro.html">iPad Pro</a>
<a href = "iPadair.html">iPad Air</a>
<a href = "iPadmini.html">ipad mini</a>
</div>
</li>
<li class="dp"><a>iPhone</a><div class="dropdown-content">
<a href = "iphone12pro.html">iPhone 12 Pro</a>
<a href = "iphone12.html">iPhone 12</a>
<a href = "iphoneSE.html">iPhone SE</a>
<a href = "iphone11.html">iPhone 11</a>
<a href = "iphoneXr.html">iPhone Xr</a>
</div>
</li>
<li class="dp"><a>Watch</a><div class="dropdown-content">
<a href = "WS6.html">Apple Watch Series 6</a>
<a href = "WSE.html">Apple Watch SE</a>
<a href = "WS3.html">Apple Watch Series 3</a>
</div>
</li>
</ul>
<p></p>
</div>
</div>
<div id="content">
<div class="product-header">
<h1>iPad mini 5</h1>
<div class="display-desc">
<div class="product-display">
<img id="product-display" src="img/ipad-mini-5.png" alt="iPad mini 5" >
</div>
<div class="product-descript">
<p>
Available in Silver, Space gray, or Gold, the iPad mini 5 is 5.3-inches by 8.0-inches and 0.24-inches thick. It has a standard storage capacity of 64GB that can be upgraded to 256GB for users who need more storage space. The 7.9-inch fingerprint-resistant display features a 2048-by-1536 resolution at 326 pixels per inch, supports the P3 color gamut, and has True Tone technology, which shifts colors to account for ambient lighting. The iPad mini 5 has an 8MP rear camera with a five-element lens that is capable of taking panoramic, live and HDR photos. It can capture 1080p HD video, slo-mo video at 240 frames-per-second, and time lapse video. The front-facing camera is a 7MP FaceTime HD camera. Touch ID makes unlocking your iPad a snap, and provides security when making purchases in the App Store. The 2019 iPad mini is also the first iPad mini to support the Apple Pencil. This iPad comes bundled with a Lightning-to-USB cable and a USB power adapter.
</p>
</div>
</div>
</div>
<table class="price-guide">
<thead>
<tr>
<td>Available Configurations</td>
<th><img src="img/Applelogo.png"></th>
<th><img src="img/Bestbuy.png"></th>
<th><img src="img/Amazon.png"></th>
<th><img src="img/Walmart.png"></th>
</tr>
</thead>
<tbody>
<tr class="item-row">
<td class="item-desc" id="item-desc1"></td>
<td class="item-price"><a href="https://www.apple.com/shop/buy-ipad/ipad-mini/64gb-gold-wifi">$399.00</a></td>
<td class="item-price"><a id="bestbuy" href="https://www.bestbuy.com/site/apple-7-9-inch-ipad-mini-5th-generation-with-wi-fi-64gb-gold/5497900.p?skuId=5497900"></a></td>
<td class="item-price"><a id="amazon1" href="https://smile.amazon.com/dp/B07PQ8VVG4/ref=redir_mobile_desktop?_encoding=UTF8&aaxitk=5822f37ce6637e8cd03643dcf623ad5f&hsa_cr_id=3855898770901&pd_rd_plhdr=t&pd_rd_r=ebaeec6d-af43-496b-90e8-139b1658cbc2&pd_rd_w=GYl9I&pd_rd_wg=qineP&ref_=sbx_be_s_sparkle_td_asin_0_title&th=1"></a></td>
<td class="item-price">NA</td>
</tr>
</tbody>
</table>
</div>
<section class="sub">
<p>Subscribe for the latest news<p>
<form method="post" class="subscribe-form">
<input type="text" name="Email address" placeholder="Email address">
<input id="submit" type="submit" value="Subscribe">
</form>
</section>
<br>
<br>
<br>
<div>
<div class="text">
<div>
<p>Group members: Anyi Xu, Haozhe Wu</p>
</div>
<div >
<p>Email: <a href="mailto:hw4123a@american.edu">hw4123a@american.edu</a>
</p>
</div>
</div>
</div>
<br>
<div id="copyRight">
@2021 Apple Price Compare. All rights reserved</div>
<div class="w3c">
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
</div>
<br>
</body>
</html>