forked from asr0212/sephora_clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
singlePro.html
86 lines (81 loc) · 2.66 KB
/
singlePro.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
<!DOCTYPE html>
<html>
<head>
<title>api</title>
<link
rel="shortcut icon"
href="https://static.nnnow.com/client/assets/images/favicon.ico"
/>
<link rel="stylesheet" href="./style/singlePro.css" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style/footer.css">
<link
rel="stylesheet"
href="https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style/navbar.css" />
<link rel="stylesheet" href="./style/sidebar.css" />
<link rel="stylesheet" href="./style/stickynav.css" />
</head>
<body>
<div id="component"></div>
<div id="singleProduct">
<div id="sideBox"></div>
<div id="mainBox"></div>
<div id="priceBox"></div>
</div>
<div id="discription">
<div id="btn3">
<button onclick="finerDetails()">THE FINER DETAILS</button>
<button onclick="aboutBrand()">ABOUT BRAND</button>
<button onclick="exchange()">RETURNS & EXCHANGE</button>
</div>
<div id="content"></div>
</div>
<div class="container">
<h1>Similar Products</h1>
<div class="slidWindow">
<div class="left">
<span class="material-symbols-outlined"> arrow_back_ios </span>
</div>
<div class="innerDiv">
<!-- <div class="card">1</div>
<div class="card">2</div>
<div class="card">3</div>
<div class="card">4</div>
<div class="card">5</div>
<div class="card">2</div>
<div class="card">3</div>
<div class="card">4</div>
<div class="card">5</div> -->
</div>
<div class="right">
<span class="material-symbols-outlined"> arrow_forward_ios </span>
</div>
</div>
<!-- <div class="lr-btn">
</div> -->
</div>
<div id="footer"></div>
</body>
</html>
<script src="components/fetch.js"></script>
<script src="./script/singlePro.js"></script>
<script type="module">
import { navbar } from "./components/navbar.js";
document.getElementById("component").innerHTML = navbar();
import {footer} from "./components/footer.js";
document.getElementById("footer").innerHTML = footer();
</script>
<script src="./script/navscript.js" type="module"></script>
<script src="./script/sidebar.js"></script>
<script src="./script/input.js"></script>
<script src="./script/fetch.js"></script>