https://farmers-friend.netlify.app/sell

1<!DOCTYPE html>
2<html>
3<head>
4<!-- This site is hosted on Netlify. Anyone can build and deploy a site
5     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=4eff3e60-b21e-43fd-91cc-dc742de25869
6     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
7<meta name="viewport" content="width=device-width, initial-scale=1">
8<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
9<link rel="stylesheet" href="styles.css">
10<link rel="stylesheet" href="style1.css">
11<style>
12body {
13  font-family: Arial, Helvetica, sans-serif;
14}
15
16.navbar {
17  overflow: hidden;
18  background-color: #333;
19}
20
21.navbar a {
22  float: left;
23  font-size: 16px;
24  color: white;
25  text-align: center;
26  padding: 14px 16px;
27  text-decoration: none;
28}
29
30.dropdown {
31  float: left;
32  overflow: hidden;
33}
34
35.dropdown .dropbtn {
36  font-size: 16px;  
37  border: none;
38  outline: none;
39  color: white;
40  padding: 14px 16px;
41  background-color: inherit;
42  font-family: inherit;
43  margin: 0;
44}
45
46.navbar a:hover, .dropdown:hover .dropbtn {
47  background-color: red;
48}
49
50.dropdown-content {
51  display: none;
52  position: absolute;
53  background-color: #f9f9f9;
54  min-width: 160px;
55  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
56  z-index: 1;
57}
58
59.dropdown-content a {
60  float: none;
61  color: black;
62  padding: 12px 16px;
63  text-decoration: none;
64  display: block;
65  text-align: left;
66}
67
68.dropdown-content a:hover {
69  background-color: #ddd;
70}
71
72.dropdown:hover .dropdown-content {
73  display: block;
74}
75input[type=text], input[type=password], input[type=email] {
76  width: 100%;
77  padding: 12px 20px;
78  margin: 8px 0;
79  display: inline-block;
80  border: 1px solid #ccc;
81  box-sizing: border-box;
82}
83.field{
84    max-width: 500px;
85}
86</style>
87</head>
88<body>
89
90<div class="navbar">
91  <a href='/'><i class="fa fa-home" aria-hidden="true"></i>Home</a>
92  <div class="dropdown">
93    <button class="dropbtn">Dropdown 
94      <i class="fa fa-caret-down"></i>
95    </button>
96    <div class="dropdown-content">
97      <a href="#vegetables">vegetables</a>
98      <a href="#vegetables">cereals</a>
99      <a href="#vegetables">Pulses</a>
100    </div>
101  </div> 
102</div>
103<div class="container">
104    <div class="row">
105        <div class="col-1">
106            <h1>We Buy everything</h1><br>
107            <p>Our motive is to buy items from the farmers with their profit.</p>            
108        </div>
109
110        <div class="col-1">
111            <img src="images/vege.png">
112        </div>
113    </div>
114    <div class="small-container">
115        <br>
116        <br>
117        <h3>To sell things you will need to fill this form out</h3>
118        We need to check what is the quality of the items before giving them price (sorry but even we need some money to operate this):
119        <br>
120        <form action="javascript:sendmail()" method="post">
121            <center>
122            <div class="field">
123                <input type="text" class="form-control" name="Name" id="Name" placeholder="Name" required="">
124              </div>
125              <div class="field">
126                <input type="email" class="form-control" name="Sender" id="Sender" placeholder="Email"
127                  required="">
128              </div>
129                <div class="field">
130                    <input type="radio" id="vegetables" name="vegetables" value="vegetables">
131                    <label for="vegetables">vegetables</label><br>
132                    <input type="radio" id="Fruits" name="Fruits" value="Fruits">
133                    <label for="Fruits">Fruits</label><br>
134                    <input type="radio" id="Cereals&Pulses" name="Cereals&Pulses" value="Cereals&Pulses">
135                    <label for="Cereals&Pulses">Cereals&Pulses</label>
136                </div>
137                <input type="submit" value="Continue to checkout" class="btn">
138            </center>
139        </form>
140    </div>
141</div>
142

143<script
144  src="https://code.jquery.com/jquery-2.2.4.min.js"
145  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
146  crossorigin="anonymous"></script>

146

147<script src="https://smtpjs.com/v3/smtp.js"></script>

147
148 

149<script>  
150
151     function sendmail(){
152    
153			var name = $('#Name').val();
154			var email = $('#Sender').val();
155            
156
157			// var body = $('#body').val();
158
159			//console.log(name, phone, email, message);
160
161			Email.send({
162        SecureToken:"6899a912-911a-42eb-8eb7-a9e6077b115e",
163				To: email,
164				From: "[email protected]",
165				Subject: subject,
166				Body: "We are going to send a company executive to buy your requested items !! \n Thanks for contacting farmers Friend",
167			}).then(
168				message =>{
169					//console.log (message);
170					if(message=='OK'){
171					alert('Your request has been send. Thank you for connecting.');
172					}
173					else{
174						console.error (message);
175						alert('There is error at sending request. ')
176						
177					}
178
179				}
180			);
181
182
183
184		}
185
186
187    </script>

187
188
189
190
191</body>
192</html>