-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathshop3.html
81 lines (64 loc) · 3.68 KB
/
shop3.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
<!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">
<!--Here I linked the landingPageStyle -->
<title>New! Latest Beauty Products</title>
<link rel="stylesheet" href="shopStyles.css">
<link rel="stylesheet" href="./navbar.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<script src="https://kit.fontawesome.com/239b8919c6.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="navbar"></div>
<div id="offer"></div>
<div id="search"></div>
<div class="ProductTypeTittle">
<h1>New! Latest Beauty Products</h1>
</div>
<div class="ProductTypeTittle"><p>The #1 Luxury British Skincare Brand.
Your skin, your body and your wellness lie at the heart of ELEMIS.<span id="dots">...</span><span id="more"> Every GROUND-BREAKING formula is an innovative blend of science with the chemistry of nature, carefully crafted by a dedicated team of explorers, scientists and skincare experts.
Encompassing the most POWERFUL biological actives available from both ‘above and below’ the earth’s surface, ELEMIS’ meticulous attention to detail, pioneering formulas and remarkably transformative RESULTS is what truly sets our skincare apart.
</span></p></div>
<button onclick="myFunction()" id="myBtn">Read more</button>
<div id="FilterAndSortBox">
<select onchange="Tsort()" id="sortT">
<option value="">Sort By</option>
<option value="high">Price: High to Low</option>
<option value="low">Price: Low to High</option>
</select>
<input type="text">
<select name="" id="">
<option value="">Skin Product Type</option>
<option value="">Price: High to Low</option>
<option value="">Price: Low to High</option>
</select>
<select name="" id="">
<option value="">Skincar Format</option>
<option value="">Price: High to Low</option>
<option value="">Price: Low to High</option>
</select>
<select name="" id="">
<option value="">Skincare Tools</option>
<option value="">Price: High to Low</option>
<option value="">Price: Low to High</option>
</select>
<select name="" id="">
<option value="">Skin Type</option>
<option value="">Price: High to Low</option>
<option value="">Price: Low to High</option>
</select>
<p>+Filters</p>
</div>
<!-- Content -->
<div id="container"></div>
<!-- *********** -->
<div id="footer"></div>
</body>
</html>
<script src="Shop3.js"></script>
<script type="module" src="./imported.js"></script>