{% extends "base.html" %}

{% block title %}Meist{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='meist.css') }}">
{% endblock %}

{% block content %}
<div class="container">
    <!-- Väärtused Section -->
    <section class="values-section">
        <h1 class="page-title">Meie väärtused</h1>
        <div class="content-text">
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per combia nostra inceptos himenaeos.</p>
        </div>
    </section>

    <!-- Instructors Section -->
    <section class="instructors-section">
        <h2 class="section-title">Meie koolitajad</h2>
        <div class="instructors-grid">
            <!-- Instructor 1 -->
            <div id="kati-sepp" class="instructor-card instructor-profile">
                <div class="instructor-photo">
                    <div class="photo-placeholder">👨‍🏫</div>
                </div>
                <h3 class="instructor-name">Kati Sepp</h3>
                <p class="instructor-bio">Varasem kogemus, kogemused, haridus, muud teksti mis võtab ehk nilpaljuish ruumi, ma natuke lobisen nissama sest mul ei ole lorem ipsumi copypastitud praegu</p>
                <div class="courses-list">
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                </div>
                <a href="{{ url_for('booking') }}" class="book-button">Broneeri aeg</a>
            </div>

            <!-- Instructor 2 -->
            <div id="mari-tamm" class="instructor-card instructor-profile">
                <div class="instructor-photo">
                    <div class="photo-placeholder">👩‍🏫</div>
                </div>
                <h3 class="instructor-name">Mari Tamm</h3>
                <p class="instructor-bio">Varasem kogemus, kogemused, haridus, muud teksti mis võtab ehk nilpaljuish ruumi, ma natuke lobisen nissama sest mul ei ole lorem ipsumi copypastitud praegu</p>
                <div class="courses-list">
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                </div>
                <a href="{{ url_for('booking') }}" class="book-button">Broneeri aeg</a>
            </div>

            <!-- Instructor 3 -->
            <div id="jaanus-mets" class="instructor-card instructor-profile">
                <div class="instructor-photo">
                    <div class="photo-placeholder">👨‍💼</div>
                </div>
                <h3 class="instructor-name">Jaanus Mets</h3>
                <p class="instructor-bio">Varasem kogemus, kogemused, haridus, muud teksti mis võtab ehk nilpaljuish ruumi, ma natuke lobisen nissama sest mul ei ole lorem ipsumi copypastitud praegu</p>
                <div class="courses-list">
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                </div>
                <a href="{{ url_for('booking') }}" class="book-button">Broneeri aeg</a>
            </div>

            <!-- Instructor 4 -->
            <div id="toomas-parn" class="instructor-card instructor-profile">
                <div class="instructor-photo">
                    <div class="photo-placeholder">👩‍💻</div>
                </div>
                <h3 class="instructor-name">Toomas Pärn</h3>
                <p class="instructor-bio">Varasem kogemus, kogemused, haridus, muud teksti mis võtab ehk nilpaljuish ruumi, ma natuke lobisen nissama sest mul ei ole lorem ipsumi copypastitud praegu</p>
                <div class="courses-list">
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                </div>
                <a href="{{ url_for('booking') }}" class="book-button">Broneeri aeg</a>
            </div>

            <!-- Instructor 5 -->
            <div id="liina-mets" class="instructor-card instructor-profile">
                <div class="instructor-photo">
                    <div class="photo-placeholder">🧑‍🎓</div>
                </div>
                <h3 class="instructor-name">Liina Mets</h3>
                <p class="instructor-bio">Varasem kogemus, kogemused, haridus, muud teksti mis võtab ehk nilpaljuish ruumi, ma natuke lobisen nissama sest mul ei ole lorem ipsumi copypastitud praegu</p>
                <div class="courses-list">
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                </div>
                <a href="{{ url_for('booking') }}" class="book-button">Broneeri aeg</a>
            </div>

            <!-- Instructor 6 -->
            <div id="mart-kangur" class="instructor-card instructor-profile">
                <div class="instructor-photo">
                    <div class="photo-placeholder">👨‍🔬</div>
                </div>
                <h3 class="instructor-name">Mart Kangur</h3>
                <p class="instructor-bio">Varasem kogemus, kogemused, haridus, muud teksti mis võtab ehk nilpaljuish ruumi, ma natuke lobisen nissama sest mul ei ole lorem ipsumi copypastitud praegu</p>
                <div class="courses-list">
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                    <p>Koolituse nimi</p>
                </div>
                <a href="{{ url_for('booking') }}" class="book-button">Broneeri aeg</a>
            </div>
        </div>
    </section>
</div>
{% endblock %}