@extends('layouts.app')

@section('title', 'placement-gallery')

@section('content')



    <!--==============================
    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">Placement Gallery</h1>
                <ul class="breadcumb-menu">
                    <li><a href="index.html">Placement</a></li>
                    <li>Placement Gallery</li>
                </ul>
            </div>
        </div>
    </div>
    
    <!--==============================
 Placement Gallery
============================== -->
   
    <section class="space-top space-extra2-bottom">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-8 order-lg-2">
                    <div class="th-sort-bar course-sort-bar">
                        <div class="row justify-content-between align-items-center">
                            

                            <div class="col-md-auto">
                                <div class="nav" role=tablist>
                                    <a href="#" id="tab-shop-grid" data-bs-toggle="tab" data-bs-target="#tab-grid" role="tab" aria-controls="tab-grid" aria-selected="true">Placement Gallery</a>
                                </div>
                            </div>
                        </div> 
                    </div>

                    <div class="tab-content" id="nav-tabContent">
                        
                        <div class="tab-pane fade active show" id="tab-list" role="tabpanel" aria-labelledby="tab-shop-list">
                            <div class="row gy-30">
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Renish_Limbasiya.jpg" alt="img">
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Tejal_Khunti.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Rajvee-Rathod.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Hetal_Makwana.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Shreeji_Delvadiya.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Rashmi_Sengar.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Kaushal_patel.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/kriti_bhavsar.webp" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Krishna_yadav.webp" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Harsha-Kandoriya.webp" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                 <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Tanvi-Nayak.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Ashutosh_sukla.webp" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                 <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Sheetal_Lama.webp" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                 <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/sunil.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/tonching.jpeg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                 <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Prince.webp" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-6 col-xl-3">
                                    <div class="course-box style2">
                                        <div class="course-img">
                                            <img src="document/placement/placement_gallery/Dhruv.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                                
                                
                            
                            </div>

                        </div>
                    </div>
                    
                </div>
               
               
               
            </div>
        </div>
    </section>
   
     @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>