-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (75 loc) · 3.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gravity Coding | Project</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="main">
<nav class="d-flex">
<h1>LOGO</h1>
<div class="cntr-nav d-flex">
<a href="">Home</a>
<a href="">Product</a>
<a href="">Shop</a>
<a href="">Contact</a>
</div>
<i class="ri-menu-line"></i>
</nav>
<div class="section section1 d-flex">
<h1>STRAWBERRY</h1>
<img id="strawleaf1" src="./Assets/strawleaf1.jpg" alt="">
<img id="strawberry01" src="./Assets/strawberry01.jpg" alt="">
<img id="strawleaf2" src="./Assets/strawleaf2.jpg" alt="">
<img id="strawberry" src="./Assets/strawberry.jpg" alt="">
<img id="strawbunch" src="./Assets/strawbunch.jpg" alt="">
</div>
<div class="section d-flex section2">
<div class="lft d-flex">
<div class="magicpattern"></div>
</div>
<div class="rght d-flex-c">
<h1 class="mainHeading">Flavour Updated</h1>
<p class="mainP">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolores, sunt enim! Debitis eius distinctio, unde in quis totam, dolorem cumque laborum deserunt dignissimos reprehenderit quaerat sed rerum enim, obcaecati quisquam quidem magni modi laudantium nemo omnis nobis provident! Temporibus quos a sequi, voluptas fuga quis commodi suscipit doloribus tempora nemo.</p>
<button>Check Now</button>
</div>
</div>
<div class="section d-flex section3">
<div class="card d-flex-c">
<div class="img-div d-flex">
<img id="pineapplecut" src="./Assets/pineapplecut.jpg" alt="">
<img id="pineapple" src="./Assets/pineapple.jpg" alt="">
</div>
<h1 class="mainHeading">PINEAPPLE</h1>
<button>Buy Now</button>
</div>
<div class="card d-flex-c">
<div class="img-div d-flex">
<img id="resp-strawberry01" src="./Assets/strawberry01.jpg" alt="">
<img id="resp-strawberry" src="./Assets/strawberry.jpg" alt="">
</div>
<h1 class="mainHeading">STRAWBERRY</h1>
<button>Buy Now</button>
</div>
<div class="card d-flex-c">
<div class="img-div d-flex">
<img id="orangefruit" src="./Assets/orangefruit.jpg" alt="">
<img id="yellow" src="./Assets/yellow.jpg" alt="">
</div>
<h1 class="mainHeading">PASSION FRUIT</h1>
<button>Buy Now</button>
</div>
</div>
</div>
<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
<script src="script.js"></script>
</body>
</html>