-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (75 loc) · 4.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="Jack Hage">
<meta name="description" content="Full Stack Web Developer, Melbourne Australia">
<meta property="og:title" content="Jack Hage">
<meta property="og:description" name="description" content="Full Stack Developer, Melbourne Australia">
<meta property="og:type" content="website">
<title>Jack Hage | Portfolio</title>
<link href="https://fonts.googleapis.com/css?family=Handlee|Hind|Monda" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header>
<div class="header-nav">
<a href="#container" class="nav-button home-icon"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="https://github.com/Samseppiol" target="_blank" class="nav-button"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/jack-hage-337487139/" target="_blank" class="nav-button"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="./references/JackHageResume.pdf" class="nav-button"><i class="fa fa-file-text" aria-hidden="true"></i></a>
<a href="./references/JackHageAWSCert.pdf" class="nav-button"><i class="fa fa-certificate" aria-hidden="true"></i></a>
</div>
<div id="container">
<img src="images/headerbg.jpg">
<div id="head-content">
<h1 class='main-intro'>Jack Hage</h1>
<h2 class='main-intro'> AWS Certified<br>Full Stack<br>Developer</h2>
<div id="success">
Steps To Success:<br>1. Work Hard<br>2. Repeat Step 1
</div>
</div>
</div>
</header>
<main>
<div id="content">
<h4>What Am I Doing?</h4>
<img class="content-image" src="images/serverlessjoke.jpg">
<p>
I am currently working as a Devops Engineer for JB Hi-Fi in Melbourne Australia. I have an interest in cloud computing, specifically serverless technologies, having seen first hand how much of a pain managing servers <b><i>yourself</i></b> can be.
This portfolio is entirely serverless running on the AWS cloud!
</p>
<p>
My AWS Certified Developer associate certificate can be viewed by clicking on the badge emblem on the far right side of the navbar, with my resume second from the right as well.<br><br> Feel free to get in touch over linkedin.
</p>
</div>
</main>
<footer>
<a href="#container" class="nav-button home-icon"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="https://github.com/Samseppiol" target="_blank" class="nav-button"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/jack-hage-337487139/" target="_blank" class="nav-button"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="./references/JackHageResume.pdf" class="nav-button"><i class="fa fa-file-text" aria-hidden="true"></i></a>
<a href="./references/JackHageAWSCert.pdf" class="nav-button"><i class="fa fa-certificate" aria-hidden="true"></i></a>
</footer>
</body>
</html>