-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
122 lines (115 loc) · 7 KB
/
signup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Sign Up page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sign Up Page" />
<meta name="keywords" content="password,forgot,reset" />
<meta name="author" content="SVP" />
<meta name="email" content="[email protected]" />
<meta name="website"/>
<meta name="Version" content="v2.5.1" />
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Icons -->
<link href="css/materialdesignicons.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.9/css/unicons.css">
<!-- Main css -->
<link href="css/style.css" rel="stylesheet" type="text/css" id="theme-opt" />
<link href="css/colors/default.css" rel="stylesheet" id="color-opt">
</head>
<body>
<!-- Loader -->
<!-- <div id="preloader">
<div id="status">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div> -->
<!-- Loader -->
<div class="back-to-home rounded d-none d-sm-block">
<a href="index.html" class="btn btn-icon btn-soft-primary"><i data-feather="home" class="icons"></i></a>
</div>
<!-- Hero Start -->
<section class="bg-home d-flex align-items-center">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 col-md-6">
<div class="mr-lg-5">
<img src="images/user/signup.svg" class="img-fluid d-block mx-auto" alt="">
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="card login_page shadow rounded border-0">
<div class="card-body">
<h4 class="card-title text-center">Signup</h4>
<form class="login-form mt-4">
<div class="row">
<div class="col-md-6">
<div class="form-group position-relative">
<label>First name <span class="text-danger">*</span></label>
<i data-feather="user" class="fea icon-sm icons"></i>
<input type="text" class="form-control pl-5" placeholder="First Name" name="s" required="">
</div>
</div>
<div class="col-md-6">
<div class="form-group position-relative">
<label>Last name <span class="text-danger">*</span></label>
<i data-feather="user-check" class="fea icon-sm icons"></i>
<input type="text" class="form-control pl-5" placeholder="Last Name" name="s" required="">
</div>
</div>
<div class="col-md-12">
<div class="form-group position-relative">
<label>Your Email <span class="text-danger">*</span></label>
<i data-feather="mail" class="fea icon-sm icons"></i>
<input type="email" class="form-control pl-5" placeholder="Email" name="email" required="">
</div>
</div>
<div class="col-md-12">
<div class="form-group position-relative">
<label>Password <span class="text-danger">*</span></label>
<i data-feather="key" class="fea icon-sm icons"></i>
<input type="password" class="form-control pl-5" placeholder="Password" required="">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1">I Accept <a href="#" class="text-primary">Terms And Condition</a></label>
</div>
</div>
</div>
<div class="col-md-12">
<button class="btn btn-primary btn-block">Register</button>
</div>
<div class="mx-auto">
<p class="mb-0 mt-3"><small class="text-dark mr-2">Already have an account ?</small> <a href="auth-login.html" class="text-dark font-weight-bold">Sign in</a></p>
</div>
</div>
</form>
</div>
</div>
</div> <!--end col-->
</div><!--end row-->
</div> <!--end container-->
</section><!--end section-->
<!-- Hero End -->
<!-- javascript -->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/scrollspy.min.js"></script>
<!-- Icons -->
<script src="js/feather.min.js"></script>
<script src="https://unicons.iconscout.com/release/v2.1.9/script/monochrome/bundle.js"></script>
<!-- Main Js -->
<script src="js/app.js"></script>
</body>
</html>