-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (54 loc) · 2.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume Parser</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body>
<div class="word-styling">
<h1 class="title">
WELCOME! ARE YOU LOOKING FOR NEW QUALIFIED CONDIDATES FOR YOUR ROLES?
</h1>
<p class="description">
TRY OUT OUR NEW RESUME PARSER APP TO FIND QUALIFIED CANDIDATES
TO FILL YOUR ROLES. JUST INPUT ANY KEYWORDS YOU'RE LOOKING FOR
IN OUR SEARCH BAR THAT FILTERS THROUGH UPLOADED RESUMES AND WE'LL
PROVIDE YOU A LIST OF POTENTIAL INDVIDUALS YOU'D MIGHT WANT
TO CONSIDER FOR YOUR OPEN ROLES.
</p>
</div>
<div class="search-container">
<input class="search-bar" placeholder="Type keywords here...">
<button class="search-btn">Search</button>
</div>
<div class="resume-area">
<header id="resume-areaTitle">Resumes: </header>
<p id="find-resume" type="object"></p>
</div>
<div class="drag-area">
<div class="icon"><i class="fas fa-cloud-upload-alt"></i></div>
<header>Drag & Drop to Upload File</header>
<span>OR</span>
<button id="browseButton">Browse File</button>
<input type="file" hidden>
</div>
<div>
<button class="upload-btn">Upload</button>
</div>
<div id="icons" >
<a href="https://www.linkedin.com/in/avila-angel/" target="_blank">
<img src="icons/linkedin_icon.png" alt="LinkedIn Icon" width="50px"height="50px">
</a>
<a href="https://github.com/Avila-Angel" target="_blank">
<img src="icons/github_icon.png" alt="Github Icon" width="50px"height="50px">
</a>
<a href="mailto:[email protected]" target="_blank">
<img src="icons/email_icon.png" alt="Email Icon" width="50px"height="50px">
</a>
</div>
<script src="index.js"></script>
</body>
</html>