forked from sahilsolanki08/converse
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (65 loc) · 2.05 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
<!DOCTYPE html>
<html>
<head>
<title>P1</title>
<link rel="stylesheet" type="text/css" href="sp1.css">
</head>
<body>
<div class="nav">
<div class="nav-links-container">
<a class="brand" href="#CONVERSE">CONVERSE</a>
<a href="#Men">men</a>
<a href="#Women">Women</a>
<a href="#Collections">Collections</a>
<a href="#Contact">Contact</a>
</div>
<div class="right">
<a href="#Sign In">Sign In</a>
<a href="#View Cart">View Cart</a>
</div>
</div>
<div class="grid">
<div class="leftside">
<div class="main">
<img src="images/c5.jpeg">
</div>
<div class="secondary">
<img src="images/c1.jpeg">
<img src="images/c3.jpeg">
<img src="images/c2.jpeg">
<img src="images/c4.jpeg">
</div>
</div>
<div class="rightside">
<h2>CONVERSE</h2>
<h1>Chuck Taylor All Star</h1>
<p>We could tell you that its the OG basketball shoe, created over 100 years ago. Or that the design has largely stayed the same, because why mess with a good thing. Or how it became the unofficial sneaker of all your favorite artists and musicians, who each made it their own. Yeah, we could share a lot of stories, but the one that matters most isnt ours, its yours. It is how and where you take your Chucks. The legacy is long, but what comes next is up to you. We just make the shoe. You make the stories.</p>
<div class="price">
<h3>$50</h3>
<h4>50% OFF</h4>
</div>
<s>$100</s>
<div class="transaction">
<p class="size">Select a Size </p>
<select>
<option> Men's 3 / Women's 5</option>
<option> Men's 4 / Women's 6</option>
<option> Men's 5 / Women's 7</option>
<option> Men's 6 / Women's 8</option>
<option> Men's 7 / Women's 9</option>
</select>
<p class="color">Colour</p>
<select>
<option>Red</option>
<option>Yellow</option>
<option>Blue</option>
<option>Black</option>
<option>Green</option>
</select>
<p><button type="button">Add to Cart</button></p>
</div>
</div>
</div>
</section>
</body>
</html>