Commit 61382f2f authored by Kolipakarohith's avatar Kolipakarohith
Browse files

Upload New File

parent 0a91ef49
<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>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment