Upload New File

22741255 · Kolipakarohith · 0a91ef49 · 22741255
Commit 22741255 authored Jul 21, 2019 by Kolipakarohith
--- a/views/upload.html
+++ b/views/upload.html
+<html>
+<head>
+<title>KISAN MARKET</title>
+<style>
+body {
+  background-color: #ff884d;
+  font-family: Arial;
+  font-size: 17px;
+  padding: 8px;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.row {
+  display: -ms-flexbox; /* IE10 */
+  display: flex;
+  -ms-flex-wrap: wrap; /* IE10 */
+  flex-wrap: wrap;
+  margin: 0 -16px;
+}
+
+.col-25 {
+  -ms-flex: 25%; /* IE10 */
+  flex: 25%;
+}
+
+.col-50 {
+  -ms-flex: 75%; /* IE10 */
+  flex: 75%;
+}
+
+.col-75 {
+  -ms-flex: 50%; /* IE10 */
+  flex: 50%;
+}
+
+.col-25,
+.col-50,
+.col-75 {
+  padding: 0 16px;
+}
+
+.container {
+  background-color: #f2f2f2;
+  padding: 5px 10px 15px 20px;
+  border: 1px solid lightgrey;
+  border-radius: 3px;
+}
+
+input[type=text] , input[type=tell]{
+  width: 100%;
+  margin-bottom: 20px;
+  padding: 12px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+select{
+width: 100%;
+ padding: 12px;
+}
+
+label {
+  margin-bottom: 10px;
+  display: block;
+}
+
+.icon-container {
+  margin-bottom: 20px;
+  padding: 7px 0;
+  font-size: 24px;
+}
+
+button {
+  background-color:#4CAF50;
+  color: white;
+  padding: 14px 20px;
+  margin: 8px 0;
+  border: none;
+  cursor: pointer;
+  width: 10%;
+}
+.cancelbtn {
+background-color: #f44336;
+}
+button:hover {
+  opacity: 0.8;
+}
+
+a {
+  color: #2196F3;
+}
+
+hr {
+  border: 1px solid lightgrey;
+}
+
+span.price {
+  float: right;
+  color: grey;
+}
+
+/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
+@media (max-width: 800px) {
+  .row {
+    flex-direction: column-reverse;
+  }
+  .col-25 {
+    margin-bottom: 20px;
+  }
+}
+</style>
+</head>
+<body>
+<div class="row">
+  <div class="col-50">
+    <div class="container">
+      <form action="/action_page.php">
+      
+        <div class="row">
+          <div class="col-50">
+            <h3>UPLOAD YOUR CROP</h3>
+            <label for="fname"><i class="fa fa-user"></i> CROP NAME</label>
+            <input type="text" id="fname" name="firstname" placeholder="crop name">
+            <label for="Mobile Number"><b>MOBILE NUMBER</b></label><br>
+            <input type="tell" placeholder="Enter Mobile Number" name="Mobile" required><br>
+            <label for="city"><i class="fa fa-institution"></i> <b>City</b></label>
+             <select id="country" name="country">
+             <option value="australia">Karimnagar</option>
+             <option value="canada">Hyderabad</option>
+             <option value="usa">Warangal</option>
+             </select>
+             <br>
+                <label for="zip"><b>Pin Code</b></label>
+                <input type="text" id="zip" name="zip" placeholder="10001">
+ <button type="submit" class="registerbtn">REGISTER</button><br>
+            </div>
+          </div>
+      
+      </form>
+    </div>
+  </div>
+</body>
+</html>