professional-profile/index.html

141 lines
5.6 KiB
HTML
Raw Normal View History

2024-06-02 22:29:35 -04:00
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
<link rel="shortcut icon" href="assets/not_sure.jpg" type="image/x-icon"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<script src="scripts/main.js" charset="utf-8" defer></script>
<link rel="stylesheet" href="styles/styles.css">
<title>⭐ Hamza Nasher-Alneam ⭐</title>
</head>
<body>
<!-- Move to different parts -->
<div class="progress-parent">
<div class="progress">
<span id="meetIndicator" onclick="goToSection('meet')"></span>
<span id="vegetable-dashIndicator" onclick="goToSection('vegetable-dash')"></span>
<span id="gold-rushIndicator" onclick="goToSection('gold-rush')"></span>
<span id="coming-soonIndicator" onclick="goToSection('coming-soon')"></span>
</div>
</div>
<!-- Landing -->
<div class="block landing" id="meet">
<div class="section-head">
<h1 class="hi">
I'm Hamza Nasher-Alneam
</h1>
</div>
<div class="section-text">
<div class="about-me">
<h1>About me</h1>
<p>I'm a high school student in the United States. When I have time, I like to do programming, which has been mostly full
stack web dev. Now, I'm learning Kotlin for Android development, trying out Godot for the school Game Dev Club, and
writing C++ code for the school robotics team. Currently using the Fedora KDE Spin.</p>
</div>
</div>
</div>
<!-- Vegetable Dash -->
<div class="block" id="vegetable-dash">
<div class="section-text">
<div class="about-me">
<h1>Broadneck Robotics</h1>
<p>Vex robotics! I've done some of that. I've written code and other things about whatever</p>
</div>
</div>
<div class="section-head">
<div>
<h1 class="hi">
Robotics
</h1>
<img class="section-image" src="https://broadneckrobotics.github.io/images/2023-2024/working.jpg" alt="Robotics image">
</div>
</div>
</div>
<!-- Game dev club -->
<div class="block" id="gold-rush">
<div class="section-head">
<div>
<h1 class="hi">
Game Dev Club
</h1>
<img class="section-image" src="https://hnasheralneam.github.io/gamedevclub/assets/title-box.png" alt="Game Dev Club logo">
</div>
</div>
<div class="section-text">
<div class="about-me">
<h1>Game Dev Club</h1>
<p>Godot! and no more unity. Gdscipt is basically python, ewwww we don't like python, none of us.</p>
</div>
</div>
</div>
<!-- Gold Rush -->
<div class="block" id="gold-rush">
<div class="text">
<br>
<h1>achievements</h1>
<p class="about-gold gold-text">About gold rush</p>
</div>
</div>
<!-- Coming soon -->
<div class="block" id="coming-soon">
<div class="section-head">
<div>
<h1 class="hi">
Coming soon!
</h1>
<div>
<br><br>
<p>Email | <a href="mailto:hnasheralneam@gmail.com">hnasheralneam@gmail.com</a></p>
<p>GitHub | <a href="https://github.com/hnasheralneam/">@hnasheralneam</a></p>
<p>Developer website | <a href="https://hnasheralneam.github.io/">hnasheralneam.github.io</a></p>
</div>
</div>
</div>
<div class="section-text">
<div class="about-me">
<h1>You won't find me at</h1>
<p>Places you won't find me at</p>
<br>
<hr class="hr">
<br>
<div class="will-not-find-me-at">
<a class="nothing-link" href="https://www.reddit.com/"><i class="fab fa-reddit"></i></a>
<a class="nothing-link" href="https://www.twitch.tv/"><i class="fab fa-twitch"></i></a>
<a class="nothing-link" href="https://dribbble.com/"><i class="fab fa-dribbble"></i></a>
<a class="nothing-link" href="https://www.squarespace.com/"><i class="fab fa-squarespace"></i></a>
</div>
<h1>You will find me at</h1>
<p>Places you will find me at</p>
<br>
<hr class="hr">
<br>
<div class="will-not-find-me-at">
<a class="nothing-link" href="https://github.com/hamza-314"><i class="fab fa-github"></i></a>
<a class="nothing-link" href="https://stackoverflow.com/users/14818357/hamza"><i class="fab fa-stack-overflow"></i></a>
<a class="nothing-link" href="https://codepen.io/hamza-314"><i class="fab fa-codepen"></i></a>
</div>
</div>
</div>
</div>
<!-- Coming Soon -->
<div class="block" id="coming-soon">
<div class="text">
<br><br>
<h1>
Coming soon
</h1>
<div>
words
</div>
</div>
</div>
</body>
</html>