-
Notifications
You must be signed in to change notification settings - Fork 0
/
sign-up.html
136 lines (132 loc) · 6.85 KB
/
sign-up.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Farm House</title>
<link rel="stylesheet" href="./assets/css/lib/all.min.css" />
<link rel="stylesheet" href="./assets/css/lib/bootstrap.min.css" />
<link rel="stylesheet" href="./assets/css/style.css" />
<script src="./assets/js/lib/all.min.js"></script>
<script src="./assets/js/lib/jquery-3.4.1.min.js"></script>
<script src="./assets/js/lib/bootstrap.min.js"></script>
<script src="./assets/js/main.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-custom sticky-top">
<a class="navbar-brand" href="index.html"><img src="./Images/Farm House.png" alt="farm house" width="100px" height="100px" /></a>
<button id="toggler" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Apply For
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Fertilizer</a>
<a class="dropdown-item" href="#">Herbicide</a>
<a class="dropdown-item" href="#">Pesticide</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
<div class="nav-link contact-phone">
<a href="tel:+91-9996320362"><i class="fa fa-phone"></i>+234-810-683-0744</a><br>
</div>
</ul>
<a href="sign-in.html" class="btn btn-outline-light my-2 my-sm-0">Sign Up</a>
<a href="log-in.html" class="btn btn-outline-light my-2 my-sm-0">Log In</a>
</nav>
<!-- form card register -->
<div class="card card-outline-secondary">
<div class="card-header">
<h3 class="mb-0">Sign Up</h3>
</div>
<div class="card-body">
<form class="form" role="form" autocomplete="off">
<div class="form-group">
<label for="inputName">Name*</label>
<input type="text" class="form-control" id="inputName" placeholder="Full name">
</div>
<div class="form-group">
<label for="address">Address*</label>
<input type="text" class="form-control" id="address" placeholder="Billing address or farm address" required="">
</div>
<div class="form-group">
<label for="inputName">Do you own a farm?</label>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
<label class="form-check-label" for="exampleRadios1">
Yes
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
No
</label>
</div>
</div>
<div class="form-group">
<label for="inputName">Do you want to sell your farm produce to The Farm House?</label>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
<label class="form-check-label" for="exampleRadios1">
Yes
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
No
</label>
</div>
</div>
<div class="form-group">
<label for="farm-crops">If Yes, List the Crops you want to sell.</label>
<textarea class="form-control" name="farm-crops" id="" cols="30" rows="10" placeholder="1."></textarea>
</div>
<div class="form-group">
<label for="phone">Phone Number*</label>
<input type="tel" class="form-control" id="phone" placeholder="000-0000-0000" required>
</div>
<div class="form-group">
<label for="inputEmail3">Email</label>
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
<div class="form-group">
<label for="inputPassword3">Password*</label>
<input type="password" class="form-control" id="inputPassword3" placeholder="Password" required="">
</div>
<div class="form-group">
<label for="inputVerify3">Verify*</label>
<input type="password" class="form-control" id="inputVerify3" placeholder="Password (again)" required="">
</div>
<div class="form-group">
<button type="submit" class="btn btn-success btn-lg float-right">Register</button>
</div>
</form>
</div>
</div>
<!-- /form card register -->
<footer id="footer" class="py-4 bg-dark text-white-50">
<div class="container text-center">
<small>The Farm House, No. 2-8 Gadan Street, Pankshin Main Town, Plateau State, Nigeria <br>Copyright © 2019</small>
</div>
</footer>
</body>
</html>