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.