CFG-hack/about.html at master · skyekirwan/CFG-hack · GitHub

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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!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">

    <!--font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <title>ReCruit | About Us</title>

  </head>
  <body>
    <header class="mb-2">
      <!--Navigation -->
	<nav class="navbar navbar-expand-lg">
	  <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>
	  <a href="index.html"> <img src="images/trimmed-logo.png" alt="ReCruit Logo with tag-line 'Making recuitment accessible for you'" width="180"> </a>
	  <!--Bootstrap flex to make it go to right-->
	  <div class="collapse navbar-collapse d-flex flex-row-reverse" id="navbarNav">
	    <ul class="navbar-nav">
	      <li class="nav-item pl-5 pt-2">
	        <a class="outside-nav-link" href="index.html"> HOME </a>
	      </li>
	      <li class="nav-item active pl-5 pt-2">
	        <a class="outside-nav-link" href="about.html"> <u> ABOUT US </u><span class="sr-only">(current)</span></a>
	      </li>
	      <button type="button" class="btn yellow-btn btn-lg ml-5" data-toggle="modal" data-target="#loginModal"> Sign in </button>
	    </ul>

	  </div>
	</nav>
	</nav>


<!-- The Log-in Modal -->
	<div class="modal" id="loginModal">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <!-- Modal Header -->
	      <div class="modal-header">
	        <h4 class="modal-title">Sign in</h4>
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
	      </div>
	      <div class="modal-body">
	        <form class="p-5 text-center">
					  <div class="form-group">
					    <input type="email" class="form-control" id="#" placeholder="Enter your email address">
					  </div>
					  <div class="form-group">
					    <input type="password" class="form-control" id="#" placeholder="Password">
					  </div>
					<button class="btn yellow-btn mt-2" type="submit"><a href="account.html">Sign in</a></button>

				</form>
				<a href="https://www.linkedin.com/uas/request-password-reset"> <u> Reset password </u></a>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- End of log-in modal -->

    </header>

    <main class="">
	    <div class="container-fluid px-5">
		  <div class="row">
		    <div class="col-md-5 p-5">
		   	<!--Title -->
		    	<h1> Making <br> recruitment <br> accessible for you. </h1>

		    	<img src="images/CV resourcespage.png" alt="CV graphic" class="img-fluid">
		    </div>
		     <div class="col-md-7 mt-5">
		    	 <p>
		    	 	<!--Description of website -->
		    	 	<br>
			     <p><b>Applying to jobs online can be difficult and inaccessible for disabled people</b></p>
			     <p>ReCruit is a community-based website for disabled users to review recruitment processes on inclusivity and accessibility.</p>
			     <p>This includes people with all types of disabilities, including those who do not consider themselves to be disabled,
				     have hidden disabilities and those who require reasonable adjustments.</p>

			     <p>A disability is any condition that makes it more difficult for a person to do certain activities or interact with the world around them.
				     These conditions, or impairments, may be cognitive, developmental, intellectual, mental, physical, sensory, or a
				     combination of multiple factors.*</p>

			     <p><b>Did you know:</b></p>
			     <p><ul>

			     <li>Out of <b>14 million disabled people in the UK</b>, more than 7 million are of working age. However, <b>less than half are employed</b>**</li>
			     <li>1 in 30 people in the UK are blind or visually impaired***</li>
			     <li>Around 15% of the population has dyslexia***</li>
			     <li>1.5 million people in the UK have a learning disability***</li>

			     </ul></p>
			  <p>By hiring fewer disabled people, companies risk missing out on valuable insights, skills and experiences which could open
				  new business opportunities.</p>

				  <hr>
			  <small>
				  <p>*<a class="about-link" href="https://www.who.int/classifications/icf/en/" target="_blank">World Health Organization, International Classification of
					  Functioning, Disability and Health (ICF)</a></p>

				  <p>**<a class="about-link" href="https://workwithme.support/" target="_blank">WorkWithMe 2020</a></p>

				  <p>***<a class="about-link" href="https://reciteme.com/uploads/articles/accessible_fonts_guide.pdf" target="_blank">ReciteMe 2020</a></p>
				</small>

		    	 </p>
		    </div>
		   </div>
		</div>

		<div class="row justify-content-center p-5 m-0 mt-2" id="ready">
		    <div class="col-md-4 text-center p-2">
		    	<h4> Ready to start? </h4>
		    	<button class="btn btn-lg btn-block yellow-btn"> <a href="index.html"> Sign Up Here </a></button>
		    </div>
		</div>
		<div class="row p-2 m-0 mt-2" id="team">
			<div class="col-md-12 p-2">
		   		<h5> Meet the Team </h5>
		   	</div>
		   	<div class="col-md-3 ">

		   		<img src="images/skyeprofile.png" class="img-fluid rounded-circle mb-5" alt="Picture of team member Skye" width="250px">

				<p><b>Skye Kirwan</b></p>
				<p>I am a third year Computer Science student at the University of Dundee. I'm obsessed with my dog
					and like to drink coffee and read. I run a society for Women in
					STEM and, although I enjoy coding, this is my first hackathon.</p>
				<p>I decided to sign up for the CFG Diversity Hack with Vodafone as I am an advocate for equality and inclusion
					and also passionate about finding innovative solutions to help others.</p>
		   	</div>
		   	<div class="col-md-3">
		   		<img src="images/angeprofile.jpg" class="img-fluid rounded-circle mb-5" alt="Picture of team member Ange" width="250px">
				<p><b>Ange Gakwaya</b></p>
				<p>I am a final year Spanish and Economics student at the University of Warwick. I love learning languages and I
					am passionate about all things skincare and African history.</p>
				<p>I decided to sign up for the CFG Diversity Hack with Vodafone because I see all the problems that tech-enabled
					solutions could solve, and I want to be amongst those that are building them.</p>
		   	</div>
		   	<div class="col-md-3">
		   		<img src="images/androulla-profile.png" class="img-fluid rounded-circle mb-5" alt="Picture of team member Androulla" width="270px">
				<p><b>Androulla Charalambous </b></p>
				<p>I am a final year Computer Science student at Goldsmiths, University of London. In my spare time I enjoy volunteering at multiple		  charities as a Digital Champion, ensuring that the older generation are digitally included and have cyber awareness. I really enjoy  		  learning foreign languages and about different cultures. </p>
				<p>I decided to sign up for the CFG Diversity Hack with Vodafone because I feel really passionate about diversity and inclusion. I have 	   never participated in a hackathon before, but felt really motivated to participate and contribute.</p>
		   	</div>
		   	<div class="col-md-3">
		   		<img src="images/zainabprofile.png" class="img-fluid rounded-circle mb-5" alt="Picture of team member Zainab" width="250px">
				<p><b>Zainab Patel</b></p>
				<p> I am a second year Medical Physiology student at the University of Leicester.
					I enjoy cooking and weighlifting in my free time.</p>
				<p>I decided to join the CFG Diversity Hack with Vodafone as I am very passionate about
					diversifying the workplace and increasing social mobility, all while improving my
					technological skills and meeting new people!</p>
		   	</div>

		</div>
		</div>
	</main>

   <style>
		main{
			color: #4f5d75;
		}
	</style>


    <!--Footer area -->
    <footer class="page-footer p-2">
    	<p id="created-by"> Created by: CFG Diversity Hack Team 1</p>
    	<p id="copyright"> &copy; 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>