-
Notifications
You must be signed in to change notification settings - Fork 0
/
items.html
132 lines (129 loc) · 8.34 KB
/
items.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
131
132
<html lang='en'>
<head>
<meta http-equiv="pragma" content="no-cache" />
<meta charset='UTF-8'/>
<title>Store</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"/>
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@300&family=Oswald:wght@200&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light" style = "background-color: #ff9991">
<div class="d-flex justify-content-center">
<a class="navbar-brand" href="index.html">
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDg5LjQgNDg5LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4OS40IDQ4OS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTM0Ny43LDI2My43NWgtNjYuNWMtMTguMiwwLTMzLDE0LjgtMzMsMzN2NTFjMCwxOC4yLDE0LjgsMzMsMzMsMzNoNjYuNWMxOC4yLDAsMzMtMTQuOCwzMy0zM3YtNTENCgkJCUMzODAuNywyNzguNTUsMzY1LjksMjYzLjc1LDM0Ny43LDI2My43NXogTTM1Ni43LDM0Ny43NWMwLDUtNC4xLDktOSw5aC02Ni41Yy01LDAtOS00LjEtOS05di01MWMwLTUsNC4xLTksOS05aDY2LjUNCgkJCWM1LDAsOSw0LjEsOSw5VjM0Ny43NXoiLz4NCgkJPHBhdGggZD0iTTQ4OS40LDE3MS4wNWMwLTIuMS0wLjUtNC4xLTEuNi01LjlsLTcyLjgtMTI4Yy0yLjEtMy43LTYuMS02LjEtMTAuNC02LjFIODQuN2MtNC4zLDAtOC4zLDIuMy0xMC40LDYuMWwtNzIuNywxMjgNCgkJCWMtMSwxLjgtMS42LDMuOC0xLjYsNS45YzAsMjguNywxNy4zLDUzLjMsNDIsNjQuMnYyMTEuMWMwLDYuNiw1LjQsMTIsMTIsMTJoNjYuM2MwLjEsMCwwLjIsMCwwLjMsMGg5M2MwLjEsMCwwLjIsMCwwLjMsMGgyMjEuNA0KCQkJYzYuNiwwLDEyLTUuNCwxMi0xMnYtMjA5LjZjMC0wLjUsMC0wLjktMC4xLTEuM0M0NzIsMjI0LjU1LDQ4OS40LDE5OS44NSw0ODkuNCwxNzEuMDV6IE05MS43LDU1LjE1aDMwNS45bDU2LjksMTAwLjFIMzQuOQ0KCQkJTDkxLjcsNTUuMTV6IE0zNDguMywxNzkuMTVjLTMuOCwyMS42LTIyLjcsMzgtNDUuNCwzOGMtMjIuNywwLTQxLjYtMTYuNC00NS40LTM4SDM0OC4zeiBNMjMyLDE3OS4xNWMtMy44LDIxLjYtMjIuNywzOC00NS40LDM4DQoJCQlzLTQxLjYtMTYuNC00NS41LTM4SDIzMnogTTI0LjgsMTc5LjE1aDkwLjljLTMuOCwyMS42LTIyLjgsMzgtNDUuNSwzOEM0Ny41LDIxNy4yNSwyOC42LDIwMC43NSwyNC44LDE3OS4xNXogTTIwMS42LDQzNC4zNWgtNjkNCgkJCXYtMTI5LjVjMC05LjQsNy42LTE3LjEsMTcuMS0xNy4xaDM0LjljOS40LDAsMTcuMSw3LjYsMTcuMSwxNy4xdjEyOS41SDIwMS42eiBNNDIzLjMsNDM0LjM1SDIyNS42di0xMjkuNQ0KCQkJYzAtMjIuNi0xOC40LTQxLjEtNDEuMS00MS4xaC0zNC45Yy0yMi42LDAtNDEuMSwxOC40LTQxLjEsNDEuMXYxMjkuNkg2NnYtMTkzLjNjMS40LDAuMSwyLjgsMC4xLDQuMiwwLjENCgkJCWMyNC4yLDAsNDUuNi0xMi4zLDU4LjItMzFjMTIuNiwxOC43LDM0LDMxLDU4LjIsMzFzNDUuNS0xMi4zLDU4LjItMzFjMTIuNiwxOC43LDM0LDMxLDU4LjEsMzFjMjQuMiwwLDQ1LjUtMTIuMyw1OC4xLTMxDQoJCQljMTIuNiwxOC43LDM0LDMxLDU4LjIsMzFjMS40LDAsMi43LTAuMSw0LjEtMC4xTDQyMy4zLDQzNC4zNUw0MjMuMyw0MzQuMzV6IE00MTkuMiwyMTcuMjVjLTIyLjcsMC00MS42LTE2LjQtNDUuNC0zOGg5MC45DQoJCQlDNDYwLjgsMjAwLjc1LDQ0MS45LDIxNy4yNSw0MTkuMiwyMTcuMjV6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=" width="50" height="50"/>
<div class=StoreName>Store</div>
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<div class="d-flex justify-content-center">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="items.html">Items<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.html">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</div>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline; my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-lg">
<div class="d-flex justify-content-center">
<h1>Items</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-lg">
<div class="d-flex justify-content-center">
<p>Below are our current items for sale.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg">
<div class="d-flex justify-content-center">
<div class="best-selling">Best-Selling</div>
</div>
<div class="d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="https://live.staticflickr.com/36/108408149_414b638b22.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Generic Shirt</h5>
<p class="card-text">Just a normal shirt (person sold seperately)</p>
<a href="generic_item_page.html" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg">
<div class="d-flex justify-content-center">
<div class="featured-item">Featured Item</div>
</div>
<div class="d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="https://live.staticflickr.com/2194/2435212284_364fb5848d_b.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Some Doors</h5>
<p class="card-text">Literally just some doors. Only available in bulk (for some reason).</p>
<a href="generic_item_page.html" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg">
<div class="d-flex justify-content-center">
<div class="on-sale">On Sale</div>
</div>
<div class="d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="https://live.staticflickr.com/2460/4054316327_54da1278d8_b.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Alarm Clock</h5>
<p class="card-text">Please buy this, it started ringing a few days ago and I can't figure out how to turn it off help</p>
<a href="generic_item_page.html" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-lg">
<div class="d-flex justify-content-center">
<p class ="footer-text">Store™ not an actual registered trademark. I'm not that cruel (or rich).</p>
</div>
</div>
<div class="col-lg">
<div class="d-flex justify-content-center">
<a href="#" class="btn btn-light">GitHub Repo</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>