---
# System prepended metadata

title: 'Building a Glittery Lee Min Ho Fangirl Website: My Second #100DaysOfCode Project'

---

# Building a Glittery Lee Min Ho Fangirl Website: My Second #100DaysOfCode Project  
![Capture](https://hackmd.io/_uploads/Sk1yjrtqkx.jpg)
Hey everyone! 👋 I’m excited to share my second project in the **#100DaysOfCode Challenge**—a playful, glittery website dedicated to the one and only **Lee Min Ho**! 🌟 As a longtime fan of his work (shoutout to *"Boys Over Flowers"* for making me a forever fan), I wanted to create something fun and interactive to celebrate his career, especially during a time when his latest drama, *"When the Stars Gossip"*, has been receiving mixed reviews.  

In this article, I’ll walk you through the code and design choices I made to bring this project to life. Let’s dive in!  

---

## **The Inspiration**  
Lee Min Ho has been a household name in the K-drama world for years, and his charm in *"Boys Over Flowers"* was my gateway into the world of Korean dramas. Recently, though, his latest drama hasn’t been getting the love it deserves. So, I thought, *"Why not create a website to show some fangirl support?"*  

The goal was to make the website:  
- **Playful and fun**: Think glitter, animations, and a pink-and-white theme.  
- **Interactive**: Fans can share their thoughts and subscribe for updates.  
- **Aesthetic**: Highlight LMH’s best works with posters and reviews.  

---

## **The Code**  

### **HTML Structure**  
The website is divided into several sections:  
1. **Header**: A welcoming message for fellow LMH fans.  
2. **Hero Section**: A large, animated image of LMH (with a zoom-in-zoom-out effect).  
3. **Content Sections**:  
   - What LMH likes to eat 🍜  
   - What time LMH sleeps 🌙  
   - An interactive form to chat about *"When the Stars Gossip"* 💬  
   - A showcase of LMH’s iconic K-dramas 🎬  
4. **Subscription Form**: For fans to get updates on LMH gossip.  
5. **Footer**: A heartfelt message from one fangirl to another.  

Here’s a snippet of the HTML:  

```html
<header>
    <h1>✨ Lee Min Ho Fangirl Zone ✨</h1>
    <p>Your ultimate destination for all things LMH!</p>
</header>

<div class="hero">
    <img src="https://via.placeholder.com/1200x600.png?text=Lee+Min+Ho+Picture" alt="Lee Min Ho" class="hero-image">
</div>

<section class="section">
    <h2>🍜 What Does LMH Like to Eat?</h2>
    <p>Lee Min Ho loves Korean BBQ, especially samgyeopsal (pork belly). He also enjoys sushi and has a sweet tooth for chocolate desserts! 🍫</p>
</section>
```

---

### **CSS Styling**  
The design is all about **pink and white** with **blue and gold glitter** accents. I used CSS animations to make the hero image zoom in and out, and I added a glittery background for that extra fangirl sparkle.  

Here’s a peek at the CSS:  

```css
body {
    font-family: 'Poppins', sans-serif;
    background-color: #fff0f5; /* Light pink background */
    color: #333;
}

.glitter-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent 20%, #fff0f5 20%, #fff0f5 80%, transparent 80%, transparent),
                radial-gradient(circle, transparent 20%, #fff0f5 20%, #fff0f5 80%, transparent 80%, transparent) 50px 50px;
    background-size: 100px 100px;
    animation: glitter 2s linear infinite;
}

@keyframes glitter {
    0% { background-position: 0 0; }
    100% { background-position: 100px 100px; }
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoom-in-out 5s infinite alternate;
}

@keyframes zoom-in-out {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}
```

---

### **Interactive Features**  
The website includes:  
- A form for fans to share what they’d say to LMH about *"When the Stars Gossip"*.  
- A subscription form to get updates on LMH gossip.  

---

## **Why This Project?**  
This project was a great way to practice my HTML and CSS skills while combining two things I love: **coding** and **K-dramas**! It also taught me how to use CSS animations and create interactive forms.  

---

## **Teaser**  
If you’re a fellow Lee Min Ho fan (or just curious about the project), **comment below** and let me know! I’d be happy to share the link to the live site so you can check it out for yourself. 💖  

Let’s spread some love for LMH and show him that his fans are always here to support him! 🌟  

---

#LeeMinHo #100DaysOfCode #WebDev #FangirlVibes #CodingJourney #BoysOverFlowers #WhenTheStarsGossip  




