Villain Affirmations

A playful and stylish multi-page website designed for aspiring villains who need a daily dose of self-empowerment.
Inspired by my 4-year-old’s love of all things evil and cute

User Stories

• As a user, I want to land on a homepage that feels fun and dramatic so I’m hooked immediately.
• As a user, I want to browse a list of villain affirmations so I can laugh or feel empowered.
• As a user, I want to learn about the site’s origin and purpose so I understand its vibe.
• As a user, I want to be able to contact the creator through a form in case I want to suggest new affirmations or leave feedback.

Features

• Responsive navigation bar across all pages
• Custom villain-themed layout with Bootstrap 5
• Home page with hero section and carousel of affirmations
• Affirmations page with Bootstrap cards and background image
• About page with origin story and custom villain illustration
• Contact page with styled form (Formspree-ready)
• Dark mode theme with custom CSS
• Fully version-controlled with Git and GitHub

Technologies Used

• HTML5
• CSS3
• Bootstrap 5
• Git & GitHub
• Visual Studio Code
• Formspree (for contact form)

Viewing Instructions

1. Clone or download this repository
2. Open the index.html file in a web browser
3. Click around to explore the full villain experience

Author

Created by Linah Sofi
Full Stack Engineer in training — California State Bootcamp
Inspired by the tiny villain who lives in my house