-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
85 lines (80 loc) · 4.45 KB
/
about.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
<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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<link href="styles.css" rel="stylesheet" type="text/css">
<title>About us</title>
<link rel = "icon" href ="./images/logo.png" type = "image/x-icon">
<link rel="stylesheet" href="about.css">
</head>
<body>
<nav class="navbar navbar-dark bg-success">
<div class="nav">
<div class="sm-navbar">
<i class="fa fa-bars" onclick="opennav()" style="font-size:25px;"></i>
</div>
</div>
<a href="farmerhome.php"><img src="./images/E-MANDAI .png" class="logo"></a>
<ul class="lg-nav">
<li><a href="farmerhome.php">Home</a></li>
<li><a href="addproduct.php">Add product</a></li>
<li><a href="orders.php">Orders</a></li></li>
<li><a href="about.html">About us</a></li>
</ul>
<!-- Navbar content -->
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<i class="fa fa-search" aria-hidden="true"></i>
</form>
<a data-container="body" data-toggle="popover" data-placement="bottom" data-content="<a href='logout.php'>Logout</a>" data-html="true"
id="user-icon-pop">
<i class="fa fa-user-circle" aria-hidden="true" style="color:white;font-size:50px;"></i>
</a>
</nav>
<div class="about-section">
<div class="inner-container">
<h1>About Us</h1>
<p class="text">
The government of india recently announced the new farm bills of which one of the acts includes The Farmers' Produce Trade and Commerce (Promotion and Facilitation) Act, 2020. This act enables the farmers to sell their produce directly to any traders outside the state government-controlled markets. This is a platform for farmers to reach and sell their agricultural products directly to end consumers that directly is from farm to customer place.
</p>
</div>
</div>
<div id="mynav" class="sidebar">
<div class="nav_user">
<i class="fa fa-times" onclick=closenav() id="nav_icon"></i>
<div class="user_id">
<i class="fa fa-user-circle" aria-hidden="true" style="color:white;font-size:50px;"></i>
<!-- <a href="#"><i class="fa fa-user-circle" aria-hidden="true" style="color:white;font-size:50px;"></i></a>
<h2>USER</h2> -->
</div>
</div>
<ul>
<li><a href="farmerhome.php"><i class="fa fa-home" aria-hidden="true"></i>Home</a></li>
<li><a href="addproduct.php"><i class="fa fa-th-list" aria-hidden="true"></i>Add product</a></li>
<li><a href="orders.php"><i class="fa fa-th-list" aria-hidden="true"></i>Orders</a></li>
<li><a href="about.html"><i class="fa fa-info-circle" aria-hidden="true"></i>About us</a></li>
<li><a href="logout.php"><button type="button" class="btn btn-success" name="logout" id="log_button">Log Out</button></a></li>
</ul>
</div>
</div>
</body>
<script>
function opennav() {
document.getElementById("mynav").style.width = "150px";
document.getElementById("content").style.marginLeft = "150px";
document.getElementsByClassName("sidebar").style.boxShadow = "0px 2px 10px 2px black;"
}
function closenav() {
document.getElementById("mynav").style.width = "0";
document.getElementById("content").style.marginLeft = "0";
}
$(function () {
$('[data-toggle="popover"]').popover()
})
</script>
</html>