-
Notifications
You must be signed in to change notification settings - Fork 1
/
Gaurdregistration.html
132 lines (120 loc) · 5.87 KB
/
Gaurdregistration.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gaurd Registar</title>
<link rel="stylesheet" type="text/css" href="gaurdstyle.css">
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/adminlte.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
</head>
<body>
<div class="row">
<div class="col-12">
<!-- general form elements -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Gaurd Registration</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<form>
<div class="card-body">
<div class="row">
<div class="col-sm-12">
<div class="card-header bg-transparent">
<div class="col-sm text-center">
<label class="profile">PROFILE</label>
</div>
<div class="col-sm text-center">
<a href=""><i class="far fa-address-card fa-7x"></i></a>
</div>
<div class="col-sm text-center mt-2">
<h5 type="button" class="ml-2">Upload Photo</h5>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<label for="first_name" class="mt-2">First Name:</label>
<input type="text" class="form-control" name="first_name" id="first_name" placeholder="Enter First Name">
</div>
<div class="col-sm-4">
<label for="middle_name" class="mt-2">Middle Name:</label>
<input type="text" class="form-control" name="middle_name" id="middle_name" placeholder="Enter Middle Name">
</div>
<div class="col-sm-4">
<label for="last_name" class="mt-2">Last Name:</label>
<input type="text" class="form-control" name="last_name" id="last_name" placeholder="Enter Last Name">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<label for="gender" class="mt-2">Gender :</label>
<input type="text" class="form-control" name="gender" id="gender" placeholder="Enter Gender">
</div>
<div class="col-sm-4">
<label for="email" class="mt-2">Email :</label>
<input type="text" class="form-control" name="email" id="email" placeholder="Enter Region">
</div>
<div class="col-sm-4">
<label for="contact_number" class="mt-2">Contact Number :</label>
<input type="text" class="form-control" name="contact_number" id="contact_number" placeholder="Enter Contact Number">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<label for="address" class="mt-2">Address :</label>
<input type="text" class="form-control" name="address" id="address" placeholder="Enter Region">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<label for="designation" class="mt-2">Position :</label>
<input type="text" class="form-control" name="designation" id="designation" placeholder="Enter Designation">
</div>
</div>
<div>
<div class="row">
<div class="col-sm-6">
<label for="password" class="mt-2">Password :</label>
<input type="text" class="form-control" name="password" id="password" placeholder="Enter Password">
</div>
<div class="col-sm-6">
<label for="confirm_password" class="mt-2">Confirm Password :</label>
<input type="text" class="form-control" name="confirm_password" id="confirm_password" placeholder="Enter Password">
</div>
</div>
</div>
<div class="card-footer">
<a type="button" class="btn btn-primary float-left"><i class="fas fa-arrow-left p-2"></i>Back</a>
<a type="submit" class="btn btn-success float-right">Register<i class="fas fa-arrow-right p-2"></i></a>
</div>
</form>
</div>
<!-- /.card -->
</div>
</div>
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- bs-custom-file-input -->
<script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<!-- Page specific script -->
<script>
$(function () {
bsCustomFileInput.init();
});
</script>
</body>
</html>