-
Notifications
You must be signed in to change notification settings - Fork 0
/
resume.html
115 lines (107 loc) · 4.66 KB
/
resume.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Webpixels">
<title>Resume</title>
<!-- Favicon -->
<link href="./Images/favi_big.png" rel="icon" type="image/png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300&display=swap" rel="stylesheet">
<!-- Page plugins -->
<link type="text/css" href="./Stylesheets/highlight.min.css" rel="stylesheet">
<link type="text/css" href="./Stylesheets/atom-one-dark.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<!-- Theme CSS -->
<link type="text/css" href="./Stylesheets/theme.css" rel="stylesheet">
<link type="text/css" href="./Stylesheets/portfolio.css" rel="stylesheet">
</head>
<body>
<header>
<div class="bg-white">
<div class="container">
<div class="col-md-10 offset-md-1" style="padding: 0px;">
<nav class="navbar navbar-expand-sm navbar-dark py-3" id="navbar_main" style="padding: 0px;">
<div class="container">
<a class="navbar-brand" id="name" href="./index.html"><strong>Jacob Frausto</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbar_main_collapse"
aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar_main_collapse">
<ul class="navbar-nav align-items-lg-center ml-sm-auto">
<li class="nav-item">
<a class="nav-link header-link" href="./experience.html">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link header-link" href="./projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link header-link" href="./skills.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link header-link" href="./resume.html">Resume</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<main>
<section class="slice" id="projects">
<div class="container">
<div class="col-md-10 offset-md-1 align-items-center">
<h1 class="header-title"> Resume </h1>
<h3 class="header-subtitle">
<small> My experience and skills condensed to one page</small>
</h3>
<hr id="header-line">
<div style="height: 100vh;">
<object data="./Images/Jacob_Frausto_RESUME.pdf" style="background:white; float:inherit; width: 100%; height: 100%;">
<p>Oops! Your browser doesn't support PDFs!</p>
<p><a href="./Images/Jacob_Frausto_RESUME.pdf">Download Instead</a></p>
</object>
</div>
</div>
</div>
<script>
</script>
</section>
</main>
<!-- Core -->
<script src="./Scripts/jquery.min.js"></script>
<script src="./Scripts/popper.min.js"></script>
<script src="./Scripts/bootstrap.min.js"></script>
<!-- FontAwesome 5 -->
<script src="./Scripts/fontawesome-all.min.js" defer></script>
<!-- Page plugins -->
<script src="./Scripts/highlight.min.js"></script>
<!-- Theme JS -->
<script src="./Scripts/theme.min.js"></script>
<script>
var resume = document.getElementById("resume");
var resumeButton = document.getElementById("resumeButton");
displayResume();
window.addEventListener("resize", function () {
displayResume();
});
function displayResume() {
if (window.matchMedia("(min-width: 1000px)").matches) {
resume.style.display = "block";
resumeButton.style.display = "none";
} else {
resume.style.display = "none";
resumeButton.style.display = "block";
}
}
</script>
</body>
</html>