-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
248 lines (237 loc) · 11.4 KB
/
Copy pathindex.html
File metadata and controls
248 lines (237 loc) · 11.4 KB
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.1/css/all.min.css"
integrity="sha512-QeR2VH+lsBE5LSAe1Q5EnTBbe7XTBubt8dG93Y7gidSgdMCr8nVqKcfKAMyN96SV8KDbZVTDXChatu5G2KQGzg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./scss/main.css">
</head>
<body>
<header>
<div class="small_header">
<nav>
<div class="nav_top">
<div class="container">
<h3> WATCH HUNDREDS OF FREE LESSONS FROM TOP EXPERTS</h3>
</div>
</div>
<div class="nav_bottom">
<div class="container">
<img src="./imgs/Logo.png" alt="">
<ul>
<li>Home</li>
<li>Menu</li>
<li>Services</li>
<li>Contact</li>
</ul>
<button>Login <i class="fa-solid fa-arrow-right-long"></i></button>
</div>
</div>
</nav>
<div class="hero">
<div class="container">
<h1>Unlock Your Farming Potential & Take Your Agricultural Practice to the Next Level</h1>
<p>LEARN SUSTAINABLE AGRICULTURE AND CUTIING-EDGE FRAMING PRACTICES</p>
<div class="hero_text">
<span> <i class="fa-regular fa-circle-play"></i> </span>
<h2> Watch Video </h2>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="section_1">
<div class="container">
<div class="section1_text">
<img src="./imgs/img1.png" alt="">
<h1>Helping cultivate a greener future through farm education</h1>
<h3>Empowering farmers with more efficient, effective, and sustainable agricultural practices</h3>
<p>At UpskillFarmer, our mission is to democratize farming education and provide farmers everywhere
with accessible and practical knowledge. We are dedicated to revolutionizing the agricultural
industry by empowering farmers through cutting-edge education and skill building, regardless of
their background or location, with the skills and expertise needed to cultivate a sustainable
future. By breaking down barriers and offering resources, guidance, and training,</p>
<p>we aim to create a global community of farmers equipped with the latest sustainable practices.
Our goal is to foster environmental preservation, ensure food security, and build a resilient
agricultural sector by making farming education available to all. Join us in this transformative
journey as we empower farmers worldwide to cultivate healthier and more sustainable farms,
contributing to a greener tomorrow.</p>
</div>
<div class="section1_img">
<img src="./imgs/img2.png" alt="">
<img src="./imgs/img3.png" alt="">
<img src="./imgs/img4.png" alt="">
<img src="./imgs/img6.png" alt="">
</div>
</div>
</section>
<section class="section_2">
<div class="container">
<h1>Calling all farmers, to embrace sustainable agriculture, access practical knowledge, and empower
your farm for a greener future.</h1>
</div>
</section>
<section class="section_3">
<div class="container">
<div class="section3_img">
<img src="./imgs/img7.png" alt="">
</div>
<div class="section3_text">
<h1>Explore our comprehensive life and career skills curriculum</h1>
<p>Not academic. Not random videos. Just practical, cutting-edge lessons for the real world</p>
<p>Discover our range of farm education programs that cover various aspects of sustainable
agriculture. From organic farming techniques and permaculture principles to regenerative farming
practices and agroforestry, our lessons offer comprehensive and practical knowledge for farmers
at all levels. Each lesson is designed to empower farmers with the skills necessary to adapt to
changing environmental conditions and build sustainable, profitable farms.</p>
</div>
</div>
</section>
<section class="section_4">
<div class="container">
<div class="cards">
<div class="mini_card">
<img src="./imgs/img8.png" alt="">
<h2>Crop cultivation</h2>
<h3>Develop skills to optimize yields, and improve crop increased
productivity</h3>
</div>
<div class="mini_card">
<img src="./imgs/img9.png" alt="">
<h2>Crop cultivation</h2>
<h3>Develop skills to optimize yields, and improve crop increased
productivity</h3>
</div>
<div class="mini_card">
<img src="./imgs/img10.png" alt="">
<h2>Crop cultivation</h2>
<h3>Develop skills to optimize yields, and improve crop increased
productivity</h3>
</div>
<div class="mini_card">
<img src="./imgs/img11.png" alt="">
<h2>Crop cultivation</h2>
<h3>Develop skills to optimize yields, and improve crop increased
productivity</h3>
</div>
<div class="mini_card">
<img src="./imgs/img12.png" alt="">
<h2>Crop cultivation</h2>
<h3>Develop skills to optimize yields, and improve crop increased
productivity</h3>
</div>
</div>
</div>
</section>
<section class="section_5">
<div class="container">
<div class="section5_center">
<img src="./imgs/img1.png" alt="">
<h1>Meet the passionate experts dedicated to empowering farmers</h1>
<p>Industry knowledge and experience to guide farmers on the path of growth and prosperity</p>
</div>
<div class="all_info">
<div class="section5_text">
<h2>Meet our experienced professionals who are driving agricultural innovation and leading the
way
in sustainable farming. Our experts bring a wealth of knowledge and hands-on experience to
the
table. They are passionate about sharing their expertise and empowering farmers with the
latest
techniques and best practices in sustainable agriculture. With their guidance, farmers can
gain
valuable insights and implement strategies that will have a positive impact on their farms
and
the environment.</h2>
</div>
<div class="section5_img">
<img src="imgs/img13.png" alt="">
</div>
</div>
</div>
</section>
<section class="section_6">
<div class="container">
<div class="section6_info">
<img src="./imgs/img1.png" alt="">
<h1>News & Articles</h1>
<h3>From the blog post</h3>
</div>
<div class="all_cards">
<div class="first_card">
<img src="./imgs/img14.png" alt="">
<p>May 31, 2023</p>
<h3>Agriculture Conference Harvest 2023 in USA</h3>
</div>
<div class="second_card">
<img src="./imgs/img15.png" alt="">
<p>May 31, 2023</p>
<h3>Fresh Fruits & Vegetables in our New Markets</h3>
</div>
<div class="three_card">
<img src="./imgs/img16.png" alt="">
<p>May 31, 2023</p>
<h3>Livestock in our smart farm in California city</h3>
</div>
</div>
</div>
</section>
<section class="section_7">
<div class="container">
<div class="mini_container">
<span><i class="fa-brands fa-telegram"></i></span>
<h1>Subscribe to get information, latest news and other
interesting offers about Smart Farming</h1>
<div class="email">
<input type="email" placeholder=" Your email">
<button>Subscribe</button>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer_top">
<div class="container">
<div class="mini_info">
<span><i class="fa-solid fa-location-dot"></i></span>
<h3>Our Address</h3>
<h4>4517 Washington Ave. Manchester, Kentucky 39495</h4>
</div>
<div class="mini_info">
<span><i class="fa-solid fa-phone-volume"></i></span>
<h3>Call us Today</h3>
<h4>(239) 555-0108, (704) 555-0127</h4>
</div>
<div class="mini_info">
<span><i class="fa-regular fa-envelope"></i></span>
<h3>Send Email</h3>
<h4>Support@skillfarmer.com</h4>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<ul>
<li>About</li>
<li>Lessons</li>
<li>Experts</li>
<li>FAQ</li>
</ul>
<h1>UPSKILL FARMER</h1>
<div class="icons">
<span><i class="fa-brands fa-facebook-f"></i></span>
<span><i class="fa-brands fa-instagram"></i></span>
<span><i class="fa-brands fa-linkedin-in"></i></span>
<span><i class="fa-brands fa-twitter"></i></span>
</div>
<h3>2023 UPSKILL FARMER. All Rights Reserved</h3>
</div>
</div>
</footer>
</body>
</html>