-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrecord.html
More file actions
137 lines (132 loc) · 7.38 KB
/
record.html
File metadata and controls
137 lines (132 loc) · 7.38 KB
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
137
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8" />
<title>Recruit IT Connecions</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/darkmode.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:100,400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="theme-color" content="#fafafa" />
</head>
<body>
<div class="container">
<div class="widgets">
<i class="material-icons" id="darkmode">wb_sunny</i>
</div>
<section class="weather-display">
<div class="weather-header">
<i class="material-icons" id="darkmode">check_circle</i>
<h1>University Recruit Portal</h1>
</div>
<div class="display-hiring">
<div class="weather-desc">
<h4>Candidates Form</h4>
<p>Simple Recruiting application to help in capturing recruiting prospects from people visiting the companies booth. I stored the candidates info in a Firebase database and this data is accessible as JSON as well.</p>
</div>
</div>
</section>
<div class="row">
<div class="col-12">
<div class="widgets d-flex justify-content-start">
<a href="index.html">
<i class="material-icons">arrow_back</i>
</a>
</div>
<div class="alert">Registration complete <i class="material-icons" style="color:#79c879;">check_circle</i></div>
<form id="registration-form">
<div class="d-flex justify-content-between">
<div class="form-group w-50 mr-5">
<label for="firstname ">First Name</label>
<input type="text" id="firstname" class="form-control " aria-describedby="emailHelp " placeholder="Enter First Name " required>
</div>
<div class="form-group w-50 ">
<label for="lastname ">Last Name</label>
<input type="text" id="lastname" class="form-control " aria-describedby="emailHelp " placeholder="Enter Last Name " required>
</div>
</div>
<div class="d-flex justify-content-between">
<div class="input-group mr-5 ">
<select class="custom-select " id="program">
<option selected>Select...</option>
<option value="Digital Media and IT">Digital Media and IT</option>
</select>
<div class="input-group-append ">
<label class="input-group-text " for="inputGroupSelect02 ">Program</label>
</div>
</div>
<div class="input-group ">
<select class="custom-select " id="major">
<option selected>Select...</option>
<option value="Software Development">Software Development</option>
<option value="Business Analyst">Business Analyst</option>
<option value="Web Design">Web Design</option>
<option value="System Adminitration">System Adminitration</option>
</select>
<div class="input-group-append ">
<label class="input-group-text " for="inputGroupSelect02 ">Major</label>
</div>
</div>
</div>
<div class="d-flex justify-content-between ">
<div class="form-group mt-2 w-50 mr-5 ">
<label for="exampleInputEmail1 ">Email address</label>
<input type="email " id="email" class="form-control " aria-describedby="emailHelp " placeholder="johndoe@recruit.edu" required>
<small id="emailHelp " class="form-text text-muted ">We'll never share your email with anyone else.</small>
</div>
<div class="form-group mt-2 w-50 ">
<label for="phone">Phone Number</label>
<input type="phone " id="phone" class="form-control " aria-describedby="emailHelp " placeholder="Enter Phone Number ">
</div>
</div>
<div class="d-flex justify-content-between ">
<div class="form-group mt-2 w-100">
<label for="exampleInputEmail1 ">Skills</label>
<input type="text " id="skills" class="form-control " placeholder="java, c#, Javascript" required>
</div>
</div>
<!-- <div class="">
<p class="d-block">Choose your technical Skills</p>
<div class="d-flex justify-content-sm-between skills">
<div>
<input type="checkbox" id="java" name="java" checked>
<label for="java">Java</label>
</div>
<div>
<input type="checkbox" id="sql" name="horns">
<label for="sql">SQL</label>
</div>
<div>
<input type="checkbox" id="horns" name="horns">
<label for="horns">C#</label>
</div>
<div>
<input type="checkbox" id="horns" name="horns">
<label for="horns">Javascript</label>
</div>
<div>
<input type="checkbox" id="horns" name="horns">
<label for="horns">Android</label>
</div>
<div>
<input type="checkbox" id="horns" name="horns">
<label for="horns">iOS</label>
</div>
</div>
</div> -->
<button>Submit</button>
</form>
</div>
</div>
</div>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase.js"></script>
<script src="js/main.js "></script>
</body>
</html>