@extends('layouts.app3')

@section('title', 'nss')

@section('content')
<style>.img-box5 .img2 {
    border-radius: 10px;
    z-index: 1;
    right: 0; 
    bottom: -165px;
}
.custom-list2 {
    list-style: none; /* Remove default dots */
    padding-left: 0;
}

.custom-list2 li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.custom-list2 li::before {
    content: "☞";
    position: absolute;
    left: 0;
    font-size: 33px;
    color: #ffc107; /* Change color if needed */
}</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">National Service Scheme </br>(NSS)</h1>
               
            </div>
        </div>
    </div>
   
    <!--==============================
About Area   
==============================-->
    <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-5">
                    <div class="img-box5">
                        
                        
                        <div class="img2"> 
                             <img class="tilt-active" src="document/Research/nss/nss_logo.png" alt="About"> 
                        </div>
                       
                    </div>  
                </div>
                <div class="col-xl-7">
                    <div class="text-center mb-5">
            <h6 class="display-4 fw-bold" style="color: #223584;">About NSS</h6>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>
                    <p class="mt-n2 mb-25">NSS Unit of National Service Scheme (NSS) Unit at Rai University, Ahmedabad is part of the nationwide NSS program under the Ministry of Youth Affairs &amp; Sports, Government
of India. It provides students with opportunities to participate in social service, nation-building, and community development projects. NSS Unit at Rai University, Ahmedabad, actively engages students in community service through initiatives like cleanliness drives, anti-ragging awareness programs, and sustainability campaigns. Recent activities highlight its focus on environmental conservation, social responsibility, and student welfare.</p>
                </div>
            </div>
        </div>
    </div>
   
 <!--==============================
Objective  
==============================-->
    <div class="overflow-hidden overflow-hidden bg-smoke space" id="about-sec">
        <div class="container">   
            <div class="row">
                
                <div class="col-xl-6">
                    
                     <div class="text-center mb-5">
            <h6 class="display-4 fw-bold" style="color: #223584;">Objectives</h6>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>
                  <ul>
                                     <li>To inculcate values of service, empathy and civic duty among students.</li>
                                    <li>Encourage sustainable practices and conservation through campus and community
initiatives/services.</li>
                                    <li>Create a safe, inclusive, and respectful environment.</li>
                                    <li>Strengthening collaboration between university and local communities through
outreach programs.</li>
                                    <li>Foster unity and respect for diversity through cultural and social activities.</li>
                                    
                                </ul>
                </div>
                <div class="col-xl-6 mb-50 mb-xl-0">
                    <div class="img-box5">
                       
                        
                        <div class="img2"> 
                             <img class="tilt-active" src="document/Research/nss/student_2.jpg" alt="About"> 
                        </div>
                        
                    </div>  
                </div>
                
            </div>
        </div>
    </div>
   
   
    
     <!--==============================
Function 
==============================-->
    <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 class="text-center mb-5">
            <h6 class="display-4 fw-bold" style="color: #223584;">Functions</h6>
            <div class="mx-auto" style="width: 100px; height: 4px; background: linear-gradient(to right, orange, #223584);"></div>
        </div>
                 <ul class="custom-list2">
    <li> <b>Organizing Camps:</b> Conducting rural and urban service camps focusing on sanitation, literacy, and health.</li>
    <li> <b>Awareness Programs:</b> Organization of programmes on anti-ragging, gender equality, blood donation, road safety, ethical values etc.</li>
    <li> <b>Environmental Drives:</b> Tree plantation, waste management, and Swachh Bharat Abhiyan activities.</li>
    <li> <b>Health Initiatives:</b> Medical check-ups, vaccination awareness, and hygiene education.</li>
    <li> <b>Skill Development:</b> Training students in leadership, disaster management, and social entrepreneurship.</li>
    <li> <b>Celebration of National Days:</b> Observing NSS Day, Independence Day, Republic Day, International Yoga Day and other constitutional days with service-oriented activities.</li>
</ul>
               </div>
               
                
            </div>
        </div>
    </div>
   
     <!--<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">
                            <h3 class="cta-title sec-title">Connect CRI</h3>
                        </div>
                        <!--<a href="about.html" class="th-btn style8">Contact Us<i class="fas fa-arrow-right ms-1"></i></a>-->
                        <!--<a href= "mailto:cri@raiuniversity.edu"class="th-btn style8">Click Here<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>