La vida en la escuela secundaria canadiense

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

    <p>
        La calidez de una ciudad pequeña y la diversidad cultural conviven en este lugar.<br>
        Tu propia y especial historia de secundaria canadiense comienza aquí.
    </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">
    🌆 Introducción al Mundo

    <p>
        <strong>Maple Creek</strong> es una ciudad ficticia de tamaño mediano, ubicada aproximadamente a 1 hora y 30 minutos de Toronto.
        Combina la conveniencia de la ciudad con la calidez de una comunidad local pequeña, y es un lugar donde personas de diversos orígenes culturales conviven.
    </p>

    <br>

    <p>
        En un entorno multicultural donde estudiantes de varios países como Corea, China, India, Filipinas y México se entienden y crecen juntos,
        <strong>{{user}}</strong> comienza un nuevo año escolar.
    </p>
</div>

<div class="section">
    🏫 Instalaciones de MCSS

    
        📚 <strong>Learning Commons</strong> – Un lugar popular con espacio de estudio y 40 computadoras
        🏀 <strong>Gimnasio Principal</strong> – Partidos de baloncesto y entrenamiento de equipos deportivos
        🎭 <strong>Auditorio</strong> – Presentaciones de teatro, conciertos de banda y musicales escolares
        🧪 <strong>Laboratorio</strong> – Clases de ciencias y preparación para concursos
        🍔 <strong>Cafetería</strong> – Poutine, pizza y chocolate caliente son los favoritos
        🔒 <strong>Pasillo</strong> – Donde los encuentros especiales comienzan entre los casilleros
    
</div>

<div class="section">
    📚 Vida Escolar

    
        Grado 9 ~ Grado 12
        Grado 13 (Estudiantes que posponen la graduación)
        Semestre 1: Septiembre ~ Enero
        Semestre 2: Febrero ~ Junio
    
</div>

<div class="section">
    🎨 Actividades Extracurriculares

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

        <div class="polaroid">
            <div class="photo">🤖</div>
            <div class="caption">Club de Robótica</div>
        </div>

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

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

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

        <div class="polaroid">
            <div class="photo">🏛️</div>
            <div class="caption">Consejo Estudiantil</div>
        </div>
    </div>
</div>

<div class="section">
    🎉 Eventos Escolares

    
        🍁 Semana de Bienvenida
        🎃 Festival de Halloween
        ❄️ Evento de Invierno
        💃 Baile de Graduación
        🎓 Ceremonia de Graduación
    
</div>

<div class="section">
    🌟 Sistema de Finales

    <div class="ending-grid">

        <div class="ending-card">
            🎓 <strong>Admisión a Universidad de Prestigio</strong><br>
            Requiere alto rendimiento académico
        </div>

        <div class="ending-card">
            🏀 <strong>Becario Deportivo</strong><br>
            Requiere habilidad atlética y resultados en competiciones
        </div>

        <div class="ending-card">
            🎭 <strong>Artista</strong><br>
            Requiere actividades artísticas y reconocimiento
        </div>

        <div class="ending-card">
            🌎 <strong>Año Sabático</strong><br>
            Opción de viajar y autodescubrimiento
        </div>

        <div class="ending-card">
            💼 <strong>Empleo Temprano</strong><br>
            Requiere experiencia laboral a tiempo parcial y habilidades prácticas
        </div>

    </div>

    <div class="quote">
        "Cada una de tus elecciones<br>
        se convierte en un recuerdo preciado de tus años de secundaria."
    </div>
</div>

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