-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
118 lines (95 loc) · 4.93 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
115
116
117
118
<!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> KrishiConnect</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="stylehome.css" type="text/css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<div class="container">
<a class="navbar-brand" href="#">
<img src="krishiconnect-high-resolution-logo-color-on-transparent-background (1).png" alt="Bootstrap" width="40" height="40">
</a>
</div>
<a class="navbar-brand" href="#">KrishiConnect</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="schemes.html">Schemes</a>
</li>
</ul>
</div>
</div>
</nav>
<h1 style="margin-top: 50px;">Welcome <span id="displayname"></span></h1>
<h2 style="margin-top: 10px;">You mean a lot to Us :) </h2>
<div class="upper">
<h1 id="heading">List your Products Here</h1>
<form id="productform"><br><br>
<input type="text" id="Product" style="height: 50px; width: 700px; name="product" placeholder="Product"><br><br>
<select class="form-select" style="height: 50px; width: 700px;" id ="category" aria-label="Default select example">
<option value="Vegetables" selected>Open this select menu</option>
<option >Vegetables</option>
<option value="Oils">Oils</option>
<option value="Herbs">Herbs</option>
<option value="Dairy Products">Dairy Products</option>
<option value="Fruits">Fruits</option>
<option value="Hand Crafts">Hand Crafts</option>
</select><br><br>
<input type="number" style="height: 50px; width: 700px;" id="quantity" name="quantity" placeholder="Quantity"> <br><br><select id="unit" style="height: 50px; width: 700px;" class="form-select form-select-sm" aria-label=".form-select-sm example">
<option selected>Select Unit</option>
<option value="Kilogram">Kilogram</option>
<option value="Gram">Gram</option>
<option value="Litre">Litre</option>
<option value="Dozen">Dozen</option>
<option value="Piece">Piece</option>
</select><br><br>
<input type="submit" value="Submit" id="submitform"><br>
<h2 id="email"></h2>
</div>
<div class="tablediv">
<table class="table table-hover" style="color: bisque; width: 80%; border: 2px solid bisque;" >
<h2 class="heading">Your Listings</h2>
<thead>
<th>S no.
</th>
<th>Product</th>
<th>Category</th>
<th>Quantity</th>
<th>Unit</th>
</thead>
<tbody id="tbody1">
</tbody>
</table>
</div>
<div class="footer">
<h2>We Pray to Grow With You :)</h2>
<div class="contact">
<a href="https://www.facebook.com/profile.php?id=100007019597211"><img src="facebook.png" alt=""></a>
<a href="https://www.instagram.com/sidharth_sharma_100/"><img src="instagram.png" alt=""></a>
<a href="https://www.linkedin.com/in/sidharth-sharma-3bb107205/"><img src="linkedin.png" alt=""></a>
<a href="https://twitter.com/SidSharma100"><img src="twitter.png" alt=""></a>
</div>
<br>
<br>
<span style="font-size: 18, ;"> Made By: Team Berozgar</span>
</div>
</script>
</body>
<script src="script.js" type="module">
</script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
</html>