-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportal12.html
76 lines (68 loc) · 2.86 KB
/
portal12.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/Product12.jpg" width="100%" id="Mainimg" alt="">
</div>
<div class="single-pro-details">
<h4>Pansy</h4>
<h2>$3.10</h2>
<input type="number" value="1">
<button class="normal">Add to Cart</button>
<h4>Product Details</h4>
<span>Pansy flowers have long been associated to romantic and platonic love. Pansies often symbolised illicit love between secret lovers in Victorian floriography. Additionally, pansies represent compassion, memory, and nostalgia. Pansies represent thoughtfulness too though.
</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>