services.php

<!-- Header -->
<?php include_once __DIR__ . "/shared/header.php" ?>
<link rel="stylesheet" href="services.css">

<div class="services-container container md-4">
    <h1 class="text-center mb-4">Servicios</h1>
    <p class="description">Descubre nuestros servicios diseñados para mejorar tus habilidades y alcanzar tus objetivos en un entorno flexible y personalizado.</p>

    <div class="row">
        <div class="col-md-6 mb-4">
            <div class="card">
                <img src="img/grupal.jpg" class="card-img-top" alt="Clases Grupales">
                <div class="card-body">
                    <h2 class="card-title"><a href="#">Clases Grupales</a></h2>
                    <p class="card-text">Descubre nuestros cursos en grupo diseñados para mejorar tus habilidades lingüísticas en un entorno colaborativo.</p>
                    <a href="clases_grupales.php" class="btn btn-primary">Más información</a>
                </div>
            </div>
        </div>

        <div class="col-md-6 mb-4">
            <div class="card">
                <img src="img/lenguajes.webp" class="card-img-top" alt="Clases Individuales">
                <div class="card-body">
                    <h2 class="card-title"><a href="#">Clases Individuales</a></h2>
                    <p class="card-text">Personaliza tu aprendizaje con clases individuales adaptadas a tus necesidades específicas y objetivos personales.</p>
                    <a href="clases_individuales.php" class="btn btn-primary">Más información</a>
                </div>
            </div>
        </div>

        <div class="col-md-6 mb-4">
            <div class="card">
                <img src="img/examen.avif" class="card-img-top" alt="Preparación para Exámenes">
                <div class="card-body">
                    <h2 class="card-title"><a href="#">Preparación para Exámenes</a></h2>
                    <p class="card-text">Prepárate con nuestros cursos intensivos y específicos para los exámenes TOEFL, IELTS, TestDaF, CELPE-Bras y DELF diseñados para maximizar tu puntuación.</p>
                    <a href="preparacion_examenes.php" class="btn btn-primary">Más información</a>
                </div>
            </div>
        </div>

        <div class="col-md-6 mb-4">
            <div class="card">
                <img src="img/grupales.png" class="card-img-top" alt="Grupos Conversacionales">
                <div class="card-body">
                    <h2 class="card-title"><a href="#">Grupos Conversacionales</a></h2>
                    <p class="card-text">Practica y mejora tus habilidades de conversación en un ambiente de apoyo y aprendizaje estructurado.</p>
                    <a href="grupo_conversacional.php" class="btn btn-primary">Más información</a>
                </div>
            </div>
        </div>
    </div>

<!-- Footer -->
<?php include_once __DIR__ . "/shared/footer.php" ?>