-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathAmeer.html
102 lines (89 loc) · 5.25 KB
/
Ameer.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Ameer.css">
<script src="Ameer.js"></script>
<title>Document</title>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Kanit:ital,wght@1,300&display=swap" rel="stylesheet">
</head>
<body>
<header></header>
<main>
<section class="section">
<div class="slider">
<div class="slide">
<input type="radio" name="radio-btn" id="radio1">
<input type="radio" name="radio-btn" id="radio2">
<input type="radio" name="radio-btn" id="radio3">
<input type="radio" name="radio-btn" id="radio4">
<!-- <input type="radio" name="radio-btn" id="radio5">
<input type="radio" name="radio-btn" id="radio6"> -->
<div class="st first">
<img src="Banner--1.jpg" alt="">
</div>
<div class="st">
<img src="Banner--2.jpg" alt="">
</div>
<div class="st">
<img src="Banner--3.jpg" alt="">
</div>
<div class="st">
<img src="Banner--4.jpg" alt="">
</div>
<!-- <div class="st">
<img src="pexels-lisa-fotios-838846.jpg" alt="">
</div>
<div class="st">
<img src="pexels-polina-kovaleva-5645159.jpg" alt="">
</div> -->
<div class="nav-auto">
<div class="a-b1"></div>
<div class="a-b2"></div>
<div class="a-b3"></div>
<div class="a-b4"></div>
<!-- <div class="a-b5"></div>
<div class="a-b6"></div> -->
</div>
</div>
<div class="nav-m">
<label for="radio1" class="m-btn"></label>
<label for="radio2" class="m-btn"></label>
<label for="radio3" class="m-btn"></label>
<label for="radio4" class="m-btn"></label>
<!-- <label for="radio5" class="m-btn"></label>
<label for="radio6" class="m-btn"></label> -->
</div>
</div>
</section>
<section class="section1">
<div class="main-card-title">Why Choose Our Organic Food</div>
<div class="main-card">
<div class="box">
<div class="title">Title</div>
<div class="icon"> <img class="icons" src="certified Organic Source.png" alt=""> </div>
<div class="text">Organic food is more than just a trend; it's a sustainable and mindful choice that has gained increasing popularity in recent years. The essence of organic food lies in its production methods, which prioritize the use of natural fertilizers, crop rotation, and the absence of synthetic pesticides or genetically modified organisms.</div>
</div>
<div class="box">
<div class="title">Title</div>
<div class="icon"> <img class="icons" src="no-chemical.png" alt=""> </div>
<div class="text">Organic food is more than just a trend; it's a sustainable and mindful choice that has gained increasing popularity in recent years. The essence of organic food lies in its production methods, which prioritize the use of natural fertilizers, crop rotation, and the absence of synthetic pesticides or genetically modified organisms.</div>
</div>
<div class="box">
<div class="title">Title</div>
<div class="icon"> <img class="icons" src="nutrition.png" alt=""> </div>
<div class="text">Organic food is more than just a trend; it's a sustainable and mindful choice that has gained increasing popularity in recent years. The essence of organic food lies in its production methods, which prioritize the use of natural fertilizers, crop rotation, and the absence of synthetic pesticides or genetically modified organisms.</div>
</div>
<div class="box">
<div class="title">Title</div>
<div class="icon"> <img class="icons" src="preserve-enviroment.png" alt=""> </div>
<div class="text">Organic food is more than just a trend; it's a sustainable and mindful choice that has gained increasing popularity in recent years. The essence of organic food lies in its production methods, which prioritize the use of natural fertilizers, crop rotation, and the absence of synthetic pesticides or genetically modified organisms.</div>
</div>
</div>
</section>
</main>
<footer></footer>
</body>
</html>