-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (121 loc) · 5.83 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
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>George Hotten</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<script src="js/max.js"></script>
</head>
<body>
<!-- Nav -->
<div class="nav">
<a class="nav-front">George Hotten</a>
<div class="nav-back">
<a class="nav-entry" id="nav-active" href="index.html">Home</a>
<a class="nav-entry" href="portfolio.html">Portfolio</a>
<a class="nav-entry" href="contact.html">Contact</a>
</div>
</div>
<!-- Hero -->
<header class="main-header">
<div class="stretchable">
<h1>George Hotten: an aspiring cybersecurity professional</h1>
<h2 id="hero-h2-e"><a href="mailto:230078352@aston.ac.uk" class="link-white">230078352@aston.ac.uk</a></h2>
<h2 id="hero-h2-t">07123456789</h2>
</div>
</header>
<main class="stretchable">
<!-- Education -->
<section class="education">
<h1>Education</h1>
<h2>Aston University (2023-)</h2>
<ul>
<li>First year student</li>
<li>Studying for a bachelor's degree in Cybersecurity</li>
</ul>
<h2>Solihull College (2021-2023)</h2>
<ul>
<li>Studied for a BTEC National Extended Diploma in IT</li>
<li>Graduated with <b>D*D*D*</b></li>
<li>Awarded two Outstanding Student awards</li>
</ul>
</section>
<br>
<!-- Work Experience -->
<section class="work-experience">
<h1>Work Experience</h1>
<h2>TJX Europe (2021-)</h2>
<ul>
<li>Team Leader & Cash Office Associate</li>
<li>Responsible for interfacing with back-office software to ensure buisness finaces are properly documented</li>
<li>Investigates discrepancies, reviewing electronic journal logs</li>
</ul>
</section>
<br>
<!-- Skills -->
<section class="skills">
<h1>Skills</h1>
<div class="skills-container">
<div class="skills-subcontainer">
<img src="img/java-logo.png" alt="Logo of the Java programming language"/>
<p>I have over 7 years of Java experience, primarily coding Minecraft plugins. Some projects include a remake of a classic HiveMC gamemode 'The Herobrine!' and solutions for the Advent of Code christmas event.</p>
</div>
<div class="skills-subcontainer">
<img src="img/csharp-logo.png" alt="Logo of the C# programming language"/>
<p>With 4 years of experience in C#, I have attempted a wide range of projects. This includes numerous mods for the virtual reality game Beat Saber, coursework for my GCSE qualification, and a recreational project called Bubbletill.</p>
</div>
<div class="skills-subcontainer">
<img src="img/svelte-logo.png" alt="Logo of the Svelte JavaScript framework"/>
<p>First learnt in 2021, I used Svelte to create many different websites for a wide range of purposes. For example, for my BTEC qualification I created a real estate website with Svelte. I also use Svelte for my own personal site, along with the recreational project, <a class="link" href="https://isborisg.one">IsBorisG.one</a>.</p>
</div>
</div>
</section>
<br>
<!-- Interests and Hobbies -->
<img class="mv" src="img/max.jpg"/>
<section class="interests">
<h1>Interests & Hobbies</h1>
<ul>
<li>I've played the Baritone Horn for over 10 years, currently at a grade 7.</li>
<li>Played in multiple bands, such as Solihull Youth Wind Orchestra and Solihull Music Service's Jazz Matters.</li>
<li>I enjoy watching cricket, supporting our local Warwickshire team. I also watch Formula 1, <span class="max">supporting Red Bull.</span></li>
</ul>
</section>
<br>
<!-- Interests and Hobbies -->
<section class="prof">
<h1>Professional Profiles</h1>
<div class="prof-container">
<div class="prof-subcontainer">
<img src="img/linkedin.png" alt="Logo of LinkedIn"/>
<p>
<a class="link" href="https://www.linkedin.com/in/george-hotten-906273250/"><b>My LinkedIn</b></a>
<br>Member since 2022
<br>Showcases all my professional experience and education
</p>
</div>
<div class="prof-subcontainer">
<img src="img/github.png" alt="Logo of GitHub"/>
<p>
<a class="link" href="https://github.com/gxorge"><b>My GitHub</b></a>
<br>Member since 2018
<br>Houses all my open source projects
<br>Includes projects for my education and recreation
</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer footer-sticky">
<div class="stretchable">
<p><b>© George Hotten 2024</b></p>
<a class="link-white" href="https://github.com/georgeataston/cs1iad-portfolio1">source</a> ·
<a class="link-white" href="https://www.linkedin.com/in/george-hotten-906273250/">linkedin</a> ·
<a class="link-white" href="https://github.com/gxorge">github</a>
</div>
</footer>
</body>
</html>