140 lines
5.6 KiB
HTML
140 lines
5.6 KiB
HTML
<!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&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>
|