forked from ddlan/Employability
-
Notifications
You must be signed in to change notification settings - Fork 0
/
resume-cover-letter.html
94 lines (85 loc) · 4.67 KB
/
resume-cover-letter.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
<!DOCTYPE html>
<html>
<head>
<title>BetterPD</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/resume-cover-letter.css">
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<img src="img/title.png" alt="BetterPD" class="title" onclick="goHome()">
<div class="navbardiv">
<ul class="navbar">
<li>
<div id="interviewslink" class="dropdown">
<a href="interviews.html" class="navlink">Interviews</a>
<div class="dropdown-content">
<a id="interviews-formlink" href="interviews-form.html"> Quiz </a>
<a href="#">All Questions</a>
</div>
</div>
</li>
<li><a id="resumelink" href="resume-cover-letter.html" class="navlink">Resume/Cover Letter</a></li>
<li>
<div class="dropdown">
<a id="big5link" href="big-5.html" class="navlink">Big 5</a>
<div class="dropdown-content">
<a href="big-5.html#Amazon">Amazon </a>
<a href="big-5.html#Apple">Apple</a>
<a href="big-5.html#Facebook">Facebook </a>
<a href="big-5.html#Google">Google </a>
<a href="big-5.html#Microsoft">Microsoft </a>
</div>
</div>
</li>
<li><a id="employerlink" href="employer-input.html" class="navlink">Employer Input</a></li>
<li><a id="aboutlink" href="about.html" class="navlink">About</a></li>
</ul>
</div>
<div class="content">
<div class="resume">
<div class="resume_text">
<h1>Resume</h1>
<h3>What is a resume?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id dui odio. In consectetur est lectus, a pellentesque nunc placerat ut. Etiam fringilla at quam eu molestie. Donec sodales ligula ornare aliquet fermentum. In bibendum fermentum felis, in iaculis diam facilisis vel. Donec non ante gravida nisl condimentum mattis eu eu lorem. Proin at diam et mauris euismod fermentum. Pellentesque elementum dui metus, quis facilisis dui condimentum eu.</p>
<h3>What are the key elements?</h3>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<h3>Why we are not giving a template</h3>
<p>Aenean eget ornare lacus. Morbi a ex bibendum dui aliquet porttitor. Integer porttitor a lorem id placerat. Donec ut mi sed mauris tempor malesuada. Maecenas laoreet libero at nunc placerat fermentum. Donec hendrerit erat vitae nisl cursus, pulvinar interdum arcu viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer aliquam sit amet mi nec blandit.</p>
<h3>Tips & Considerations</h3>
<p>Cras sodales elementum rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis non dolor a nisl posuere placerat.</p>
</div>
<div class="resume_example">
<img src="img/danny_example_resume.jpg" alt="An example resume">
</div>
</div>
<div class="cover_letter">
<div class="cover_letter_text">
<h1>Cover Letter</h1>
<h3>What is a cover letter?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id dui odio. In consectetur est lectus, a pellentesque nunc placerat ut. Etiam fringilla at quam eu molestie. Donec sodales ligula ornare aliquet fermentum. In bibendum fermentum felis, in iaculis diam facilisis vel. Donec non ante gravida nisl condimentum mattis eu eu lorem. Proin at diam et mauris euismod fermentum. Pellentesque elementum dui metus, quis facilisis dui condimentum eu.</p>
<h3>What are the key elements?</h3>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<h3>Our opinion: should you have a cover letter (yes!)</h3>
<p>Aenean eget ornare lacus. Morbi a ex bibendum dui aliquet porttitor. Integer porttitor a lorem id placerat. Donec ut mi sed mauris tempor malesuada. Maecenas laoreet libero at nunc placerat fermentum. Donec hendrerit erat vitae nisl cursus, pulvinar interdum arcu viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer aliquam sit amet mi nec blandit.</p>
<h3>Tips & Considerations</h3>
<p>Cras sodales elementum rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis non dolor a nisl posuere placerat.</p>
</div>
<div class="cover_letter_example">
<img src="img/danny_example_cover_letter.jpg" alt="An example cover letter">
</div>
</div>
</div>
<div class="footer">
<p>Footer Placeholder</p>
</div>
</body>
</html>