<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Idea - Itanagar Diocese </title>
    <!-- favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" />
    <link rel="manifest" href="assets/images/favicons/site.webmanifest" />
    <meta name="description" content="Itanagar Diocesan Empowerment Association (IDEA) is dedicated to education, healthcare, social service, and sustainable development" />

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&amp;family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&amp;family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap"
        rel="stylesheet">


    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/animate.min.css" />
    <link rel="stylesheet" href="assets/css/custom-animate.css" />
    <link rel="stylesheet" href="assets/css/swiper.min.css" />
    <link rel="stylesheet" href="assets/css/font-awesome-all.css" />
    <link rel="stylesheet" href="assets/css/jarallax.css" />
    <link rel="stylesheet" href="assets/css/jquery.magnific-popup.css" />
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/css/nice-select.css" />
    <link rel="stylesheet" href="assets/css/jquery-ui.css" />
    <link rel="stylesheet" href="assets/css/aos.css" />
    <link rel="stylesheet" href="assets/css/odometer.min.css" />


    <link rel="stylesheet" href="assets/css/module-css/slider.css" />
    <link rel="stylesheet" href="assets/css/module-css/footer.css" />
    <link rel="stylesheet" href="assets/css/module-css/feature.css" />
    <link rel="stylesheet" href="assets/css/module-css/about.css" />
    <link rel="stylesheet" href="assets/css/module-css/event.css" />
    <link rel="stylesheet" href="assets/css/module-css/page-header.css" />
    <link rel="stylesheet" href="assets/css/module-css/service.css" />
    <link rel="stylesheet" href="assets/css/module-css/help-people.css" />
    <link rel="stylesheet" href="assets/css/module-css/process.css" />
    <link rel="stylesheet" href="assets/css/module-css/donation.css" />
    <link rel="stylesheet" href="assets/css/module-css/gallery.css" />
    <link rel="stylesheet" href="assets/css/module-css/counter.css" />
    <link rel="stylesheet" href="assets/css/module-css/why-choose.css" />
    <link rel="stylesheet" href="assets/css/module-css/project.css" />
    <link rel="stylesheet" href="assets/css/module-css/video.css" />
    <link rel="stylesheet" href="assets/css/module-css/team.css" />
    <link rel="stylesheet" href="assets/css/module-css/brand.css" />
    <link rel="stylesheet" href="assets/css/module-css/pricing.css" />
    <link rel="stylesheet" href="assets/css/module-css/testimonial.css" />
    <link rel="stylesheet" href="assets/css/module-css/blog.css" />
    <link rel="stylesheet" href="assets/css/module-css/cause.css" />
    <link rel="stylesheet" href="assets/css/module-css/cta.css" />
    <link rel="stylesheet" href="assets/css/module-css/sliding-text.css" />
    <link rel="stylesheet" href="assets/css/module-css/approch.css" />
    <link rel="stylesheet" href="assets/css/module-css/faq.css" />
    <link rel="stylesheet" href="assets/css/module-css/contact.css" />


    <!-- template styles -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    </head>

<body class="custom-cursor">

    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>

    <!--Start Preloader-->
    <div class="loader js-preloader">
        <div></div>
        <div></div>
        <div></div>
    </div>
    <!--End Preloader-->
