-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestimonials.html
148 lines (148 loc) · 7.19 KB
/
testimonials.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hugh's Portfolio | Testimonials</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="index.html">Home</a>
<a class="menu-item" href="resume.html">Resume</a>
<a class="menu-item" href="projects.html">Projects</a>
<a class="menu-item" href="blog.html">Blog</a>
<a class="menu-item" href="testimonials.html">Testimonials</a>
</nav>
</header>
<aside>
<button class="theme-button" onclick="toggleTheme()">
<img class="theme-icon" alt="Toggle Theme" />
</button>
</aside>
<main>
<div id="testimonials">
<div class="split-grid">
<div class="linear-grid">
<!-- Testimonial Card 1 -->
<div testimonial_id="testimonial1" class="card">
<img
class="testimonial-image"
src="images/connor.png"
alt="Testimonial 1"
/>
<div class="card-content">
<h4>Connor</h4>
<h4>Penetration Tester - IBM</h4>
</div>
</div>
<!-- Testimonial Card 2 -->
<div testimonial_id="testimonial2" class="card">
<img
class="testimonial-image"
src="images/harrison.png"
alt="Testimonial 1"
/>
<div class="card-content">
<h4>Harrison</h4>
<h4>AI Engineer - OpenAI</h4>
</div>
</div>
<!-- Testimonial Card 3 -->
<div testimonial_id="testimonial3" class="card">
<img
class="testimonial-image"
src="images/lorenzo.png"
alt="Testimonial 1"
/>
<div class="card-content">
<h4>Lorenzo</h4>
<h4>Software Engineer - Netflix</h4>
</div>
</div>
</div>
<div>
<!-- Testimonial Content 1 -->
<p testimonial_id="testimonial1" class="testimonial">
"Hugh is not just a mobile app developer; he is a
problem solver, a creative thinker, and a true
collaborator. I had the pleasure of working with him
on a project that required innovative solutions and
tight deadlines, and he exceeded expectations at
every turn. His ability to communicate complex
technical concepts in a clear and concise manner
made him an invaluable member of our team. With his
passion for excellence and drive to push boundaries,
I have no doubt that Hugh will continue to achieve
great things in his career."
</p>
<!-- Testimonial Content 2 -->
<p testimonial_id="testimonial2" class="testimonial">
"Hugh is a true asset to any team. His passion for
mobile development is evident in the quality of work
they deliver. I had the pleasure of collaborating
with him on a challenging project, and I was
consistently impressed by his ability to tackle
complex problems with creativity and efficiency. His
commitment to continuous learning and growth is
admirable, making him a valuable addition to any
organization."
</p>
<!-- Testimonial Content 3 -->
<p testimonial_id="testimonial3" class="testimonial">
"As a mentor to Hugh, I've had the privilege of
witnessing his growth and development firsthand. His
enthusiasm for exploring new ideas and technologies
is matched only by his dedication to mastering them.
Hugh approaches every task with a positive attitude
and a willingness to learn, making him a standout in
their field. I have no doubt that he will continue
to excel in his career and make significant
contributions to the world of mobile development."
</p>
</div>
</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>
</div>
</footer>
</body>
</html>