-
Notifications
You must be signed in to change notification settings - Fork 0
/
landing.html
142 lines (126 loc) · 4.93 KB
/
landing.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
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
<!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" />
<title>Document</title>
<link rel="stylesheet" href="landing.css" />
</head>
<body>
<div class="navbar">
<div class="nav">
<a href="#home" class="navs">Home</a>
<a href="#services" class="navs">Our Services</a>
<a href="#aboutus" class="navs">About Us</a>
<a href="" class="navs">Sign Up</a>
<a href="" class="navs">Sign In</a>
<a href="#contactus" class="navs">Contact Us</a>
</div>
</div>
<div class="content" id="home">
<h1>Welcome to Farm Kart</h1>
<p>Farming Made Easy</p>
</div>
<div class="image">
<img src="farming image.png" alt="" width="100%" />
</div>
<!-- services container -->
<div class="services" id="services">
<div class="header">
<h1>Our services to Farmers</h1>
<p>
Farm-Kart provides a wide range of services which are beneficial
farmers as well as consumers . Farmers can use this section .
</p>
</div>
<div class="servicescontainer" >
<div class="item">
<img src="customer (1).webp" alt="" width="250px" height="250px" />
<h3>Pitch to the customer</h3>
<p>
Don't Know what to grow , see what the customer wants in next few months . Grow your crops accordingly without getting your crops wasted .
</p>
</div>
<div class="item">
<img src="harvesting (1).jpg" alt="" width="250px" height="250px" />
<h3>What are you growing</h3>
<p>
List the items you are growing here . This will help the customers to book the items direct from you and without your food getting wasted .
</p>
</div>
<div class="item">
<img src="list (1).jpg" alt="" width="250px" height="250px" />
<h3>List your products</h3>
<p>
Have your products ready but no one to buy ? No worries list the products available and let the customer buy it direct from you.
</p>
</div>
</div>
</div>
<hr >
<div class="services">
<div class="header">
<h1>Our services to consumer</h1>
<p>
Want to buy it direct from the farmers ? No problem see here the items that people are growing , which is available , or list what you want
</p>
</div>
<div class="servicescontainer">
<div class="item">
<img src="sell (1).jpg" alt="" width="250px" height="250px" />
<h3>Need Now</h3>
<p>
Need it right now ?? No problem see the list of farmers growing the same crop , book it direct from them . Get fresh direct from the farmers
</p>
</div>
<div class="item">
<img src="farmer farming animated.png" alt="" width="250px" height="250px" />
<h3>Need it later ?</h3>
<p>
Need the item after a few months ? No problem just pre book it with a farmer and we
</p>
</div>
<div class="item">
<img src="list (1).jpg" alt="" width="250px" height="250px" />
<h3>List your products</h3>
<p>
Have your products ready but no one to buy ? No worries list the products available and let the customer buy it direct from you.
</p>
</div>
</div>
</div>
<!-- About Us container -->
<div class="aboutus" id="aboutus">
<div class="inner">
<img src="about us pic.webp" height="350px" alt="Image Not found">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione asperiores vitae distinctio laudantium provident possimus, ab aut consequuntur facilis, ea saepe? Similique sequi quia ullam id necessitatibus iusto dolor temporibus vel eaque at, esse aliquam delectus veritatis amet. Vero culpa assumenda laboriosam quas aperiam ad autem laudantium numquam tempora. Vel.</p>
</div>
</div>
<!-- CONTACT US -->
<div class="contactus" id="contactus">
<h1 >Contact Us</h1>
<div class="containercontact">
<div class="box">
<h2>Address</h2>
<p>No 1 , 1st Main road , Anna Nagar</p>
<p>Chennai 1</p>
</div>
<div class="box">
<h2>contact no </h2>
<p>+91 1234567890</p>
<p>+91 0987654321</p>
</div>
<div class="box">
<h2>Opening Hours </h2>
<p>Mon-Fri : 8:00am to 9pm </p>
<p>Sat & Sun: 10:00am to 2pm</p>
</div>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<h2>Made in ❤ by team Farm Kart </h2>
</div>
</body>
</html>