Welcome to my portfolio project! This project showcases my skills and projects in web development, demonstrating my proficiency in HTML, CSS, JavaScript, and Python. Feel free to explore the code and get in touch if you have any questions or opportunities for collaboration.
The HTML file sets up the basic structure of the webpage, including the head and body sections, navigation, main content, and footer.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/png" href="assets/house.png">
<script src="https://kit.fontawesome.com/1e62049758.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<div class="nav-items">
<img src="assets/star.jpg" alt="House Icon">
<h1>@wingcatcher_</h1>
</div>
</nav>
<main>
<!-- Main content sections -->
</main>
<footer>
<!-- Footer content -->
</footer>
</body>
</html>
The CSS file (css/style.css
) contains styles for layout, typography, colors, and responsiveness.
This project uses Font Awesome for icons, included via a script tag.
<script src="https://kit.fontawesome.com/1e62049758.js" crossorigin="anonymous"></script>
The header introduces me, Raffy Ahmad J., and provides a brief introduction about my passion and skills in web development.
Displays the logos of the languages and tools I use: HTML5, CSS3, JavaScript, and Python.
Lists my technical and soft skills:
- Technical Skills: HTML/CSS, JavaScript, Python, Version Control, Web Development Tools.
- Soft Skills: Communication, Problem-Solving, Teamwork, Time Management, Adaptability.
Showcases one of my projects:
- Celcius - Fahrenheit Calculator: A tool for temperature conversion with features like copyable results and a sleek UI.
Provides details of my education history:
- SMPN 1 Gandusari: 2021 - 2024.
- SMAN 2 Trenggalek: 2024 - Present.
Feel free to get in touch via email at catcherwing@gmail.com or connect with me on GitHub and Instagram.
The footer includes icons linking to my GitHub and Instagram profiles.
Thank you for visiting my portfolio! I am always open to feedback and opportunities for collaboration. Let's build something amazing together!