<?php
$meta_title = "Education & Student Life in Ajmer | Aryabhatta College";
$meta_description = "Discover student life and quality education in Ajmer with Aryabhatta College—your gateway to top academics in the culturally rich holy city of Ajmer.";
$meta_keywords = "Education in Ajmer,Best College in Ajmer,Student Life in Ajmer";
$canonical = "https://aicteajmer.in/the-holy-city-ajmer";
?>


<?php include 'includes/header.php' ?>

<!-- Breadcrumb -->

<div class="breadcrumb-container">
    <div class="breadcrumb-overlay">
        <div class="breadcrumb-text">
            <h2>The Holy City Ajmer</h2>
            <p class="breadcrumb-path"><a class="text-yellow" href="aryabhatta-international-college-ajmer.php" title="Aryabhatta International College Ajmer">Home</a> > About > The Holy City Ajmer</p>
        </div>
    </div>
</div>

<style>
    .breadcrumb-container {
        position: relative;
        height: 300px;
        background-image: url('assets/breadcrumb-bg.jpg');
        background-size: fill;
        background-position: top;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .breadcrumb-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .breadcrumb-text {
        color: white;
        font-weight: bold;
        text-align: center;
        z-index: 2;
    }

    .breadcrumb-path {
        font-size: 24px;
        color: #ffcc00;
        font-weight: 500;
        margin: 0;
    }
</style>

<?php 


include 'includes/db.php';

$sql = "SELECT * FROM aboutus where id=10";
$result = $conn->query($sql);
$aboutus1 = $result->fetch_assoc();

$sql = "SELECT * FROM aboutus where id=11";
$result = $conn->query($sql);
$aboutus2 = $result->fetch_assoc();


?>

<!-- holycity Section -->

<div class="mt-5">
    <h1 class="color-brown fw-bold text-center" data-aos="fade-up">Education and Student Life in the Holy City of Ajmer</h1>
</div>
<div class="container ">
    <div class="row holycity-section my-5 p-5">
        <div class="col-md-6 image-container">
            <img src="admin/aboutus/uploads/<?php echo $aboutus1['image'] ?>" alt="Mission Image">
        </div>
        <div class="col-md-6">
            <h2 class="color-brown"><?php echo $aboutus1['heading']; ?></h2>
            <?php echo htmlspecialchars_decode($aboutus1['content']); ?>
        </div>
    </div>
    <div class="row holycity-section my-5 p-5">
        <div class="col-md-6">
            <h2 class="color-brown"><?php echo $aboutus2['heading']; ?></h2>
            <?php echo htmlspecialchars_decode($aboutus2['content']); ?>
        </div>
        <div class="col-md-6 image-container">
            <img src="admin/aboutus/uploads/<?php echo $aboutus2['image'] ?>" alt="Mission Image">
        </div>
    </div>
</div>

<style>
    .holycity-section {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    }

    .holycity-section h2 {
        font-size: 2.5rem;
        font-weight: bold;
    }

    .holycity-section p {
        font-size: 1.1rem;
        line-height: 1.6;
        text-align: justify;
    }

    .image-container img {
        width: 100%;
        height: auto;
    }
</style>






<?php include 'includes/footer.php' ?>