forked from ddlan/Employability
-
Notifications
You must be signed in to change notification settings - Fork 0
/
big-5.html
107 lines (98 loc) · 4.4 KB
/
big-5.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
<!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/big-5.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="#Amazon">Amazon </a>
<a href="#Apple">Apple</a>
<a href="#Facebook">Facebook </a>
<a href="#Google">Google </a>
<a href="#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="sidenav">
<a href = "#Amazon"/> <img src= "https://upload.wikimedia.org/wikipedia/commons/b/b4/Amazon-icon.png" width = "40" height = "40"/></a>
<a href = "#Apple"/> <img src= "https://www.litmos.com/wp-content/uploads/2016/01/apple-icon.png" width = "40" height = "40"/></a>
<a href = "#Facebook"/> <img src= "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/F_icon.svg/2000px-F_icon.svg.png" width = "40" height = "40"/></a>
<a href = "#Google"/> <img src= "https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Google_%22G%22_Logo.svg/1000px-Google_%22G%22_Logo.svg.png" width = "40" height = "40"/></a>
<a href = "#Microsoft"/> <img src= "http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/OS-Microsoft-Tile-icon.png" width = "40" height = "40"/></a>
</div>
<!-- Creating sections and Links to the sections -->
<div class = "section" id = "Amazon">
<h1>
Amazon
</h1>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.</p>
</div>
<div class = "section" id = "Apple">
<h1>
Apple
</h1>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.</p>
</div>
<div class = "section" id = "Facebook">
<h1>
Facebook
</h1>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.</p>
</div>
<div class = "section" id = "Google">
<h1>
Google
</h1>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.</p>
</div>
<div class = "section" id = "Microsoft">
<h1>
Microsoft
</h1>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.</p>
</div>
</div>
<!-- CONTENT GOES HERE -->
<div class="footer">
<p>Footer Placeholder</p>
</div>
</body>
</html>