@extends('layouts.app3')

@section('title', 'best-practices')

@section('content')

<style>
    .custom-table {
        border: 2px solid #444;   /* dark gray border */
        box-shadow: 0 20px 10px rgba(0,0,0,0.15); /* shadow effect */
        border-radius: 10px;  /* smooth corners */
        overflow: hidden;  /* keeps rounded corners clean */
    } 
 
    .custom-table th {
        background-color: #c50224;
        text-align: center;
        color: #fff;
        border: 2px solid #444;
    }

    .custom-table td {
        text-align: center;
        vertical-align: middle;
        border: 2px solid #444;
    } 

    .section-header {
        background-color: #c5022469;
        font-weight: bold;
        text-align: left !important;
    }
    .table th, .table td {
    white-space: nowrap;   /* Prevents text from breaking */
    font-size: 14px;       /* Slightly smaller font for mobile */
    padding: 8px;
}
</style>  

    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg" data-overlay="title" data-opacity="8">
        <div class="breadcumb-shape" data-bg-src="assets/img/bg/breadcumb_shape_1_1.png">
        </div>
        <div class="shape-mockup breadcumb-shape2 jump d-lg-block d-none" data-right="30px" data-bottom="30px">
            <img src="assets/img/bg/breadcumb_shape_1_2.png" alt="shape">
        </div>
        <div class="shape-mockup breadcumb-shape3 jump-reverse d-lg-block d-none" data-left="50px" data-bottom="80px">
            <img src="assets/img/bg/breadcumb_shape_1_3.png" alt="shape">
        </div>
        <div class="container">
            <div class="breadcumb-content text-center">
                <h1 class="breadcumb-title">Best Practices</h1>
                <ul class="breadcumb-menu">
                    <li><a href="index.html">About</a></li>
                    <li>Best Practices</li>
                </ul>
            </div>
        </div>
    </div>
   
     <!--==============================
University Commitiees & Cells table
==============================-->
    <div class="overflow-hidden overflow-hidden bg-smoke space" id="about-sec" data-bg-src="assets/img/bg/about-5-bg.png">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                   
                </div>
                <div class="col-xl-12">
                    <div class="title-area mb-35">
                       
                        <h2 class="sec-title"> Best Practices</h2>
                    </div>
                    
                    
                    <div class="row align-items-center">
                        <div class="col-md-auto">
                            <div class="about-grid_img mb-30 mb-md-0">
                                <img src="assets/img/normal/commitees.png" alt="img">
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div class="checklist">
                            <div class="table-responsive">
                               <table class="table table-bordered custom-table">
<tbody>
<tr>
<th style="background-color: #0f385f; color: #ffffff; text-align: left;">Sr. No</th>
<th style="background-color: #0f385f; color: #ffffff; text-align: left;">Best Practice</th>
<th style="background-color: #0f385f; color: #ffffff; text-align: left;">Link</th>
</tr>
<tr valign="top">
<td width="100"><p align="left">1.</p></td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Student Clubs and its Events </span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://ru.devalupadhyay.com/student-clubs"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">2.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">NEP Implementation </span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/7.2/NEP.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">3.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Academic Management System through ERP Implementation</span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/7.2/Best_Practice_2 _Academic_Management_System.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">4.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">NSS</span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/3.6.2/3.6.2_List_of_Activity_under_NSS.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">5.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">MOUs</span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/3.7.1/Start_and_end_date_of_MOU_and_Activities.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">6.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Sustainable Development </span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/7.2/Best_Practice_1_Sustainable_Development.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">7.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Research and Academic Achievement Awards </span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/7.2/Research_and_Academic_Excellence_Awards_Best_Practice.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">8.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Placement Drive </span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/5.2.1/Placement_Drive.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
<tr valign="top">
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">9.</span></span></span></span></p>
</td>
<td width="600">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium;">Alumni Meets </span></span></span></span></p>
</td>
<td width="100">
<p align="left"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span style="color: #0563c1;"><u><a href="https://www.raiuniversity.edu/wp-content/uploads/naac/ssr/5.4.2/Alumni_Meets.pdf"><span style="font-family: Times New Roman, serif;"><span style="font-size: medium; color: #dd9933;">Click Here</span></span></a></u></span></span></span></p>
</td>
</tr>
</tbody>
</table>


                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
    

    

   

                                        
                                        
                                        
                           
    <!--==============================
Counter Area  
==============================-->
    <div class="counter-area-2" data-bg-src="assets/img/bg/counter-bg_1.png">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <h2 class="counter-card_number"><span class="counter-number">12.7</span>k<span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Enrolled</strong> Students</p>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <h2 class="counter-card_number"><span class="counter-number">52</span><span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Library and </strong> Labs</p>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                       <h2 class="counter-card_number"><span class="counter-number">400</span><span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Research and Publications</strong></p>
                    </div>
                </div>
                <!--<div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <h2 class="counter-card_number"><span class="counter-number">100.2</span>k<span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Students</strong> Community</p>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
    <!--==============================
