1#@!#!123s

��JFIF�� 1#@!#!123s
: / home4 / mcspunei / public_html / chitpavan.in /
Filename : header.php
back
<head>
    
<!--    <div id="google_translate_element"></div>-->
<!--<script type="text/javascript">-->
<!--  function googleTranslateElementInit() {-->
<!--    new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'mr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');-->
<!--  }-->
<!--</script>-->
<!--<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>-->
                                 <!-- <div class="translate-container"> -->
        <!-- Google Translate select dropdown -->
        <!-- <select id="google_translate_select" style="background-color:#ff6a00; color:white; padding:10px; font-weight:bold;justify-content-center;">
            <option value="en">Translate</option>
          
            <option value="mr">Marathi</option>
        </select> -->
    <!-- </div> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <script>
// // Function to translate the page based on selected language
// document.getElementById("google_translate_select").addEventListener("change", function() {
//     var selectedLang = this.value;
//     var currentUrl = window.location.href;
    
//     // Redirect to Google Translate URL with selected language
//     var translateUrl = "https://translate.google.com/translate?hl=en&sl=en&tl=" + selectedLang + "&u=" + encodeURIComponent(currentUrl);
    
//     window.location.href = translateUrl;
// });
// </script>

    </head>


<div class="container-fluid ">
        <nav class="navbar navbar-expand-lg navbar-light bg-white p-3 py-lg-0 px-lg-4">
            <a href="index" class="navbar-brand d-flex m-0 p-0 ">
                <!-- <h1 class="text-primary m-0">Sparkel System</h1> -->
                <!--<img src="images/logo3.png" alt="">-->
                  <img src="images/chitpavan logo.png" alt="">
            </a>
            <!-- <div class="col-lg-3 col-md-12 text-center text-lg-start">
                <a href="" class="navbar-brand m-0 p-0">
                    <h1 class="text m-0">Sparkel System</h1>
                </a>
            </div> -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                <span class="fa fa-bars"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-center" id="navbarCollapse">
                <div class="navbar-nav">
                    <!-- <a href="index.html" class="nav-item nav-link active"><i class="fa fa-home"></i></a> -->
                    <!-- <a href="index.html" class="nav-item nav-link active">Home</a> -->

                    
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">About</a>
                        <div class="dropdown-menu fade-up m-0">
                            <a href="history" class="dropdown-item">History</a>
                            <a href="activity" class="dropdown-item">Activities</a>
                            <!--<a href="about" class="dropdown-item">Community</a>-->
                            <a href="directors" class="dropdown-item">Directors</a> 
 <a href="index" class="dropdown-item">Our Projects</a>                            
                        </div>
                    </div>
                    <div class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Events</a>
                    <div class="dropdown-menu fade-up m-0">
                            <a href="upcomingevent" class="dropdown-item">Event</a>
                            <a href="announcement" class="dropdown-item">Annoucements</a>
                            <a href="news" class="dropdown-item">News</a>
                                                  
                        </div>
                        </div>
                    <a href="forms" class="nav-item nav-link">Application </a>

                  
                    <!-- <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"></a>
                        <div class="dropdown-menu fade-up m-0">
                            <a href="#" class="dropdown-item">History</a>
                            <a href="#" class="dropdown-item">Technicians</a>
                            <a href="#" class="dropdown-item">Testimonial</a>
                            <a href="#" class="dropdown-item">404 Page</a>
                        </div>
                    </div> -->
                    <!-- <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Events</a>
                        <div class="dropdown-menu fade-up m-0">
                            <a href="#" class="dropdown-item">History</a>
                            <a href="#" class="dropdown-item">Technicians</a>
                            <a href="#" class="dropdown-item">Testimonial</a>
                            <a href="#" class="dropdown-item">404 Page</a>
                        </div>
                    </div> -->
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Media</a>
                        <div class="dropdown-menu fade-up m-0">
                            <a href="gallery" class="dropdown-item">  Photos</a>
                            <!--<a href="video" class="dropdown-item">  Videos</a>-->
                            <a href="#" class="dropdown-item">Amitrajit</a>
                            <a href="#" class="dropdown-item">Calendar</a>
                            <!-- <a href="forms" class="dropdown-item">Forms</a> -->
                        </div>
                    </div>
                     
                    <!-- <a href="#" class="nav-item nav-link">Media</a> -->
                     <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">We Chitpavans</a>
                        <div class="dropdown-menu fade-up m-0">
                            <a href="chistory" class="dropdown-item">History</a>
                            <a href="chistory" class="dropdown-item">Parashuram</a>
                            <a href="gotra" class="dropdown-item">Gotra</a>
                            <a href="kuldev" class="dropdown-item">Kuladev</a>
                        </div>
                    </div> 
                    <a href="contact" class="nav-item nav-link">Contact </a>
                </div>
                <!-- <div class="mt-4 mt-lg-0 me-lg-n4 py-3 px-4 bg-primary d-flex align-items-center">
                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white" style="width: 45px; height: 45px;">
                        <i class="fa fa-phone-alt text-primary"></i>
                    </div> -->
                    <div class="phone">
                        <!-- <p class="mb-1 text-secondary">Call Now</p> -->
                        <!-- <a href="" class="button_sad sad_left py-sm-2 px-sm-3 me-2   slideInLeft">Donate</a>
                        <a href="" class="button_sad sad_left py-sm-2 px-sm-3 me-2   slideInLeft">Login</a> -->
                        <section>
                           
                            <div class="page">
                                <a href="login"><button class="btn btn-header">Login</button></a>
                             <a href="donate"> <button  class="btn btn-header">Donate</button></a>
                            </div>
                          </section>
                </div> 
                 <div class="user px-3">
                         <a href="admin_login"> <i class="fa-solid fa-circle-user fa-2x" style="color:#ffa500"></i></a>
                          </div>
                </div>
            </div>
        </nav>
    </div>