-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
337 lines (287 loc) · 10.2 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>George Oti-Adjei</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
</head>
<body>
<!-- Dark theme color: #2b2d33 -->
<header>
<a href="#" class="logo"><img src="./assets/images/GHlog.png"></a>
<!-- BOxicon class to show menu icon button on smaller screen -->
<div class="bx bx-menu" id="menu-icon"></div>
<!-- Navbar -->
<ul class="navlist">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#service">Service</a></li>
<li><a href="#contact">Contact</a></li>
<!-- <label class="toggle" for="toggle">
<i class="bx bx-moon profile" id="openModalBtn" ></i>
<i class="bx bxs-sun"></i>
</label> -->
</ul>
</header>
<!--------home---->
<section class="home" id="home">
<div class="home-text">
<h3>Hello, I'm</h3>
<h1>George Heavenson Jnr. Oti-Adjei</h1>
<h5>A Software Engineer <span>From Accra, Ghana</span></h5>
<!-- <p>🔭 I’m working as a Software Engineer and contributing to frontend and backend for building web
applications and mobile development...</p> -->
<div class="social">
<a href="#"><i class='bx bxl-play-store'></i></a>
<a href="#"><i class='bx bxl-twitter'></i></a>
<a href="#"><i class='bx bxl-linkedin'></i></a>
<a href="https://www.twitch.tv/hungrybeardev"><i class='bx bxl-twitch'></i></a>
</div>
<a href="#about" class="top-btn">About Me</a>
</div>
<div class="home-img">
<img src="./assets/images/Gpic.webp">
</div>
</section>
<!--------sub service---->
<section class="sub-service">
<div class="items">
<div class="sub-box">
<div class="sub-img">
<img src="./assets/images/target.svg">
</div>
<h3>Pixel Perfect</h3>
<p>Most common methods for designing websites that work well on desktop is responsive and adaptive
design.</p>
</div>
<div class="sub-box">
<div class="sub-img">
<img src="./assets/images/brush.svg">
</div>
<h3>High Quality</h3>
<p>Most common methods for designing websites that work well on desktop is responsive and adaptive
design.</p>
</div>
<div class="sub-box">
<div class="sub-img">
<img src="./assets/images/energy.svg">
</div>
<h3>Awesome Idea</h3>
<p>Most common methods for designing websites that work well on desktop is responsive and adaptive
design.</p>
</div>
</div>
</section>
<!--------About---->
<section class="about" id="about">
<div class="about-img">
<img src="./assets/images/car4-min.webp">
</div>
<div class="about-text">
<h3>I'm an Engineer</h3>
<h2>The Guy Behind The Wheel👀?</h2>
<p>Hello there! I am a Full Stack Developer focused on Frontend and Client Development from Accra,Ghana.
🔭 As a person interested in EECS tailored towards software engineering,I’m working as
a Developer and contributing to frontend and backend for building mobile and web applications.
I am passionate about making contributing to open-source more approachable, creating technology to
elevate people, and building community.
🌱 Exploring Technical Content Writing.
⚡ In my free time I Game, research on TIny Homes and read tech articles.</p>
<div class="social">
<a href="#"><i class='bx bxl-play-store'></i></a>
<a href="#"><i class='bx bxl-twitter'></i></a>
<a href="#"><i class='bx bxl-linkedin'></i></a>
<a href="https://www.twitch.tv/hungrybeardev"><i class='bx bxl-twitch'></i></a>
</div>
</div>
</section>
<!--------portfolio---->
<section class="portfolio" id="portfolio">
<div class="heading">
<h3>Portfolio</h3>
<h2>My Amazing Work</h2>
<p>Some Projects that I've worked on that you'd be interested in.</p>
</div>
<div class="portfolio-content">
<!-- <a href="pages/projectDetails.html">
<div class="col">
<img src="./assets/images/Covid.png">
<div class="layer">
<h3>C19 App</h3>
<h5>A Covide Mobile Application</h5>
</div>
</div>
</a>
<div class="col">
<img src="./assets/images/Gesa.jpeg">
<div class="layer">
<h3>GESA KNUST</h3>
<h5>College of Engineering student's App</h5>
</div>
</div> -->
<a href="pages/projects/mummysdarl.html" style="display: contents;">
<div class="col2">
<img src="./assets/images/gulddd.png">
<div class="layer">
<h3>Mummys Darl</h3>
<h5>A School Website</h5>
</div>
</div>
</a>
<a href="pages/projects/gesa.html" style="display: contents;">
<div class="col">
<img src="./assets/images/Gul.jpg">
<div class="layer">
<h3>GESA KNUST</h3>
<h5>College of Engineering student's Mobile Application</h5>
</div>
</div>
</a>
<a href="pages/projects/provid.html" style="display: contents;">
<div class="col">
<img src="./assets/images/bss.png">
<div class="layer">
<h3>Prov-vid</h3>
<h5>A Covid Mobile Application</h5>
</div>
</div>
</a>
<a href="pages/projects/gulliverstravel.html" style="display: contents;">
<div class="col2">
<img src="./assets/images/gulddd.png">
<div class="layer">
<h3>Gullivers Travel Hotel</h3>
<h5>A Hotel Website</h5>
</div>
</div>
</a>
</div>
</div>
<div class="see_text">
<a href="pages/projectsoverview.html" class="btn">See More ></a>
</div>
</section>
<!--------service---->
<section class="service" id="service">
<div class="heading">
<h3>Services</h3>
<h2>What I Do For Clients</h2>
<p>As a freelancer, I offer various services for my clients. <br> Some are:</p>
</div>
<div class="service-content">
<div class="row">
<div class="s s-one">
<img src="./assets/images/anchor.svg">
</div>
<h3>UI Design</h3>
<!-- <h5>Starts From <span>$99</span></h5> -->
<p>As a developer with a strong background in UI/UX design, I bring a unique perspective to the
development process. I understand the importance of creating a user-centered experience and work
closely with my clients to develop interfaces that are not only visually appealing, but also
functional and user-friendly. Whether you're building a new application from the ground up or
looking to improve the user experience of an existing one, I'm here to help bring your vision to
life.</p>
</div>
<div class="row">
<div class="s s-tow">
<img src="./assets/images/physics.svg">
</div>
<h3>Mobile Applications</h3>
<!-- <h5>Starts From <span>$99</span></h5> -->
<p> With a focus on user experience and a deep understanding of the latest technologies, I work closely
with my clients to understand their goals and delivercustomized solutions that meet their unique
needs. Whether you're looking to develop a cutting-edgemobile app, improve the performance of an
existing one, or simply need some guidance on the best wayto approach your project, I'm here to
help. My goal is to provide you with a seamless and enjoyable experience, from initial concept to
final deployment, and ensure that your mobile application is a
success.</p>
<!-- <a href="">Hire me</a> -->
</div>
<div class="row">
<div class="s s-three">
<img src="./assets/images/contact.svg">
</div>
<h3>Web & Desktop Applications</h3>
<!-- <h5>Starts From <span>$99</span></h5> -->
<p>
I offer a full suite of services to help businesses and individuals bring their ideas to the web as
well as desktop. I
work closely with my clients to deliver custom solutions that are tailored to their
unique needs. Whether you're looking to build a robust e-commerce platform, streamline your business
processes with a custom web/desktop application, or simply need a professional website to showcase
your
brand, I'm here to help..</p>
</div>
<div class="row">
<div class="s s-four">
<img src="./assets/images/web.svg">
</div>
<h3>Mentorship</h3>
<!-- <h5><span>Free</span></h5> -->
<p>As a software engineer, I may not be an expert yet but I have accumulated valuable experience that I
am eager to share through mentorship.
My goal is to guide clients based on what I have learned so far and help them grow in their own
software development journey.
I believe that with my skills and knowledge, I can provide a unique perspective and support system
for those looking to advance their careers in tech.</p>
</div>
</div>
</section>
<!--------work---->
<section class="cta">
<div class="heading">
<h2>Completed 10+ Projects <br> Successfully</h2>
</div>
<div class="cta-box">
<div class="wrap one">
<h3>5+</h3>
<p>Finished Projects</p>
</div>
<div class="wrap two">
<h3>10+</h3>
<p>Happy Customer</p>
</div>
<div class="wrap three">
<h3>300+</h3>
<p>Global Customers</p>
</div>
</div>
</section>
<!--------contact---->
<section class="contact" id="contact">
<div class="container">
<div class="center">
<h3>Let's talk about everything</h3>
<p>Don't like forms? Send me an email.</p>
</div>
<div class="action">
<form action="contactform.php" method="post">
<input type="email" name="email" placeholder="Enter Your email" required>
<input type="submit" name="submit" value="Submit">
</form>
</div>
</div>
</section>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="closeBtn">×</span>
<p>This is a simple modal</p>
</div>
</div>
<!--------Copyright end section---->
<div class="ends">
<p>Gorge Heavenson Jnr. Oti-Adjei © 2022</p>
</div>
<!-- Link to scrollreveal js file -->
<script src="https://unpkg.com/scrollreveal"></script>
<!--------Link to js file---->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>