-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (79 loc) · 2.61 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
<!DOCTYPE html>
<html>
<head>
<title>My icecream Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="myscripts.js"></script>
</head>
<body>
<header>
<h1>My Icecream Store</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Cart</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="banner">
<img src="https://images.unsplash.com/photo-1644161170685-2f5678222db8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1332&q=80" alt="icecream Store Banner">
</section>
<section class="products">
<h2>Our Products</h2>
<ul>
<li>
<img src="https://images.unsplash.com/photo-1566843252422-64bf4bd146f3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80" alt="Product 1">
<h3>Vanilla </h3>
<p>Vanilla flavoured icecream with beautifully decored with coloured candys.</p>
<span>$10.00</span>
<button>Add to Cart</button>
</li>
<li>
<img src="https://images.unsplash.com/photo-1646321499252-a91a18d0703a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=386&q=80" alt="Product 2">
<h3>Royal 5-level icecream</h3>
<p>It is a combination of five flavours with a cone at the top.</p>
<span>$15.00</span>
<button>Add to Cart</button>
</li>
<li>
<img src="https://images.unsplash.com/photo-1597249536924-b226b1a1259d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXwxMjE0NDk5MXx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60" alt="Product 3">
<h3>Strawberry Bowl</h3>
<p>Strawberry flavoured icecream made with pure esence of real strawberry.</p>
<span>$20.00</span>
<button>Add to Cart</button>
</li>
</ul>
</section>
<section class="cart">
<h2>Your Cart</h2>
<ul>
<li>
<img src="product1.jpg" alt="Product 1">
<h3>Product 1</h3>
<p>Description of Product 1</p>
<span>$10.00</span>
<button>Remove</button>
</li>
<li>
<img src="product2.jpg" alt="Product 2">
<h3>Product 2</h3>
<p>Description of Product 2</p>
<span>$15.00</span>
<button>Remove</button>
</li>
</ul>
<h3>Total: $25.00</h3>
<button>Checkout</button>
</section>
</main>
<footer>
<p>Copyright © My Grocery Store.
All rights reserved.</p>
</footer>
</body>
</html>