-
Notifications
You must be signed in to change notification settings - Fork 0
/
products.html
66 lines (64 loc) · 3.02 KB
/
products.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=600px, initial-scale=1">
<title>Products</title>
<link rel="stylesheet" href="css/productsyle.css">
<script src="jquery-3.6.0.min.js"></script>
</head>
<body>
<header>
<h1 id="title">VehicleDealings</h1>
<img src=images/vintage-car-png.png id="car">
</header>
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="Gallery.html">Gallery</a></li>
<li><a href=products.html>Products</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<button class="nav">Show/Hide Menu</button>
</nav>
<section>
<h1 id="available">A taste of what is available to be bought at our store!</h1>
<div id = "item1">
<img src=images/Classic-cars.png class="vehicle">
<h2 id="classic">Classic Car</h2>
<p id="price">$30,000 NEW</p>
<button class="cartAdd">Add to Cart</button>
<button class="infoShow1">Info</button>
<p class="info1">A blast from the past! Get this brand new car and drive as if you had went back in time.</p>
</div>
<div id = "item2">
<img src="images/MotorScoter.png" class="vehicle">
<p id="MotorScoter">MotorScooter</p>
<p id="secondprice">$15,000 1 LEFT!</p>
<button class="cartAdd">Add to Cart</button>
<button class="infoShow2">Info</button>
<p class="info2">In need of a quick but simple ride? Get this product in order to ensure a safe and fun drivng experience with this scooter!</p>
</div>
<div id="item3">
<img src="images/motorbike.png" class="vehicle">
<p id="motorbike">MotorBike</p>
<p id="thirdprice">$17,000 OUT OF STOCK!</p>
<button class="outofStock">Add to Cart</button>
<button class="infoShow3">Info</button>
<p class="info3">This is a great bike for those who want to get a little more than a quick ride. Get this bike and enjoy your ride!</p>
</div>
<div id="item4">
<img src="images/newCar.png" class="vehicle">
<p id="new">NEW CAR</p>
<p id="fourthprice">PREVIOSULY: $20,000 NEW PRICE: $10,000</p>
<button class="cartAdd">Add to Cart</button>
<button class="infoShow4">Info</button>
<p class="info4">This is a brand new car that has never been seen before. It is a perfect vehicle for any occasion!</p>
</div>
</section>
<footer>
<p>© Copyright 2022 - VehicleDealings</p>
</footer>
<script src="JavaScript.js"></script>
</body>
</html>
</html>