-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
266 lines (242 loc) · 13.5 KB
/
index.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
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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Droom</title>
<!-- CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body class="purple lighten-5">
<!-- Navbar -->
<div class="navbar-fixed" id="home" >
<nav class="purple lighten-4" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#home" class="brand-logo">Droom <img src="/assets/Logo.png" alt="Droom" class="logo"></a>
<ul class="right hide-on-med-and-down">
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#how-it-works">How it works</a></li>
<li><a href="#team">Our Team</a></li>
<li><a href="https://droom-app.netlify.com/login">Log In</a></li>
<li><a href="https://droom-app.netlify.com/signup"><button class="purple lighten-3 btn"> Sign Up</button></a></li>
</ul>
<!-- mobile -->
<ul id="nav-mobile" class="sidenav">
<li><a href="#features">Features</a></li>
<li><a href="#how-it-works">How it works</a></li>
<li><a href="#team">Our Team</a></li>
<li><a href="https://droom-app.netlify.com/login">Log In</a></li>
<li><a href="https://droom-app.netlify.com/signup">Sign Up</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
</div>
<!-- Main Section -->
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h2 class="header center purple-text text-lighten-5">A quick and simple path to finding your dream job.</h2>
<div class="row center">
<h5 class="header col s12 light purple-text text-lighten-5" >Get matched with your dream job by connecting with potential employers and network with other working professionals.</h5>
</div>
<div class="row center">
<a href="https://droom-app.netlify.com/signup" id="download-button" class="btn-large waves-effect waves-light purple lighten-3">JOIN NOW</a>
</div>
<br><br>
</div>
</div>
<!-- Images -->
<div class="parallax"><img src="assets/main-bg.jpg" alt="Vector">
<div class="right"><img src="puzzle.jpg" alt="">
<table class="table table-striped table-hover">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Puzzle Pic -->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light black-text bold"></h5>
</div>
</div>
</div>
<div class="parallax purple"><img src="assets/puzzle.jpg" alt="How it all fits together"></div>
</div>
<div class="container purple lighten-3 ">
<div class="section">
<!-- Accordian Section -->
<div class="row purple lighten-3" id="features">
<h3 class="center purple-text text-lighten-5">Features</h3><br>
<ul class="collapsible purple lighten-5">
<li>
<div class="collapsible-header purple lighten-2 hoverable"><h5 class=" purple-text text-lighten-5">Find your ideal applicant</h5></div>
<div class="collapsible-body"><span><p class="light purple-text text-lighten">Companies can sort through job-seekers that will be a great fit with your team. This will save you time and resources in the finding the ideal candidate.</p></span></div>
</li>
<li>
<div class="collapsible-header purple lighten-2 hoverable"><h5 class=" purple-text text-lighten-5">Network with professionals</h5></div>
<div class="collapsible-body"><p class="light purple-text text-lighten">Chat with potential employers to better your chances at landing the job. You will be able to increase you personal network at the least and at best, interview your potential employers.</p></div>
</li>
<li>
<div class="collapsible-header purple lighten-2 hoverable"><h5 class=" purple-text text-lighten-5">Apply to jobs near you</h5></div>
<div class="collapsible-body"><p class="light purple-text text-lighten">Find the best jobs near you to beat that early morning commute. You will be able to remain in your area and not have to move out of your city or state to find your dream job.</p></div>
</li>
</ul>
</div>
</div>
</div>
<!-- Sign-up -->
<div id="index-banner1" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h3 class="header center purple-text text-lighten">Get started by signing up for a personal or business account.</h3>
<div class="row center">
<p class="header col s12 light font purple-text text-lighten" >With the personal account, you'll have access to many great companies near and potentially can get matched with your dream job. For the business, find an applicant that is most qualified for the role.</p>
</div>
<div class="row center">
<a href="https://droom-app.netlify.com/signup" id="download-button1" class="btn-large waves-effect waves-light purple lighten-1">GET STARTED</a>
</div>
<br><br>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light"></h5>
</div>
</div>
</div>
<div class="parallax">
<img src="assets/plan.jpeg" alt="Viewing profiles">
</div>
</div>
<!-- How it works section -->
<div class="container">
<div class="section">
<div class="row purple-text text-lighten" id="how-it-works">
<div class="col s12 center">
<h3><i class="mdi-content-send purple-text text-lighten"></i></h3>
<h4>How it works?</h4>
<p class="left-align light">At Droom, we'll help find the job that's best for you. All you have to do is set up an account, go to your job-listings page and "like" the jobs that are best suited for you. Based on your profile, a company can determine whether or not you are a great fit with their company. If they believe you are, then you and that company will be matched.</p>
<p>From there, the employer can message you about possibly setting up an interview and proceeding to the hiring process.</p>
<p>We also work with companies to match them with the job-seeker that best match their ideal candidate.</p>
</div>
</div>
</div>
</div>
<!-- Touching the phone pic -->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light black-text"></h5>
</div>
</div>
</div>
<div class="parallax"><img src="assets/touching-phone.jpeg" alt="Touching the future"></div>
</div>
<!-- Footer -->
<footer class="page-footer purple lighten-5">
<div class="container">
<div class="row">
<div class="col l6 s12 purple-text text-lighten footer">
<ul>
<h5 class="purple-text text-lighten">Our Team</h5>
<li>Thomas Claydon, Team Lead</li>
<li>Emily Arias, UX Designer</li>
<li>Robert Driskell, Front End</li>
<li>Chase Wenner, Front End</li>
<li>Gregory L. Jordan Sr, Web UI</li>
<li>Oloruntobi Awoderu, Web UI</li>
<li>Inaki Breinbauer, Web UI</li>
<li>William Umstead, BE</li>
</ul>
</div>
<!-- <div class="col l3 s13">
<h5 class="purple-text text-lighten">Our Team</h5>
<ul>
<li>Team Lead</li>
<li>UX Designer</li>
<li>Front End</li>
<li>Gregory L. Jordan Sr UI</li>
<li>BE</li>
<li>BE</li>
<li>UI</li>
</ul>
</div> -->
<!-- Contact section -->
<div class="col l3 s13">
<h5 class="purple-text text-lighten">GitHub</h5>
<ul>
<li><a class="purple-text text-lighten" href="https://github.com/gittc100" target="_blank"><span class="github" style="color: black;"> <i class="fab fa-github"></i></span> </a></li>
<li><a class="purple-text text-lighten" href="https://github.com/Ehuntwork" target="_blank"><span class="github" style="color: black;"><i class="fab fa-github"></i></span></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/BobbyAD" target="_blank"><span class="github" style="color: black;"><i class="fab fa-github"></i></span></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/chasester" target="_blank"><span class="github" style="color: black;"><i class="fab fa-github"></i></span></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/Gregjordansr" target="_blank"><span class="github" style="color:black;"><i class="fab fa-github"></i></span></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/OLORUNTOBI-LEVELUP" target="_blank"><span class="github" style="color: black;"><i class="fab fa-github"></i></span></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/" target="_blank"><span class="github" style="color: black;"><i class="fab fa-github"></i></span></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/brellin" target="_blank"><span class="github" ><i class="fab fa-github" style="color: black;"></i></span></a></li>
</ul>
<!-- <div class="col l3 s14">
<h5 class="purple-text text-lighten"> <span style="color: Dodgerblue"><i class="fab fa-linkedin" aria-hidden="true"></i></span> </h5>
<ul>
<li><a class="purple-text text-lighten" href="https://github.com/Civoremo">
<span style="color: Dodgerblue"><i class="fab fa-linkedin" aria-hidden="true">
</i></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/rwindsor"></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/mckaywrigley"></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/GregJordanSr"></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/Fractured2K"></a></li>
<li><a class="purple-text text-lighten" href="https://github.com/aasriyan"> </a></li>
<li><a class="purple-text text-lighten" href="https://github.com/raidonamakobe"></a></li>
</ul>
</div> -->
</div>
<!-- Twitter connections -->
<div class="col l3 s12">
<h5 class="purple-text text-lighten">Connect</h5>
<ul>
<li><a class="purple-text text-lighten" href="https://twitter.com/" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/Abdul_Qadir41" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/tobi_endowed" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
<li><a class="purple-text text-lighten" href="https://twitter.com/willthej" target="_blank"><img src="assets/twitter.png" alt="Twitter" class="twitter"></a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright purple lighten-4">
<div class="container purple-text text-lighten">
Made by <a class="purple-text text-lighten" href="http://gregoryljordansr.dev">Gregory L. Jordan Sr.</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>