<!DOCTYPE html>
<html lang="en">
    
<head>
    <meta charset="utf-8">
    <title>Best Computer Institute In Ashram - YPDO</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta name="color-scheme" content="light dark">
    <meta content="Free HTML Templates" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> 

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/style.css" rel="stylesheet">

    <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    
    
        <style>
        .student-card {
            text-align: center;
            margin-bottom: 20px;
        }
        .student-image {
            width: 100%;
            height: auto;
            border-radius: 10px;
        }
    </style>

</head>
    



    <?php include 'header.php';?>





<body>

<div class="container">
    <h1 class="text-center my-4">Our Students</h1>
    <div class="row">
        <!-- Student 1 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/sandhya.webp" alt="sandhya" class="student-image">
            <h5>Sandhya</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 2 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/alex.webp" alt="Alex " class="student-image">
            <h5>Alex Peter</h5> 
            <span>E-Accounting</span>
        </div>
        <!-- Student 3 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/vikas.webp" alt="Vikas Pandit" class="student-image">
            <h5>Vikas Pandit</h5>
            <span>Web Designing</span>
        </div>
        <!-- Student 4 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="Deepika" class="student-image">
            <h5>Deepika</h5>
            <span>Advance Excel</span>
        </div>
         <!-- Student 5 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/tanishq.webp" alt="Tanihsq" class="student-image">
            <h5>Tanishq</h5>
            <span>Web Designing</span>
            </div>
        <!-- Student 6 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/aradhna.webp" alt="Aradhana Scarife" class="student-image">
            <h5>Aradhana Scarife</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 7 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="manisha" class="student-image">
            <h5>Manisha Tigga</h5>
            <span>Basic Computer Course-CCC</span>
        </div>
       
        
        <!-- Student 8 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/ritu.webp" alt="Ritu" class="student-image">
            <h5>Ritu</h5>
            <span>Web Designing</span>
        </div>
   
        <!-- Student 9 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="harsh" class="student-image">
            <h5>Harsh</h5>
            <span>Diploma in Computer Application</span>
        </div>
        <!-- Student 10 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="om dutt" class="student-image">
            <h5>Vinay</h5>
            <span>Basic Computer Course-CCC</span>
        </div>
        <!-- Student 11 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/sunidhi.webp" alt="sunidhi" class="student-image">
            <h5>Sunidhi Singh</h5>
            <span>Digital Marketing</span>
        </div>
        <!-- Student 12 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/anshika.webp" alt="anshika" class="student-image">
            <h5>Anshika</h5>
            <span>Digital Marketing</span>
        </div>
        <!-- Student 13 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/priti.webp" alt="priti" class="student-image">
            <h5>Priti</h5>
            <span>Digital Marketing</span>
        </div>
        <!-- Student 14 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/sapna.webp" alt="sapna" class="student-image">
            <h5>Sapna</h5>
            <span>Tally +GST</span>
        </div>
        <!-- Student 15 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/sejal-arya.webp" alt="sejal arya" class="student-image">
            <h5>Sejal Arya</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 16 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/kajal.webp" alt="Kajal Kumari" class="student-image">
            <h5>Kajal Kumari</h5>
            <span>Basic Computer Course-CCC</span>
        </div>
  
        <!-- Student 17 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/nandini.webp" alt="Nandini" class="student-image">
            <h5>Nandini</h5>
            <span>Basic Computer</span>
        </div>
        <!-- Student 18 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="students-pics/tanvi.webp" alt="tanvi" class="student-image">
            <h5>Tanvi</h5></h5>
            <span>Basic Computer</span>
        </div>
        <!-- Student 19 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="sunidhi" class="student-image">
            <h5>Krishika</h5>
            <span>Basic Computer</span>
        </div>
        <!-- Student 20 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="anshika" class="student-image">
            <h5>Anshika</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 21 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="priti" class="student-image">
            <h5>Priti</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 22 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="pari" class="student-image">
            <h5>Pari</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 23 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="sejal arya" class="student-image">
            <h5>Sejal Arya</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 24 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="sudhanshu" class="student-image">
            <h5>Shudhanshu</h5>
            <span>E-Accounting</span>
        </div>
        
        <!-- Student 25 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="img/testimonial-5.jpeg" alt="sandhya" class="student-image">
            <h5>Sandhya</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 26 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="Alex " class="student-image">
            <h5>Alex Peter</h5> 
            <span>E-Accounting</span>
        </div>
        <!-- Student 27 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="Vikas Pandit" class="student-image">
            <h5>Vikas Pandit</h5>
            <span>Web Designing</span>
        </div>
        <!-- Student 28 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="Deepika" class="student-image">
            <h5>Deepika</h5>
            <span>Advance Excel</span>
        </div>
        <!-- Student 29 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="renu Chauhan" class="student-image">
            <h5>Renu Chauhan</h5>
            <span>E-Accounting</span>
        </div>
        <!-- Student 30 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="manisha" class="student-image">
            <h5>Manisha Tigga</h5>
            <span>Basic Computer Course-CCC</span>
        </div>
        <!-- Student 31 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar1.png" alt="Tanihsq" class="student-image">
            <h5>Tanishq</h5>
            <span>Web Designing</span>
        </div>
        <!-- Student 32 -->
        <div class="col-lg-3 col-md-2 col-sm-6 col-12 student-card">
            <img src="https://www.w3schools.com/bootstrap5/img_avatar5.png" alt="Ritu" class="student-image">
            <h5>Ritu</h5>
            <span>Web Designing</span>
        </div>
   
        
    </div>
    
    
</div>




    
    
    <?php include 'footer.php';?>