-
Notifications
You must be signed in to change notification settings - Fork 1
/
details.html
117 lines (115 loc) · 3.95 KB
/
details.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
<!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>Shopping</title>
<script
src="https://kit.fontawesome.com/18dcf284b5.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="navbar.css" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<link rel="stylesheet" href="detail.css" />
<link rel="stylesheet" href="export.css" />
<link rel="stylesheet" href="slider.css" />
<link rel="stylesheet" href="cartslider.css" />
</head>
<body>
<div id="nav_header"></div>
<div id="slider"></div>
<div id="mySidebar" class="sidebar"></div>
<div id="maindiv">
<div id="productimg"></div>
<div id="bigimg"></div>
<div id="last">
<h3 id="gucchih3"></h3>
<!--GUCCI-->
<h1 id="gucchih1"></h1>
<!--GUCCI GG MARMONT SMALL MATELASSE LEATHER SHOULDER BAG-->
<span class="span1"></span>
<!--$2,550.00-->
<span class="span2"></span>
<!--$1,798.99-->
<span class="span3">Save 29%</span>
<p class="p">Final Sale</p>
<p class="p1">FREE SHIPPING ON ORDERS OVER $99</p>
<hr />
<label for="span4" id="label1">SIZE</label>
<span class="span4">
(Please reference sizing images on a product if available; if
unavailable please use our size and conversion guide for proper
sizing.)
</span>
<label id="label2" for="">Medium</label>
<!-- <p id="beige">COLOR — Beige</p> -->
<!-- <label for="beige" id="lebal3"
><img
src="https://cdn.shopify.com/s/files/1/0248/3473/6191/products/1160127531_RLLZ_1_50x.jpg"
alt=""
/></label> -->
<button id="ATC">ADD TO CART</button>
<h4 id="h4">FINAL SALE: No Returns or Exchanges are accepted.</h4>
<p id="divp">Usually ships in 1 to 2 business days</p>
<ul>
<li>
About The Brand: Eclectic And Coveted. Italian Luxury Redefined.
</li>
<li>Made In Italy</li>
<li>Color/Material: Powder Leather</li>
<li>
Exterior Design Details: Light Fine Gold Hardware, Interlocking G
Logo
</li>
<li>Interior Design Details: Suede Lining, Interior Pocket</li>
<li>Measures 10In Wide X 6In High X 2.7In Deep</li>
<li>Top Handles Drop 12In</li>
<li>Shoulder Strap Drops 22In</li>
<li>Fold-Over Flap With Pushlock Closure</li>
<li>
Please Note: All Measurements Were Taken By Hand And Are
Approximate; Slight Variations May Occur.
</li>
<li>
Our Products Are 100% Genuine. In Some Cases We Purchase Merchandise
From Trusted Independent Suppliers And Not Directly From The Brand
Owner. In All Cases We Stand By The Authenticity Of Every Product
Sold On Our Site.
</li>
<li>SKU: BF-103341347-2DX7</li>
<h2>SHARE:<span class="material-icons"> email </span></h2>
</ul>
</div>
</div>
<h1 id="h1hu">YOU MAY ALSO LIKE</h1>
<div id="maintwo"></div>
<div id="page_footer"></div>
</body>
</html>
<script src="detail.js"></script>
<script type="module">
import {
headerHtml,
headerJS,
topSliderTxt,
bagSideClose,
bagSideOpen,
cartsliderhtml,
showCartItems,
} from "./components/header.js";
document.querySelector("#nav_header").innerHTML = headerHtml();
document.querySelector("#mySidebar").innerHTML = cartsliderhtml();
headerJS();
topSliderTxt();
bagSideOpen();
bagSideClose();
showCartItems();
</script>
<script type="module">
import footer from "./components/export.js";
document.querySelector("#page_footer").innerHTML = footer();
</script>