DEV Community

Cover image for Revisiting HTML & CSS by Building a Tribute Page for Levi from Attack on Titan
Rohan Nilatkar
Rohan Nilatkar

Posted on

Revisiting HTML & CSS by Building a Tribute Page for Levi from Attack on Titan

β€’ πŸ” Project Overview
β–‘ Created a tribute page for Levi Ackerman from Attack on Titan as a creative way to revisit my HTML & CSS skills.
β–‘ Combined my passion for anime and web development to build a visually appealing and responsive website.
β–‘ Designed with a dark theme and professional color palette inspired by Levi's personality and AOT's aesthetic.

πŸ› οΈ Technologies Used
β–‘ HTML & CSS Only
β–‘ Semantic HTML structure
β–‘ CSS Flexbox layout
β–‘ Custom fonts and box shadows
β–‘ Dark mode inspired theme
β–‘ Visual Studio Code
β–‘ For writing and previewing the code locally.
β–‘ Git & GitHub
β–‘ Version control and project hosting

πŸ–ΌοΈ Project Features
β–‘ Tribute-style landing page
β–‘ Image of Levi Ackerman with styling
β–‘ Quote section + biography
β–‘ List of his key achievements and why he's admired
β–‘ Responsive layout and custom color palette

🌐 Live Demo & Code
πŸ”— GitHub Repo: github.com/preyliet/levi-tribute

πŸ”— X (Twitter): @iixpreyliet

πŸ’‘ Key Takeaways
β–‘ Rebuilding small projects helps reinforce core skills.
β–‘ Anime themes can be powerful creative inspiration.
β–‘ Hosting projects on GitHub builds public portfolios.
β–‘ Sharing your work online leads to feedback and motivation.

πŸ“… What's Next?
-Continue learning JavaScript to bring interactivity to such pages.

-Build more anime-inspired or creative mini-projects.

-Post regular updates on Hashnode, X, and DEV.to.

Top comments (3)

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

been cool seeing steady progress like this, honestly stuff adds up a lot more than it seems

Collapse
 
iixpreyliet profile image
Rohan Nilatkar

Thanks a lot! Really appreciate the encouragement you’re absolutely right, small consistent steps really start to compound over time. I’m just trying to stay steady, learn out loud, and keep building in public. πŸ’ͺ

Some comments may only be visible to logged-in visitors. Sign in to view all comments.