-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
114 lines (97 loc) · 5.63 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<title>Farmasmart</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-card w3-left-align w3-large" style=" background-color:greenyellow; ">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
<a href="reg.php" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Register</a>
<a href="login.php" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Login</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Contact</a>
</div>
<!-- Navbar on small screens -->
<!--
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 1</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 2</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 3</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a>
</div>
-->
</div>
<!-- Header -->
<header class="w3-container w3-center" style="padding:128px 16px; background-color:greenyellow; ">
<h1 class="w3-margin w3-jumbo">FARMASMART</h1>
<p class="w3-xlarge"></p>
<img class="mb-4" src="parilogojpg-01.jpg" alt="" width="200" height="200">
<!-- <button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button>-->
</header>
<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<h1>Agriculture in India</h1>
<h5 class="w3-padding-32">The history of Agriculture in India dates back to Indus Valley Civilization and even before that in some places of Southern India. India ranks second worldwide in farm outputs. As per 2018, agriculture employed 50% of the Indian work force and contributed 17-18% to the country's GDP.</h5>
<p class="w3-text-grey">In 2016, agriculture and allied sectors like animal husbandry, forestry and fisheries accounted for 15.4% of the GDP (gross domestic product) with about 31% of the workforce in 2014. India ranks first in the world with highest net cropped area followed by US and China. The economic contribution of agriculture to India's GDP is steadily declining with the country's broad-based economic growth. Still, agriculture is demographically the broadest economic sector and plays a significant role in the overall socio-economic fabric of India.</p>
</div>
<div class="w3-third w3-center">
<img src="sad%20farmer.jpg" alt="" width="575" height="400">
<!-- <i class="fa fa-anchor w3-padding-64 w3-text-red"></i>-->
</div>
</div>
</div>
<!-- Second Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<img src="happy%20farmer.jpg" alt="" width="575" height="400">
<!-- <i class="fa fa-coffee w3-padding-64 w3-text-red w3-margin-right"></i>-->
</div>
<div class="w3-third">
<h1>Wholesale Disributors</h1>
<h5>Wholesale distributors play a key role in the food system by purchasing, aggregating, and transporting large volumes of food and distributing it to their customers.</h5>
<p class="w3-text-grey">By nature, distributors are the intermediate step in the supply chain between farmers and consumers, making a distributor a door through which farmers and producers can reach many customers and market opportunities.By nature, distributors are the intermediate step in the supply chain between farmers and consumers, making a distributor a door through which farmers and producers can reach many customers and market opportunities.</p>
</div>
</div>
</div>
<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
<h1 class="w3-margin w3-xlarge">Farming is a profession of hope.</h1>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<div class="w3-xlarge w3-padding-32">
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
</div>
<p>Powered by <a href=conact target="_blank">Parinita and Tanzeela</a></p>
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>