Team Area  
==============================-->
    <section class="space overflow-hidden">
        <div class="shape-mockup team2-bg-shape1 jump-reverse d-lg-block d-none" data-left="-2%" data-top="0">
            <img src="assets/img/team/team-shape_1_1.png" alt="img">
        </div>

        <div class="shape-mockup team2-bg-shape5 jump d-xxl-block d-none" data-right="-7%" data-top="40%">
            <img src="assets/img/team/team-shape_1_5.png" alt="img">
        </div>

        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title"><i class="fal fa-book me-2"></i> Our Instructor</span>
                <h2 class="sec-title">Meet Our Expert Instructor</h2>
            </div>
            <div class="row th-carousel slider-shadow" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-xs-slide-show="1">
                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_1.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Hirmar Ubunti</a></h3>
                            <span class="team-desig">Instructor</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_2.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Lily Michelle</a></h3>
                            <span class="team-desig">Founder & CEO</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_3.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Daniel Thomas</a></h3>
                            <span class="team-desig">Junior Instructor</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_4.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Jennifer Patricia</a></h3>
                            <span class="team-desig">Senior Instructor</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_1.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Hirmar Ubunti</a></h3>
                            <span class="team-desig">Instructor</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_2.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Lily Michelle</a></h3>
                            <span class="team-desig">Founder & CEO</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_3.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Daniel Thomas</a></h3>
                            <span class="team-desig">Junior Instructor</span>
                        </div>
                    </div>
                </div>

                <!-- Single Item -->
                <div class="col-lg-6">
                    <div class="team-card style2">
                        <div class="team-img-wrap">
                            <svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
                                <path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
                            </svg>
                            <div class="team-img">
                                <img src="assets/img/team/team_2_4.jpg" alt="Team">
                            </div>
                            <div class="team-social">
                                <a href="#" class="icon-btn">
                                    <i class="far fa-plus"></i>
                                </a>
                                <div class="th-social">
                                    <a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a target="_blank" href="https://facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="team-title"><a href="team-details.html">Jennifer Patricia</a></h3>
                            <span class="team-desig">Senior Instructor</span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

   <!-- <section class="cta-area-3 ">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-30 mb-lg-0">
                    <div class="cta-card" data-bg-src="assets/img/bg/cta-bg_3_1.png">
                        <div class="title-area mb-40">
                            <span class="sub-title text-white"><i class="fal fa-book me-2"></i>Popular Courses</span>
                            <h4 class="sec-title text-white">Get The Best Courses & <br> Upgrade Your Skills </h4>
                        </div>
                        <a href="contact.html" class="th-btn style8">Join With Us<i class="fas fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="cta-card" data-bg-src="assets/img/bg/cta-bg_3_2.png">
                        <div class="title-area mb-40">
                            <span class="sub-title text-white"><i class="fal fa-book me-2"></i>Popular Courses</span>
                            <h4 class="sec-title text-white">Engaging Courses for <br> Intellectual Exploration</h4>
                        </div>
                        <a href="contact.html" class="th-btn style8">Join With Us<i class="fas fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>-->
    <!--==============================
Blog Area  
==============================-->
    <section class="blog-area-5 overflow-hidden bg-smoke space-bottom">
        <div class="container">
            <div class="mb-35 text-center text-md-start">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-8">
                        <div class="title-area mb-md-0">
                            <span class="sub-title"><i class="fal fa-book me-2"></i> Our News & Blogs</span>
                            <h2 class="sec-title">Latests News & Blogs</h2>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <a href="blog.html" class="th-btn">View All Posts<i class="fa-solid fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
            <div class="row slider-shadow th-carousel blog-slider-1" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="2" data-sm-slide-show="1" data-arrows="true">
                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="assets/img/blog/blog-1-1.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>05 Jun, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Educate, Empower, Excel: Discover the Power of Learning!</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="assets/img/blog/blog-1-2.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>03 Jun, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Enrich Your Mind, Envision Your Future: Education for Success</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="assets/img/blog/blog-1-3.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>10 Jul, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">University class starting soon while the lovely valley team work</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="assets/img/blog/blog-1-1.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>02 Apr, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Educate, Empower, Excel: Discover the Power of Learning!</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="assets/img/blog/blog-1-2.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>03 Jun, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Enrich Your Mind, Envision Your Future: Education for Success</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="assets/img/blog/blog-1-3.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>10 Jul, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">University class starting soon while the lovely valley team work</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--==============================
Cta Area  
==============================-->
    <div class="cta-area-1" data-bg-src="assets/img/bg/cta-bg1.png">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-8">
                    <div class="cta-wrap title-area mb-0">
                        <div class="cta-icon">
                            <img src="assets/img/normal/cta-icon1.png" alt="icon">
                        </div>
                        <div class="cta-content">
                            <h2 class="cta-title sec-title">Get Online Courses</h2>
                            <p class="cta-text">Met consectetur adipiscing sed eiustempore dolore</p>
                        </div>
                        <a href="about.html" class="th-btn style8">Join With Us<i class="fas fa-arrow-right ms-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="cta-img-1" data-overlay="title" data-opacity="8">
            <img src="assets/img/normal/cta_1_1.png" alt="Image">
            <a href="https://www.youtube.com/watch?v=jySdcGARFPQ" class="play-btn style2 popup-video"><i class="fa-sharp fa-solid fa-play"></i></a>
        </div>
    </div>
     @endsection
     <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Circle Progress -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Tilt JS -->
    <script src="assets/js/tilt.jquery.min.js"></script>
    <!-- Tweenmax JS -->
    <script src="assets/js/tweenmax.min.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>

</body>

</html>