-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (106 loc) · 4.57 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
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hugh's Portfolio</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<nav>
<img class="menu-image" src="images/menu.png" alt="Menu" />
<a class="menu-item" href="./">Home</a>
<a class="menu-item" href="./resume">Resume</a>
<a class="menu-item" href="./projects">Projects</a>
</nav>
</header>
<aside>
<button class="theme-button" onclick="toggleTheme()">
<img class="theme-icon" alt="" />
</button>
</aside>
<main>
<div id="home">
<div class="column">
<div class="row">
<div>
<img
class="helloimage"
src="images/hugh.png"
alt="Hugh"
/>
</div>
<div class="hello">
<h1>Hello</h1>
<h1>I'm</h1>
<h1>Hugh</h1>
</div>
</div>
<h2>Introdction</h2>
<p class="left">
I'm a <span>Software Developer</span> with a background in <span>mobile app development</span>, focused on creating <span>functional</span>, <span>engaging</span>, and <span>reliable solutions</span>.
</p>
<p class="left">
My portfolio showcases a range of projects that reflect my <span>technical skills</span>, <span>attention to detail</span>, and <span>commitment to quality</span>.
</p>
<h2>Career Objectives</h2>
<p class="left">
I aim to contribute to <span>innovative projects</span>, work alongside <span>experienced professionals</span>, and continue developing my <span>technical skills</span>.
</p>
<p class="left">
My goal is to grow through <span>hands-on work</span>, <span>mentorship</span>, and <span>collaboration</span>, allowing me to make <span>impactful contributions</span> to the projects I work on.
</p>
</div>
</div>
</main>
<footer>
<div class="row">
<p>© 2024 Hugh's Portfolio. All rights reserved.</p>
<a href="mailto: [email protected]">
<div class="column">
<img
class="social-icon"
src="images/email.png"
alt="Email"
/>
Email
</div>
</a>
<a href="https://github.com/hugh5" target="_blank">
<div class="column">
<img
class="social-icon"
src="images/github.png"
alt="GitHub"
/>
GitHub
</div>
</a>
<a href="https://linkedin.com/in/hugh-drummond7" target="_blank"
><div class="column">
<img
class="social-icon"
src="images/linkedin.png"
alt="LinkedIn"
/>
LinkedIn
</div>
</a>
<a href="https://leetcode.com/u/hugh5/" target="_blank">
<div class="column">
<img
class="social-icon"
src="images/leetcode.png"
alt="Leetcode"
/>
Leetcode
</div>
</a>
</div>
</footer>
</body>
</html>