-
Notifications
You must be signed in to change notification settings - Fork 2
/
shop4.html
80 lines (65 loc) · 4 KB
/
shop4.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
<!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>DERMAdoctor | SkinStore</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>DERMAdoctor</h1>
</div>
<div class="ProductTypeTittle"><p>Founded by a board-certified dermatologist, DERMAdoctor was created with a mission to solve common skincare issues and concerns that many people struggle with and are commonly ignored by the beauty industry. DERMAdoctor addresses these skin conditions by providing effective and soothing treatments for irritated and problematic skin.<span id="dots">...</span><span id="more"> DERMAdoctor focuses on creating a simplistic skincare regime so that your skin is not over faced with products – their collection of skincare products, including cleansers, BB creams and exfoliators, makes routines simple to maintain whilst guaranteeing positive results that you can actually see. Their reputation as a leading skincare brand is world-renowned, as their products combat all skin issues and conditions, from the early signs of aging to recurring blemishes.
</span></p></div>
<div class="ProductTypeTittle"><p>
<br>
</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="Shop4.js"></script>
<script type="module" src="./imported.js"></script>