-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaccount.html
More file actions
150 lines (138 loc) · 6.31 KB
/
account.html
File metadata and controls
150 lines (138 loc) · 6.31 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
138
139
140
141
142
143
144
145
146
147
148
149
150
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="images/logo.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!--Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>ReCruit | My Profile</title>
</head>
<body>
<header class="mb-5">
<form class="form-inline p-2 pl-5">
<img src="images/trimmed-logo.png" alt="ReCruit Logo with tag-line 'Making recuitment accessible for you'" width="160">
<input class="form-control col-lg-8 ml-2" type="search" placeholder="Search company reviews..." aria-label="Search">
<button class="btn ml-2 search-btn" type="submit"><a href="reviews.html">Search</a></button>
<button class="btn ml-1 yellow-btn" type="submit"><a href="index.html">Log Out</a></button>
</form>
<!--Navigation -->
<nav class="navbar inside-nav navbar-expand-lg mx-5" >
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav m-auto">
<li class="nav-item pr-5">
<a class="nav-link" href="account.html" style="color:white;"> <u> My Profile </u> <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active pl-5 pr-5">
<a class="nav-link" href="resources.html" style="color:white;">My Resources </a>
</li>
<li class="nav-item pl-5 pr-5">
<a class="nav-link" href="reviews.html" style="color:white;">Community Reviews </a>
</li>
<li class="nav-item pl-5 pr-5">
<a class="nav-link" href="my-applications.html" style="color:white;">My Applications</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="mb-5 px-5" style="color: #4f5d75">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 text-center mt-5">
<img src="images/profile-picture.png" class="img-fluid rounded-circle" width="200" height="200" alt="Your profile picture">
<h5 class="p-5"> <i> Hi, Androulla! </i></h5>
</div>
<div class="col-md-8">
<form class="p-5">
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label">Full Name: </label>
<div class="col-md-9">
<input type="text" class="form-control" id="#" placeholder="Androulla C" readonly>
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label">Email: </label>
<div class="col-md-9">
<input type="email" class="form-control" id="#" placeholder="androulla@cfg-team1.com" readonly>
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label">Disability: </label>
<div class="col-md-9">
<select class="form-control">
<option>Please select</option>
<option>Visually Impared</option>
<option>Austism</option>
<option>Dyslexia</option>
<option>Other</option>
<option>Prefer not to say</option>
<option>None</option>
</select>
</div>
</div>
<div class="form-group row justify-content-center">
<label class="col-sm-3 col-form-label">Work status: </label>
<div class="col-md-9">
<select class="form-control">
<option>Please select</option>
<option>Student</option>
<option>Unemployed and not looking</option>
<option>Unemployed and searching</option>
<option>Employed and not looking</option>
<option>Employed and searching</option>
<option>Prefer not to say</option>
<option>Other</option>
</select>
</div>
</div>
<hr>
<div class="row justify-content-right pt-2">
<div class="col-md-12 form-group">
<p> Please select a privacy option: </p>
<div class="form-check form-check-inline">
<input class="form-check-input big-checkbox" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
<label class="form-check-label" for="inlineRadio1">I want to be anonymous</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input big-checkbox" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
<label class="form-check-label" for="inlineRadio2">I consent to publishing my name on my community reviews</label>
</div>
</div>
</div>
<div class="row pt-5">
<div class="col-md-3">
<button class="btn yellow-btn" type="submit"><a href="account.html">Save Details</a></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</main>
<style>
a:hover
{
color: #b4d2e7 !important;
}
</style>
<!--Footer area -->
<footer class="page-footer p-2">
<p id="created-by"> Created by: CFG Diversity Hack Team 1</p>
<p id="copyright"> © ReCruit 2020 </p>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>