<?php
$meta_title = "College Mission & Vision | Academic Excellence in Ajmer";
$meta_description = "Explore the mission and vision of Aryabhatta College, Ajmer, dedicated to academic excellence and higher education goals for a brighter student future.";
$meta_keywords = "College Mission and Vision,Academic Excellence in Ajmer,Higher Education Goals Ajmer";
$canonical = "https://aicteajmer.in/mission-and-vision";
?>


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

<!-- Breadcrumb -->

<div class="breadcrumb-container">
    <div class="breadcrumb-overlay">
        <div class="breadcrumb-text">
            <h2>Mission & Vision</h2>
            <p class="breadcrumb-path"><a class="text-yellow" href="aryabhatta-international-college-ajmer.php" title="Aryabhatta International College Ajmer">Home</a> > Mission & Vision</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=2";
$result = $conn->query($sql);
$mission = $result->fetch_assoc();

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

?>


<!-- Mission & Vision Section -->

<div class="container mission-vision-section">

    <div class="pb-2">
        <h1 class="color-brown fw-bold text-center" data-aos="fade-up">Our Mission & Vision - Shaping Future Leaders with Excellence</h1>
    </div>

    <!-- Mission Section -->
    <div class="row align-items-center mysection px-5 my-5">
        <div class="col-md-6 image-container">
            <img src="admin/aboutus/uploads/<?php echo $mission['image'] ?>" alt="Mission Image">
        </div>
        <div class="col-md-6">
            <h2 class="color-brown"><?php echo $mission['heading']; ?></h2>
            <?php echo htmlspecialchars_decode($mission['content']); ?>
        </div>
    </div>

    <!-- Vision Section -->
    <div class="row align-items-center mysection px-5 my-5">
        <div class="col-md-6 order-md-2 image-container">
            <img src="admin/aboutus/uploads/<?php echo $vision['image'] ?>" alt="Vision Image">
        </div>
        <div class="col-md-6 order-md-1">
            <h2 class="color-brown"><?php echo $vision['heading']; ?></h2>
            <?php echo htmlspecialchars_decode($vision['content']); ?>
        </div>
    </div>
</div>

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

    .mission-vision-section {
        padding: 50px 0;
    }

    .mission-vision-section h2 {
        font-size: 3rem;
        font-weight: bold;
    }

    .mission-vision-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' ?>