-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportal11.html
76 lines (68 loc) · 2.87 KB
/
portal11.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Niharika Rana Major Project</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id = "header">
<a href="#"><img src="img/logo.png" class="logo" alt=""></a>
<h3>Sweet Stems</h3>
<div>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a class="active" href="shop.html">shop</a></li>
<li><a href="about.html">about</a></li>
<li><a href="cart.html">🛒</a></li>
</ul>
</div>
</section>
<section id="prodetails" class="section-p1">
<div class="single-pro-image">
<img src="img/products/Product11.jpg" width="100%" id="Mainimg" alt="">
</div>
<div class="single-pro-details">
<h4>Jersey Lily</h4>
<h2>$2.50</h2>
<input type="number" value="1">
<button class="normal">Add to Cart</button>
<h4>Product Details</h4>
<span>The Latin word "lilium" for this particular flower variety is where the name "lily" originates. In religious iconography, the flowers frequently symbolise the Virgin Mary and are frequently pictured at Christ's Resurrection. They also stand for purity, innocence, and rebirth.
</span>
</div>
</section>
<footer class="section-p1">
<div class="col">
<img class="logo" src="img/logo.png" alt="">
<h4>Contact</h4>
<p><strong>Address : </strong>your mum's house</p>
<p><strong>Phone : </strong>1234567890</p>
<p><strong>Hours : </strong>10:00 - 18:00, Mon - Fri</p>
<div class="follow">
<h4>Follow us</h4>
<div class="icon">
<img src="img/socials/fb.png" alt="">
<img src="img/socials/insta.png" alt="">
<img src="img/socials/pin.png" alt="">
<img src="img/socials/twit.png" alt="">
</div>
</div>
</div>
<div class="col">
<h4>About</h4>
<a href="#">About Us</a>
<a href="#">Delivery Policy</a>
<a href="#">Terms and Conditions</a>
</div>
<div class="copyright">
<p>©️ 2022, Niharika etc - Html/css/js Major Project</p>
</div>
</footer>
<script>
var Mainimg = document.getElementById("Mainimg")
</script>
<script src="script.js"></script>
</body>
</html>