<div class="page-wrapper">


        <!--Start Main Header One-->
        <header class="main-header main-header__one">
            <!--Start Main Header One Top-->
            <div class="main-header__one-top">
                <div class="container">
                    <div class="main-header__one-top-inner">
                        <div class="main-header__one-top-left">
                            <ul class="main-header__contact-list-style1">
                                <li>
                                    <div class="icon-box">
                                        <span class="icon-mail"></span>
                                    </div>
                                    <div class="text-box">
                                        <p><a href="mailto:info@ideaitanagar.com">info@ideaitanagar.com</a>
                                        </p>
                                    </div>
                                </li>

                                <li>
                                    <div class="icon-box">
                                        <span class="icon-location"></span>
                                    </div>
                                    <div class="text-box">
                                        <p>Bishop’s House, Itanagar, Arunachal Pradesh, India
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="main-header__one-top-right">
                            <div class="main-header__social-links-style1">
                                <div class="title-box">
                                    <h4>Follow Us </h4>
                                </div>

                                <ul class="main-header__social-links-style1-list">
                                    <li><a href="#"><span class="icon-facebook-app-symbol"></span></a></li>
                                    <li><a href="#"><span class="icon-twitter"></span></a></li>
                                    <li><a href="#"><span class="icon-youtube"></span></a></li>
                                    <li><a href="#"><span class="icon-linkedin-big-logo"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End Main Header One Top-->

            <!--Start Main Header One Bottom-->
            <div class="main-header__one-bottom">
                <nav class="main-menu">
                    <div class="container">
                        <div class="main-menu__wrapper">
                            <div class="main-menu__wrapper-inner">

                                <div class="main-header__one-bottom-left">
                                    <div class="logo-box">
                                        <a href="index-2.html"><img src="assets/images/itanagar-logo.jpg" alt="" style="height:110px;"></a>
                                       
                                    </div>
                                </div>

                                <div class="main-header__one-bottom-middle">
                                    <div class="main-menu__main-menu-box">
                                        <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                                        <ul class="main-menu__list">
                                        	<li class="megamenu">
                                        		<a href="index.php">Home </a>
                                        	
                                        	</li>
                                        	<li>
                                        		<a href="about.php">About Us</a>
                                        		
                                        		<ul class="shadow-box">
                                                    <li><a href="bishop-message.php">Bishop's Message</a></li>
                                                    <li><a href="director-message.php">Director's Message</a></li>
                                                   
                                                </ul>
                                        	</li>
                                        	<li>
                                        		<a href="#">Serving Sectors</a>
                                        		<ul class="shadow-box">
                                        			<li><a href="education.php">Education</a></li>
                                        			<li><a href="health-wellness.php">Health &amp; Wellness</a></li>
                                        			<li><a href="socialwelfare.php">Social Welfare</a></li>
                                        			 	<li><a href="socialentrepreneurship.php">Social Entrepreneurship</a></li>
                                                    <li><a href="environment-sustainability.php">Environment & Sustainability</a></li>
                                                    <li><a href="youth-women-empowerment.php">Youth and Women Empowerment</a></li>
                                                    <li><a href="counselling.php">Counselling</a></li>
                                                    <li><a href="culture-heritage.php">Culture & Heritage</a></li>
                                                <!--    <li><a href="#">Animal Husbandry</a></li>
                                                      <li><a href="#">Organic Farming</a></li> -->

                                        		</ul>
                                        	</li>
                                        	<li>
                                        		<a href="scholarship.php">Scholarships</a>
                                        	<!--		<ul class="shadow-box">
                                        <li><a href="#">Highschool</a></li>
                                        			<li><a href="#">Higher Secondary</a></li>
                                        			<li><a href="#">Higher Education</a></li>
                                                    
                                        		</ul> -->
                                        	</li>
                                        	<li>
                                                <a href="#">Media</a>
                                                <ul class="shadow-box">
                                                    <li><a href="gallery-album.php">Photo Gallery</a></li>
                                                    <li><a href="news-listing.php">News Updates</a></li>
                                                    <li><a href="publications.php">Research and Publications</a></li>
                                                </ul>
                                            </li>
                                        	<li>
                                        		<a href="contact.php">Contact Us</a>
                                        	</li>
                                        </ul>                                    
                                    </div>
                                </div>

                                <div class="main-header__one-bottom-right">        
                                    

                                    <div class="main-header__btn-box">
                                        <a href="user-login.html" class="thm-btn"><i class="icon-heart"></i> Login Here</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
            <!--End Main Header One Bottom-->

        </header>
        <!--End Main Header One-->
