Skip to content

Commit

Permalink
Add placeholder content
Browse files Browse the repository at this point in the history
  • Loading branch information
GamzeeRakoon committed Jan 30, 2024
1 parent 3822cac commit 222e071
Show file tree
Hide file tree
Showing 2 changed files with 78 additions and 1 deletion.
Binary file added src/img/goblinflix.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
79 changes: 78 additions & 1 deletion src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,11 +21,88 @@
</header>

<main>
<div class="pt-40 mx-auto max-w-7xl h-screen" id="home" >
<div>
<p class="text-9xl font-bold">Hi</p>
<p class="mb-5 text-8xl">I am Gamzee van den Boogaard</p>
<p class="text-xl">Im a fullstack developer studying at Alfa-College</p>
</div>
</div>

<div class="bg-gradient-to-b from-zinc-900 to-zinc-800" id="aboutMe">
<div class="mx-auto max-w-3xl text-lg text-center text-neutral-400">
<h1 class="pt-20 pb-10 text-5xl">About me</h1>
<p class="mb-4">
Hey there, I'm Gamzee, a 19-year-old full-stack Software Development student from the Netherlands,
currently honing my craft at Alfa-College.
</p>

<p class="mb-4">
Beyond the classroom, I'm always on the lookout for the next tech adventure.
Whether it's diving headfirst into the latest frameworks, experimenting with new programming languages,
or staying in the loop with industry trends, I thrive on staying on the cutting edge of software development.
</p>
<p>
But I'm not just a lone coder—I'm all about that collaborative vibe. You'll catch me contributing to open-source projects,
where it's not just about writing code; it's a community thing. Open source is about sharing knowledge, building together,
and facing real-world challenges as a team.
Jumping into these projects not only sharpens my coding skills but also keeps the fire burning for tackling problems together.
</p>
</div>
</div>

<div class="bg-gradient-to-b from-zinc-800 to-zinc-700" id="projects">
<div class="mx-auto max-w-6xl text-neutral-400">
<h2 class="pt-20 pb-10 text-5xl text-center">Projects</h2>


<div class="grid grid-cols-2 gap-4 justify-center items-center text-black">
<div class="pb-20 bg-white rounded-xl border-2">
<img class="rounded-t-xl" src="./img/goblinflix.png" alt="Your Image Alt Text" />
<p class="p-2 text-2xl font-bold text-center bg-gray-300">Goblin flix</p>
<p>
React webapp that uses the TMDB API to
look for movies their trailers
displayed in a streaming service type front-end
</p>
</div>

<div class="pb-20 bg-white rounded-xl border-2">
<img class="rounded-t-xl" src="./img/goblinflix.png" alt="Your Image Alt Text" />
<p class="p-2 text-2xl font-bold text-center bg-gray-300">PHP Blog</p>
<p>
React webapp that uses the TMDB API to
look for movies their trailers
displayed in a streaming service type front-end
</p>
</div>

<div class="pb-20 bg-white rounded-xl border-2">
<img class="rounded-t-xl" src="./img/goblinflix.png" alt="Your Image Alt Text" />
<p class="p-2 text-2xl font-bold text-center bg-gray-300">Laravel Blog</p>
<p>
React webapp that uses the TMDB API to
look for movies their trailers
displayed in a streaming service type front-end
</p>
</div>
</div>
</div>
</div>

<div class="bg-zinc-700" id="contact">
<div class="pt-10 pb-96 mx-auto max-w-6xl text-center text-neutral-400">
<h1 class="text-5xl">Contact</h1>
<p></p>
</div>
</div>

</main>

<footer>

<div class="text-center bg-zinc-700 text-neutral-400">
<p>© 2024 Gamzee. All Rights Reserved.</p>
</div>
</footer>

<script src="../dist/bundle.js"></script>
Expand Down

0 comments on commit 222e071

Please sign in to comment.