-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmen.html
130 lines (126 loc) · 3.63 KB
/
men.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
<!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>men page</title>
<link rel="stylesheet" href="./css/categories.css" />
</head>
<body>
<header>
<a class="pointer pm-0 scale-1" href="./index.html">
<img class="logo" src="img/logo.png" height="40" alt="LC-wakiki logo" />
</a>
<div class="navbar">
<nav>
<p class="pointer">Categories ▼</p>
<div class="dropdown">
<a href="./babies.html">babies</a>
<a href="./children.html">children</a>
<a href="./men.html">men</a>
</div>
</nav>
<a href="./about.html">About</a>
</div>
</header>
<main>
<h1>men category</h1>
<div class="clothes">
<h2 class="title">clothes</h2>
<ul class="clothes-ul">
<li>
<img
src="./img/items/man-jacket1.jpg"
alt="clothes"
width="300px"
height="300px"
/>
<div class="buy-box">
<p>men suit</p>
<div>
<span class="mr-05"> 53<strong>$</strong> </span>
<button class="btn--buy">Buy</button>
</div>
</div>
<hr />
<p>Good blue suit for men</p>
</li>
<li>
<img
src="./img/items/man-jacket2.jpg"
alt="clothes"
width="300px"
height="300px"
/>
<div class="buy-box">
<p>Brown jacket</p>
<div>
<span class="mr-05"> 30<strong>$</strong> </span>
<button class="btn--buy">Buy</button>
</div>
</div>
<hr />
<p>Good Brown jacket for men</p>
</li>
<li>
<img
src="./img/items/man-shirt.jpg"
alt="clothes"
width="300px"
height="300px"
/>
<div class="buy-box">
<p>brown t-shirt</p>
<div>
<span class="mr-05"> 18<strong>$</strong> </span>
<button class="btn--buy">Buy</button>
</div>
</div>
<hr />
<p>Good brown t-shirt for men</p>
</li>
<li>
<img
src="./img/items/man-shirt2.jpg"
alt="clothes"
width="300px"
height="300px"
/>
<div class="buy-box">
<p>brown t-shirt</p>
<div>
<span class="mr-05"> 23<strong>$</strong> </span>
<button class="btn--buy">Buy</button>
</div>
</div>
<hr />
<p>Good brown t-shirt for men</p>
</li>
<li>
<img
src="./img/items/man-shirt3.jpg"
alt="clothes"
width="300px"
height="300px"
/>
<div class="buy-box">
<p>blue t-shirt</p>
<div>
<span class="mr-05"> 15<strong>$</strong> </span>
<button class="btn--buy">Buy</button>
</div>
</div>
<hr />
<p>Good blue t-shirt for men</p>
</li>
</ul>
</div>
</main>
<footer>
<span id="js-clock"></span>
</footer>
<script src="js/buyBtn.js"></script>
<script src="js/clock.js"></script>
</body>
</html>