Welcome to my custom-built portfolio site! This is a handcrafted, responsive, and fun digital home where I showcase my web development skills, favorite projects, and professional journey.
- ✅ Built 100% from scratch—no templates, no themes, pure handcrafted HTML, CSS, and a splash of JavaScript.
- 🌈 Designed to be engaging and professional with a touch of playfulness.
- 📱 Fully responsive: looks awesome on mobile, tablet, and desktop.
- 💡 Ideal for showing off your work, résumé, and creative vibe!
Want to tinker or use it yourself?
git clone https://github.com/yarlinlynn/Portfolio.git
cd Portfolio
open index.html # or double-click itVoilà—your portfolio is live locally.
The portfolio is made up of:
index.html– Core structure of the websitestyle.css– All visual styling, layout, typography, and responsivenessscript.js– Optional JavaScript for interactivity- SVG icons and graphics embedded in the HTML or linked externally
The SVG animations use
@keyframes, transitions, and stroke-dash techniques to bring certain graphics to life — subtly but effectively.
Portfolio/
├── index.html
├── style.css
├── script.js
├── assets/
│ ├── images/
│ └── svgs/
└── README.md
- Projects: Edit the HTML in the projects section—swap in your images, descriptions, links.
- About & Skills: Update text and adjust the layout as needed.
- Colors & Fonts: Tweak the style.css or add your favorite fonts and palette.
- Interactions: If you want animations or interactivity, drop in your own JavaScript or CSS transitions.
This layout was inspired by a design shared by the YouTuber/developer The Code Dose.
Big thanks for the creative spark!
All code in this project — HTML, CSS, and JavaScript — was written completely from scratch by me.
Original creator/channel:
The Code Dose
GitHub: github.com/The-Code-Dose
YouTube: youtube.com/@thecodedose
Licensed under the MIT License. Use it, fork it, remix it—just keep it fun and drop me a credit somewhere.
If this helped or inspired you, drop a ⭐ on the repo! Let’s connect and share cool stuff 🚀