-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (116 loc) · 7.84 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sneaker Shop</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="menu">
<h1>
Sneaker Shop
</h1>
<nav class="wrapper">
<ul class="select">
<li><a href="#"></a>Home</li>
<li>
<a href="#">Buy</a>
<ul>
<li><a href="#">Credit card</a> </li>
<li><a href="#">Bitcoin</a></li>
</ul>
</li>
<li><a href="#">Sell</a>
<ul>
<li><a href="#">Credit card</a>
<ul>
<li><a href="#">Visa</a></li>
<li><a href="#">Master</a>
<ul>
<li><a href="#">Black Card</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Bitcoin</a></li>
</ul>
</li>
<li><a href="#">Delivery</a>
<ul>
<li><a href="#">Sea</a></li>
<li><a href="#">Air </a></li>
<li><a href="#">Road</a> </li>
</ul>
</li>
</ul>
</nav>
<div id="load">
<div class="load1"></div>
<div class="load2"></div>
<div class="load3"></div>
</div>
</header>
<div class="gradient">
<p>buy</p>
</div>
<div class="container">
<div class="gallery">
<div class="a"></div><span>Jordan 1</span><span>Made by Virgil</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="b"></div><span>Yeezy 350</span><span>Made by Kanye</span><span>Price: $340</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="d"></div><span>Y3</span><span>Made by Adidas</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="e"></div><span>Y3</span><span>Made by Adidas</span><span>Price: $340</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="f"></div><span>Air-force 1</span><span>Made by Nike</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="g"></div><span>Air-force 1</span><span>Made by Nike</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="h"></div><span>Vans hi-skul</span><span>Made by Vans</span><span>Price: $340</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="i"></div><span>Jeremy Scott Wings</span><span>Made by Adidas</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="j"></div><span>Dior</span><span>Made by Dior Homme</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="k"></div><span>Nike</span><span>Made by Nike</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="l"></div><span>Diadora N9000</span><span>Made by Diadora</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
<div class="gallery">
<div class="m"></div><span>All Star Converse</span><span>Made by Converse</span><span>Price: $980</span><span>Posted on May 30,2020.</span><button>Buy</button>
</div>
</div>
<div id="para">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur consequatur itaque assumenda qui natus distinctio perspiciatis asperiores ipsam cupiditate, optio cum quaerat libero error ipsum necessitatibus incidunt quos vero sit?
</p>
</div>
<script src="works.js"></script>
</body>
</html>