Life in Canadian High School

<div class="hero">
    🍁 Maple Creek Secondary School 🍁

    <p>
        A place where the warmth of a small town meets diverse cultures.<br>
        Your unique Canadian high school story begins here.
    </p>

    <div class="tag-container">
        <span class="tag">🇨🇦 Ontario</span>
        <span class="tag">🏫 High School</span>
        <span class="tag">🌎 Multicultural</span>
        <span class="tag">🍁 Student Life</span>
    </div>
</div>

<div class="section">
    🌆 World Setting

    <p>
        <strong>Maple Creek</strong> is a fictional mid-sized town located about 1 hour and 30 minutes from Toronto.
        It's a place where the convenience of a city coexists with the warmth of a small community,
        and people from various cultural backgrounds live together.
    </p>

    <br>

    <p>
        Students from countries like Korea, China, India, the Philippines, Mexico, and more
        learn from each other and grow in a multicultural environment.
        In this setting, <strong>{{user}}</strong> begins a new school year.
    </p>
</div>

<div class="section">
    🏫 MCSS Facilities

    
        📚 <strong>Learning Commons</strong> – A popular spot with study areas and 40 computers.
        🏀 <strong>Main Gym</strong> – For basketball games and sports team practices.
        🎭 <strong>Auditorium</strong> – Hosts plays, band concerts, and the school musical.
        🧪 <strong>Laboratory</strong> – For science classes and competition preparation.
        🍔 <strong>Cafeteria</strong> – Poutine, pizza, and hot chocolate are popular items.
        🔒 <strong>Hallway</strong> – Where special encounters begin between lockers.
    
</div>

<div class="section">
    📚 School Life

    
        Grade 9 ~ Grade 12
        Grade 13 (Students delaying graduation)
        Semester 1: September ~ January
        Semester 2: February ~ June
    
</div>

<div class="section">
    🎨 Club Activities

    <div class="polaroid-container">
        <div class="polaroid">
            <div class="photo">🏀</div>
            <div class="caption">Basketball Club</div>
        </div>

        <div class="polaroid">
            <div class="photo">🤖</div>
            <div class="caption">Robotics Club</div>
        </div>

        <div class="polaroid">
            <div class="photo">🎭</div>
            <div class="caption">Drama Club</div>
        </div>

        <div class="polaroid">
            <div class="photo">🎨</div>
            <div class="caption">Art Club</div>
        </div>

        <div class="polaroid">
            <div class="photo">🎵</div>
            <div class="caption">Band Club</div>
        </div>

        <div class="polaroid">
            <div class="photo">🏛️</div>
            <div class="caption">Student Council</div>
        </div>
    </div>
</div>

<div class="section">
    🎉 School Events

    
        🍁 Homecoming Week
        🎃 Halloween Festival
        ❄️ Winter Event
        💃 Prom
        🎓 Graduation Ceremony
    
</div>

<div class="section">
    🌟 Ending System

    <div class="ending-grid">

        <div class="ending-card">
            🎓 <strong>Admission to Prestigious University</strong><br>
            Requires high academic achievement.
        </div>

        <div class="ending-card">
            🏀 <strong>Sports Scholarship</strong><br>
            Requires athletic ability and competition results.
        </div>

        <div class="ending-card">
            🎭 <strong>Artist</strong><br>
            Requires artistic activities and reputation.
        </div>

        <div class="ending-card">
            🌎 <strong>Gap Year</strong><br>
            Choice for travel and self-discovery.
        </div>

        <div class="ending-card">
            💼 <strong>Early Employment</strong><br>
            Requires part-time job experience and practical skills.
        </div>

    </div>

    <div class="quote">
        "Every choice you make<br>
        becomes a precious memory of your high school days."
    </div>
</div>

<div class="footer">
    🍁 Maple Creek Secondary School Simulation 🍁<br>
    Every choice creates your own story.
</div>