-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (84 loc) · 3.97 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Regina George's Site</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body class="index-page">
<nav id="index-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="pages/blog.php">Blog</a></li>
<li><a href="#footer">Contact</a></li>
<li>⚘</li>
</ul>
</nav>
<div id="index-title">
<h1>
<span style="color: white;">Welcome to </span><br>
<span id="name" style="color: #FFD700;">
<span class="underline">Regina George's</span>
</span>
<br><span style="color: white;">Zone</span>
</h1>
<h3 id="tagline" style="color: white; font-family: Georgia,serif;">Beyond the map, lies exploration.</h3>
</div>
<div style="padding: 25px;"></div>
<h2 class="about-title">About Me</h2>
<div class="about-content" style="display: flex; gap: 10px; max-width: 75%;">
<div class="about-image" style="flex: 1;">
<img src="assets\images\me-1.png" alt="Profile">
</div>
<div class="about-text" style="flex: 1;">
<blockquote style="background-color: #D0E1EB; padding: 15px; border-radius: 5px;">
"No greater force for change exists than the people we surround ourselves with."
— Justin Blaney.
</blockquote>
<p style="text-align: justify;">Starting career with love and passion in the IT industry. Currently am
interested to learn more on Machine Learning, Web Development, Mobile Development, and Game Development.
Also love filmmaking and editing as a hobby. Driven by commitment to greater outcome whether through
collaborating with a team or working on a solo. Being part of a team is good to learn from others, share
insights, and contribute to achieving common goals. While working independently gives personal space to
dive deep into problems and bring unique vision to life.</p>
</div>
</div>
<div style="padding: 25px;"></div>
<h2 class="projects-title" style="text-align: center; background-color: #E5B4AE; color: #fff; padding: 5px; margin: 0;">Projects</h2>
<ul class="projects">
<li class="project1">
Backend WarongWarem<br><br>
<a href="https://github.com/ahmdtrdi/backend-warongwarem" style="color: #000;">
<img src="assets\images\project-be-warongwarem.png" alt="Project 1" style="width: 75%;">
<br><br>View More
</a>
</li>
<li class="project2">
Voice Conversion for Deepfake<br><br>
<img src="assets\images\project-voice-deepfake.png" alt="Project 3" style="width: 80%;">
<br><br>View More
</li>
<li class="project3">
KYDx User Interface<br><br><br><br>
<a href="https://www.figma.com/proto/XaeVyxGPXepXex7SitbOlb/KYDx-User-Interface?node-id=366-99&starting-point-node-id=366:99&mode=design&t=aZI58VUJDHHZhTM4-1" style="color: #FFF;">
<img src="assets\images\project-kydx.png" alt="Project 2" style="width: 75%;">
<br><br><br><br>View More
</a>
</li>
<li class="project4"></li>
</ul>
<div style="padding: 25px;"></div>
</main>
<footer id="footer">
<ul>
<li class="footer-item"><a href="https://www.linkedin.com/in/regina-george/">LinkedIn</a></li>
<li class="footer-item"><a href="mailto:[email protected]">[email protected]</a></li>
<li class="footer-item"><a href="https://github.com/reregin">GitHub</a></li>
</ul>
<p>© 2024 Regina George's Personal Website.</p>
</footer>
<script src="main.js"></script>
</body>
</html>