System.Data.SqlClient.SqlException (0x80131904): A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections. (provider: Named Pipes Provider, error: 40 - Could not open a connection to SQL Server) ---> System.ComponentModel.Win32Exception (0x80004005): The user name or password is incorrect
   at System.Data.SqlClient.SqlInternalConnectionTds..ctor(DbConnectionPoolIdentity identity, SqlConnectionString connectionOptions, SqlCredential credential, Object providerInfo, String newPassword, SecureString newSecurePassword, Boolean redirectedUserInstance, SqlConnectionString userConnectionOptions, SessionData reconnectSessionData, DbConnectionPool pool, String accessToken, Boolean applyTransientFaultHandling, SqlAuthenticationProviderManager sqlAuthProviderManager)
   at System.Data.SqlClient.SqlConnectionFactory.CreateConnection(DbConnectionOptions options, DbConnectionPoolKey poolKey, Object poolGroupProviderInfo, DbConnectionPool pool, DbConnection owningConnection, DbConnectionOptions userOptions)
   at System.Data.ProviderBase.DbConnectionFactory.CreatePooledConnection(DbConnectionPool pool, DbConnection owningObject, DbConnectionOptions options, DbConnectionPoolKey poolKey, DbConnectionOptions userOptions)
   at System.Data.ProviderBase.DbConnectionPool.CreateObject(DbConnection owningObject, DbConnectionOptions userOptions, DbConnectionInternal oldConnection)
   at System.Data.ProviderBase.DbConnectionPool.UserCreateRequest(DbConnection owningObject, DbConnectionOptions userOptions, DbConnectionInternal oldConnection)
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, UInt32 waitForMultipleObjectsTimeout, Boolean allowCreate, Boolean onlyOneCheckConnection, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionFactory.TryGetConnection(DbConnection owningConnection, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal oldConnection, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionInternal.TryOpenConnectionInternal(DbConnection outerConnection, DbConnectionFactory connectionFactory, TaskCompletionSource`1 retry, DbConnectionOptions userOptions)
   at System.Data.SqlClient.SqlConnection.TryOpenInner(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.TryOpen(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.Open()
   at AEC_WEB.WebService2.Conn() in F:\DATA\AEC_WEB\AEC_WEB\WebService2.asmx.vb:line 76
ClientConnectionId:00000000-0000-0000-0000-000000000000
Error Number:1326,State:0,Class:20System.Data.SqlClient.SqlException (0x80131904): A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections. (provider: Named Pipes Provider, error: 40 - Could not open a connection to SQL Server) ---> System.ComponentModel.Win32Exception (0x80004005): The user name or password is incorrect
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, UInt32 waitForMultipleObjectsTimeout, Boolean allowCreate, Boolean onlyOneCheckConnection, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionFactory.TryGetConnection(DbConnection owningConnection, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal oldConnection, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionInternal.TryOpenConnectionInternal(DbConnection outerConnection, DbConnectionFactory connectionFactory, TaskCompletionSource`1 retry, DbConnectionOptions userOptions)
   at System.Data.SqlClient.SqlConnection.TryOpenInner(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.TryOpen(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.Open()
   at System.Data.Common.DbDataAdapter.FillInternal(DataSet dataset, DataTable[] datatables, Int32 startRecord, Int32 maxRecords, String srcTable, IDbCommand command, CommandBehavior behavior)
   at System.Data.Common.DbDataAdapter.Fill(DataSet dataSet, Int32 startRecord, Int32 maxRecords, String srcTable, IDbCommand command, CommandBehavior behavior)
   at System.Data.Common.DbDataAdapter.Fill(DataSet dataSet, String srcTable)
   at AEC_WEB.WebService2.SqlSelect(String qry, String tb) in F:\DATA\AEC_WEB\AEC_WEB\WebService2.asmx.vb:line 109
ClientConnectionId:00000000-0000-0000-0000-000000000000
Error Number:1326,State:0,Class:20

<!DOCTYPE html>

<html>
<head><title>
	 AEH ENVIS | Official Website of Arunachal ENVIS Hub - Environment 
</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><link rel="apple-touch-icon" sizes="180x180" href="/favicon_io/apple-touch-icon.png" /><link rel="icon" type="image/png" sizes="32x32" href="/favicon_io/favicon-32x32.png" /><link rel="icon" type="image/png" sizes="16x16" href="/favicon_io/favicon-16x16.png" /><link rel="manifest" href="/favicon_io/site.webmanifest" /><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" integrity="sha256-+N4/V/SbAFiW1MPBCXnfnP9QSN3+Keu+NlB+0ev/YKQ=" crossorigin="anonymous" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
      
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /><link href="https://fonts.googleapis.com/css?family=Carme|Public+Sans|Rubik|Ubuntu&amp;display=swap" rel="stylesheet" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" /><link rel="stylesheet" href="css/bootstrap.min.css" />
    <script src="js/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>


    <link rel="stylesheet" type="text/css" href="css/StyleSheet1.css" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/css/fontawesome.min.css" integrity="sha256-JJfIarTuDG631tDwkSNd/7EsWtpCsVm8UkWxMfbvJQk=" crossorigin="anonymous" />

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    
        <script type="text/javascript" >

            // When the user scrolls down 20px from the top of the document, show the button
            window.onscroll = function () { scrollFunction() };

            function scrollFunction() {
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("myBtn").style.display = "block";
                } else {
                    document.getElementById("myBtn").style.display = "none";
                }
            }

            // When the user clicks on the button, scroll to the top of the document
            function topFunction() {
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
            }
</script>

    <style>

        #myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 199;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent ;
  color: white;
  cursor: pointer;
  padding: 2px;
  border-radius:2px;
  transform: translateY(50deg)  
}

#myBtn:hover {
  background-color: #555;
}/*Top Button*/
        /* unvisited link */
        #rd a:link {
            color: #115D99;
        }
        /* visited link */
         #rd  a:visited {
         color: #115D99;
        }

        /* mouse over link */
         #rd   a:hover {
         color: red;
        }

      
.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}

.footer ul li {
 
  float:left;
  
  padding-right:5px;
  font-size:11px;
}

.footer ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.footer ul li a:hover {
  background-color: white ;
}


 
  /*#footer {position:absolute;
  background-color: forestgreen!important ;  
  margin-top: 5px; 
 
}*/
 #page-container {
  min-height: 100vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 100px; /* height of your footer */


}

        .dropdown:hover > .dropdown-menu {
            display:block; 
            padding-top:0px!important;
            top:30px!important ;
        }

        /*<li class="dropdown-submenu">
            <a class="dropdown-item */

          .dropdown-submenu:hover > .dropdown-menu {
            display:block; 
            padding-top:0px!important;
            top:5px!important ;
            
        }


        .sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.apply-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.instagram {
  background: #007bb7;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}

       /* .active {
            background-color: #55b155;
        }*/

    </style>

    <script type="text/javascript">
        function checklogin() {
            //alert("clicked by login button");
        }
    </script> 

    
    

<style>
  /* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height:535px;
    margin : auto;
  }
  .img {
    width: 93%;
    height:550px;
    margin : auto;

   border-style: solid; border-width: 2px 1px 2px 2px; border-color: black #FFFFFF #FFFFFF #FFFFFF;

  padding: 5px; 
  }
  .shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
 .textshadow {
 
  text-shadow: 2px 2px 4px grey;

    text-align:center;
    color:green;
    font-size: 2rem;
    line-height: 1.6;
    font-weight:bold; 
    padding : 15px; 
}

 .far {
  color : forestgreen ;
}

 iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}

    .frame {
    border:none;
    width: 100%;
     line-height:20rem; 
    height: 240px!important ;
    }

    .hrline {
       height:2px;border-width:0;color:gray;background-color:forestgreen ;
    }

    .curve-div {
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3)!important; 
    border-top-right-radius: 40px 30px!important; 
    border-bottom-left-radius: 40px 30px!important;
    }
   
   /*<-------------- event Gallery -------------->*/
           
.event-gal {

  position: relative;
  
}

.image {
  width:100%; height: 200px; display:block;transition: .5s ease;  
}

.overlay {
  position:absolute; bottom:0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); transition: .5s ease;color: white; text-align:center; width:255px; opacity:0;
  font-size:18px; padding: 10px;     
}

.event-gal:hover .overlay {
  opacity: 1;
}

.event-gal:hover .image {
  opacity: 0.3;
}

.carousel-caption p {
    text-align:center!important;  
    background: rgba(171, 205, 239, 0.6); width:100%; color:black;
    font-size:10px; 

          }

.carousel-caption h5 {
    text-align:center!important;  
    background: rgba(171, 205, 239, 0.6); width:auto; color:black;

          }

         .text_decor {
          color:white;
          text-decoration:none; 
          }        


/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 40%;
  /*border-radius: 50%;*/
}

.container-modal {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal-model {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content-model {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

 .tri-color {
    background-image: linear-gradient(to right bottom, #ff8500, #ff886c, #ff9eb1, #ffbee4, #ffddfe, #e8ddff, #d2deff, #bfddf8, 
    #6ecbe3, #00b7b3, #009f6a, #388100);
    }


  .modal-img {
        width:4000px;
        height:200px;
    }


  .column1 {
  float: left;
  width: 33.3%;
  /*margin-bottom: 16px;
  padding: 0 8px;*/

      display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
}

@media screen and (max-width: 650px) {
  .column1 {
    width: 100%;
    display: block;
  }
}

.card1 {
/*border-radius: 10px;
   
background-color:red;
padding:20px;*/

background-color:whitesmoke;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: flex;justify-content: space-between;align-items: center;flex-direction: column;gap: 20px;
    max-width: 300px; width: 100%;padding: 25px;border: 1.5px solid var(--text-light-3);border-radius: 10px;justify-self: center;

}

.container1 {
  padding: 0 16px;
}

.container1::after, .row1::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  background-color: #555;
}

    .competition-img {
    width:100%;
    height:247px;
    }

    .participate-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 100px;
    }

    .card-title {
    font-size: 1.4rem;
    margin: 15px 0;
    font-weight: 400;
    }

    .card-knowMore-btn {
    padding: 10px 20px;
    border: 2px solid var(--blue);
    color: var(--blue);
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 0.8rem;
}

    .card1:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }

    /* Dates */

#dates {
    margin: calc(10% + 100px) auto 10%;
    max-width: 1150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
    padding: 0 20px;
    flex-wrap: wrap;
}



.date-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}

.circle-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.circle-container .circle {
  border-radius: 100%;
  width: 150px;
  height: 150px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.start-circle {
  background-color: #008000;
  color: #f7f7f7;
  transition: .5s ease;
}

.start-circle:hover
    {
        transition: .5s ease;
    }

.end-circle {
  background-color: #313131;
  color:white;
}

.result-circle {
  background-color: #e3e7ee;
  flex-direction: column;
  color:black;
}

.line {
  width: 50px;
  height: 3px;
  background-color: #e3e7ee;
}

.date {
  font-size: 1.5rem;
  margin-bottom: 3px;
  font-weight: 600;
}

.timer-container {
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 10px;
  padding: 20px;
  max-width: 375px;
  width: 100%;
}

.countdown {
  display: flex;
  gap: 15px;
  margin: 20px 0;
}

.countdown-title {
  font-size: 2rem;
  font-weight: 600;
}

.timer-container li {
  list-style-type: none;
  display: inline-block;
  padding: 10px;
  background-color: #ffffff;
  flex: 1;
  border-radius: 10px;
}

.timer-container li span {
  display: block;
  font-size: 3rem;
  font-weight: 600;
}

    .class {
    position: absolute;top: 70%;left: 50%;transform: translate(-50%, -50%);
    }

    .cheetah-span {
        font-size:13px;
        color:green;
        text-align:center;  
    }

    .glow {
  font-size: 50px;
  color: #fff;
  text-align: center;
  animation: glow 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

/*// Hide Slide Show*/ 
@media only screen and (max-width: 760px) {
  
  #slide{display:none;}
}
        
  </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.1/css/fontawesome.min.css" integrity="sha256-PrufwJ1LPjRLW6Fa6YFuLIGsY8vSEynlZNhpVu8tXNs=" crossorigin="anonymous" />



    <script type="text/javascript" >
        $(document).ready(function () {

            var oiframe1 = document.getElementById('frmnews');
            var oiframe2 = document.getElementById('frmnoti');
            var oiframe3 = document.getElementById('frmpub');

            oiframe1.contentWindow.location.reload(true);
            oiframe2.contentWindow.location.reload(true);
            oiframe3.contentWindow.location.reload(true);
        });

       

    </script> 

</head>
<body oncontextmenu="retuen false">
    <form method="post" action="./" id="form1">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="qKm19aih+fpz5YsKVVXgNWl6OfX9An9gSSbL6fPL9I6sPS35HmWHK69LnZHtOJSpvqBe0dCxmisbn7+kjKUy38IPBYlQXgoFP5aEOhUg+g2ZiuMz5MfhAvWpe8BBzlktLgq1kW4XOvIw1xLbGU+dyD3dH8fWSGZf63M+i0N2wd/95VPPltVrn7CRJBX3bJoMkOFi4NtvJqd9VrYqALX56q26X1ee4RRBN1hs6Ayxf6embWVLO4MxOev8dBAYQnWX" />


<script src="Scripts/WebForms/MsAjax/MicrosoftAjax.js" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="YSZXfG4gytyRwm6JiV5FwvRk9W2K1GZg5f4BPLdPE1QeWQAVquAwovB/PlZrLSWFB/tT1nIhzrcp+NSV0VwyVtpa2vMKi+P3TzgC3Db0QqeD77UIEjZjzzJvG068wuWSIt4k+FF2SIfi5OP6pPLLQw==" />
        
    
        
         <header>
         <div>
             
             <div id="UpdatePanel1">
	
                     <button onclick="topFunction()" id="myBtn" title="Go to top">
                    <img src="/image/logo/uparrow.png" alt="" style="width:50px; height:50px;  "/>
                </button>
                 
</div>
            
            <div class="container-fliud bg-success  font-weight-bold text-light" style="z-index:2000; " >
                <div class="icon-bar">
                    <a href="https://www.facebook.com/ENVIS-CentreArunachal-Pradesh-1715918521759441" class="facebook"><i class="fa fa-facebook"></i></a> 
                    <a href="https://twitter.com/arunachalenvis?s=08" class="twitter"><i class="fa fa-twitter"></i></a> 
                    
 
                    <a href="https://www.youtube.com/channel/UCxWUDaLYvbCjMwp_hqm-nzw" class="youtube"><i class="fa fa-youtube"></i></a> 
                   
                </div>
              
                       <div class="container ">
                            <div class="clearfix">
                                <span class="float-left">Welcome to Arunachal EIACP Hub</span>
                                <span class="float-right">
                                    <span style="font-size:12px; ">Last Updated:</span><span id="lblastupdate"><font size="3">15-05-2023</font></span>
                                    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal"  >
                                        Login
                                    </button>    
                                </span>
                            </div>
                        </div>

                  <!-- Login Panel -->
                       <div class="container" >
                          <div class="modal fade" id="myModal" style="padding:2px; ">
                            <div class="modal-dialog modal-dialog-centered modal-sm">
                              <div class="modal-content">
      
                                <!-- Modal Header -->
                                <div class="modal-header">
        
                                  <h4 class="modal-title text-success ">Admin</h4>
                                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                                </div>
        
                                <!-- Modal body -->
                                    <div class="form-group">
      			                        <label for="email">Email:</label>
      			                        <input name="ctl00$email" type="email" id="email" class="form-control" placeholder="Enter email" />
                                        
                                        

    		                        </div>
                                    <div class="form-group">
                                      <label for="pwd">Password:</label>
                                      <input name="ctl00$pwd" type="password" id="pwd" class="form-control" placeholder="Enter password" />
                                       
                                    </div>
                                    <div class="form-group form-check">
                                      <label class="form-check-label  text-danger">
                                        <input class="form-check-input" type="checkbox" name="remember" /> Remember me
                                      </label>
                                    </div>
                                  <input type="submit" name="ctl00$Button1" value="Login" id="Button1" class="btn btn-primary" />
    		                        
        
                                <!-- Modal footer -->
                                <div class="modal-footer">
                                 <button type="button" class="btn btn-danger" data-dismiss="modal" >Close</button>
                                    
                                </div>
        
                              </div>
                            </div>
                          </div>
                        </div>
                        <script type="text/javascript" >
                            function required() {
                                var uid = document.forms["form1"]["email"].value;
                                var pw = document.forms["form1"]["pwd"].value;
                                if (uid == "" && pw=="") {
                                    
                                    return false;
                                }
                                else {
                                    
                                    return true;
                                }
                            }
                           
                        </script>
                <!-- Login Panel End -->

            </div>

            <div class=" container-fluid bg-dark ">
                <div class="container" >
                    <nav class="navbar navbar-expand-lg navbar navbar-expand-sm  navbar-dark bg-dark " style="width:1200px!important;" >
                      
                      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                      </button>
                   
                      <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                          <li class="nav-item active">
                            <a class="nav-link" href="/index.aspx">
                                
                                    <i class="fa-1x fas fa-home"></i>
                                
                                
                                <span class="sr-only">(current)</span></a>
                          </li>
                                                     
                          <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              about us
                            </a>
                            <div class="dropdown-menu " aria-labelledby="navbarDropdownMenuLink1">
                              <a class="dropdown-item " href="/about_us/about_us.aspx">about envis</a>
                             
                                <a class="dropdown-item" href="/about_us/about_envis.aspx">AP ENVIS Expert</a>
                                <div class="dropdown-divider"></div>
                              
                            </div>
                         </li>

                          <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink2" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              about arunachal
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
                              <a class="dropdown-item" href="/about_arunachal/aboutarunachal.aspx">introduction</a>
                              
                            </div>
                         </li>
                         
                         <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink3" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              publications
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
                                 <li class="dropdown-submenu">
                                    <a class="dropdown-item" href="/news/publication/publication.aspx">news letters</a>
                                 </li> 
                                <li class="dropdown-submenu">
                                    <a class="dropdown-item" href="/news/calender/calender.aspx">Calender</a>
                                </li> 
                                <li class="dropdown-submenu">
                                    <a class="dropdown-item" href="/news/special_publ/special_publication.aspx">Special Publication</a>
                                </li>
                             
                                <li class="dropdown-submenu">
                                    <a class="dropdown-item dropdown-toggle" href="#">APR</a>
                                     <ul class="dropdown-menu">
                                          <li><a class="dropdown-item" href="/news/APR/APR_2019-20.pdf" target="_blank">2019-20</a></li>
                                      </ul>
                                </li>
                             
                             </ul>
                         
                        </li> 
                         <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink4" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              acts & rules
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink4">
                              
                              <a class="dropdown-item" href="/act_rule/wetlands.aspx">Wetlands Rules</a>
                              <a class="dropdown-item" href="/act_rule/sold_waste/solid_waste_2019.pdf" target="_blank">Solid Waste Management</a>
                                <a class="dropdown-item" href="/act_rule/soer.aspx" >SEIAA & SEAC Notification</a>
                             </div>
                         </li>
                         
                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink5" role="menuitem" 
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              Environment
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink4">
                              <a class="dropdown-item" href="/Environment/FLORA_FAUNA/flora_fauna.aspx">Flora & Fauna</a>
                              <a class="dropdown-item" href="/Environment/protected_area/protected_area.aspx">Protected Area</a>
                             
                             </div>
                         </li>

                          <li class="nav-item">
                            <a class="nav-link" href="/experts/experts.aspx">Experts</a>
                          </li>

                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink6"  
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              GSDP
                            </a>
                                
                                 <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink4">
                                
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">2019</a>
                                            <ul class="dropdown-menu">
                                           
                                                <li class="dropdown-submenu">
                                                    <a class="dropdown-item dropdown-toggle" href="#">Reports</a>
                                                    <ul class="dropdown-menu">
                                                        <li><a class="dropdown-item" href="/gsdp/doc/2019/report_bamboo_crafts.pdf" target="_blank">Bamboo Crafts</a></li>
                                                        <li><a class="dropdown-item" href="/gsdp/doc/2019/Report_Pollution_Monitor.pdf" target="_blank">Air & Water Pollution</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                    </li>
                                </ul>     
                            </li>

                            <!-- Gallery Menu-->
                             <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink9" role="menuitem" 
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              Gallery
                            </a>
                            <div class="dropdown-menu active" aria-labelledby="navbarDropdownMenuLink2">
                              <a class="dropdown-item" href="/gsdp/GSDP_2020.aspx">Gallery</a>
                              
                            </div> 
                         </li> 

                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink7" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              other links
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink10">
                              <a class="dropdown-item" href="/other_link/namp.aspx">Ambient Air Quality Data</a>
                              <!-- <a class="dropdown-item" href="/other_link/swmrpt.aspx">Solid Waste Management Report</a>-->
                            </div>
                         </li> 

                         <li class="nav-item">
                            <a class="nav-link" href="/Contact/contact.aspx">Contact Us</a>
                          </li>

                        

                        </ul>
                      

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

             
                <section>
                     <div class=" bg-light  " style="background-color: #589B58" >
                            <div class="container bg-light " style="padding-top:4px; padding-bottom:4px;  ">
                                <div class="logo-div">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-2 col-lg-2 bg-light " >
                                       
                                            <img src="/image/logo/satymev_jayte.png" alt="AEHlogo" style=" float:left; padding-top:10px; " />
                                            <img   src="/image/logo/moef.png" alt="AEHlogo" style="  float:right; padding-top:10px; " />
                                        </div>
                                        <div class="col-sm-12 col-md-2 col-lg-8  "  >
                                           <div>
                                            <!--<span class=" text-success  font-weight-bold " style="font-size:20px; ">ENVIS Hub : Environmental Information System (Arunachal) </span> <br />-->
                                           <span class=" text-success  font-weight-bold " style="font-size:16px; ">EIACP Hub : Environmental Information Awareness Capacity Building and Livelihood Programme </span> <br />
                                           <span class="text-success  font-weight-bold" style="font-size:14px; ">Status of Environment and Related Issues </span> <br />
                                           <span class="text-primary font-weight-normal " style="font-size:14px; "><a href="http://arunachalforests.gov.in"> Hosted by : Department of Environment, Forests & Climate Change, Govt. of Arunachal Pradesh</a> </span> <br />
                                           <span class="text-primary font-weight-normal " style="font-size:14px; " >Sponsored by : Ministry of Environment, Forests & Climate Change, Govt of India </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-md-2 col-lg-2 bg-light " >
                                            <img    src="/image/logo/EIACP_LOGO_TRANSPARENT.png" alt="AEHlogo" style=" float:left;padding-top:10px; width:75px; height:84px;  " />
                                            <img    src="/image/logo/forestlogo_new.png" alt="AEHlogo" style="width:80px; height: 85px; float:right; margin-top:2px;padding-top:10px; " />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                 </section> 
               </div>
          </header>  
        
       
         
       
        
        
       

<div style="margin-bottom: 10px; ">
    
    <div id="id01" class="modal-model" style="z-index:1000; ">
  
          <div class=" container modal-content-model animate tri-color" style="margin-top:12%; border-radius:32px; ">
              <div class="row">
                    <div class="col-md-4 col-lg-4 col-12">
                        <div class="imgcontainer">
                                <img class="modal-img avatar" src="/image/moef_minister/PM_modi.png" alt="BY Image" >
                        </div>
                        <div class="container-model" style="background-color:#f1f1f1">
                                <div style="padding: 0 16px;">
                                    <h6 style="text-align:center;font-weight:bold;">Shri Narendra Modi</h6>
                                    <p style="text-align:center">Hon'ble Prime Minister</p>
                                </div>
                        </div>
                    </div>

                    <div class="col-md-4 col-lg-4 col-12">
                        <div class="imgcontainer">
                                <img class="modal-img avatar" src="/image/moef_minister/Bhupender_Yadav_Cabinet_Minister.png" alt="BY Image" >
                        </div>
                        <div class="container-model" style="background-color:#f1f1f1">
                                <div style="padding: 0 16px;">
                                    <h6 style="text-align:center;font-weight:bold;">Shri Bhupender Yadav</h6>
                                    <p style="text-align:center">MoEF & CC</p>
                                </div>
                        </div>
                    </div>
                    
                   <div class="col-md-4 col-lg-4 col-12">
                        <div class="imgcontainer">
                                <img class="modal-img avatar" src="/image/moef_minister/Ashwini_Kumar_Choubey.png" alt="BY Image" >
                        </div>
                        <div class="container-model" style="background-color:#f1f1f1">
                                <div style="padding: 0 16px;">
                                    <h6 style="text-align:center;font-weight:bold;">Shri Ashwini Kumar Choubey</h6>
                                    <p style="text-align:center">MoS EF & CC</p>
                                </div>
                        </div>
                    </div>
             </div>


    
          </div>
        </div>


       
    <div id="slide" class="img bg-light  ">
               

          <div id="demo" class="carousel slide align-items-center " data-ride="carousel">

                  <ol class="carousel-indicators">
                    <li data-target="#demo" data-slide-to="0" class="active"></li>
                    <li data-target="#demo" data-slide-to="1"></li>
                    <li data-target="#demo" data-slide-to="2"></li>
                    <li data-target="#demo" data-slide-to="3"></li>
                    <li data-target="#demo" data-slide-to="4"></li>
                    <li data-target="#demo" data-slide-to="4"></li>
                      <li data-target="#demo" data-slide-to="5"></li>
                      <li data-target="#demo" data-slide-to="6"></li>
                      
                    
                  </ol>
              
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <img src="image/slider/01.jpg" alt="" width:"1100" height="500" />
                      <div class="carousel-caption">
                        <h5></h5>
                        <p>
                           
                        </p>
                      </div>   
                    </div>
                    <div class="carousel-item">
                      <img src="image/slider/02.jpg" alt="" width:"1100" height="500" />
                      <div class="carousel-caption">
                        <h5></h5>
                        <p >
                        </p>
                          
                      </div>   
                    </div>
                    <div class="carousel-item">
                      <img src="image/slider/03.jpg" alt="" width:"1100" height="500" />
                      <div class="carousel-caption">
                        <h5></h5>
                        <p >
                           
                        </p>
                      </div>   
                    </div>
                    <div class="carousel-item">
                      <img src="image/slider/04.jpg" alt="" width:"1100" height="500" />
                      <div class="carousel-caption">
                        <h5></h5>
                        <p></p>
                      </div>   
                    </div>
                    <div class="carousel-item">
                      <img src="image/slider/05.jpg" alt="" width:"1100" height="500" />
                      <div class="carousel-caption">
                        <h5></h5>
                        <p>
                           
                        </p>
                      </div>   
                    </div>
                      
                       <div class="carousel-item">
                      <img src="image/slider/06.jpg" alt="" width:"1100" height="500" />
                      <div class="carousel-caption">
                        <h5></h5>
                        <p>
                           
                        </p>
                      </div>   
                    </div>
                    
                      
                      
                      
                      
                     


                      

                  </div>
                  <a class="carousel-control-prev" href="#demo" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                  </a>
                  <a class="carousel-control-next" href="#demo" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                  </a>
                </div>
       
    </div>

       


        
    <section>
        <div class="container-fluid text-light bg-success" style="margin-top : 0px;    padding-top: 10px; padding-bottom: 10px;  " >
                <div class="container fa-arrow-circle-o-right " style="display:block ;">
                    <span class="font-weight-bold; font-size:10px;" style="color:yellow; ">Notices & Announcements</span> | 
                        <div style="float:right; background-color:transparent  ; width: 80%; padding-left:5px; padding-right:1px;  ">
                            <marquee class="mar" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="5" > 
                                
                                <img border="0" alt= "" src="/image/ico/giphy.gif" width="25" height="16" />
                                
                                <a href="PDF/NOTIFICATION/Y_P.pdf">
                                        <em><span class="text_decor">
                                               Youth Parliament (Debate Competition) on Lifestyle for Environment - EIACP-PC Hub Arunachal Pradesh
                                         </span></em>
                                    </a>
                                    &nbsp;&nbsp;|&nbsp;&nbsp;

                                
                                <a href="PDF/NOTIFICATION/LiFE%20EIACP%20PC%20Hub%20Arunachal%20Pradesh.pdf">
                                        <em><span class="text_decor">
                                               Report National Workshop on LiFE (Lifestyle for Environment) EIACP PC Hub Arunachal Pradesh
                                         </span></em>
                                    </a>
                                    &nbsp;&nbsp;|&nbsp;&nbsp;

                                
                                

                                

                                
                                   
                                

                                
                                    <a href="/news/notification/2021/SEIAA_notification_order.pdf">

                                         <em><span class="text_decor">
                                               SEIAA Notification dated: 27-12-2021.
                                         </span></em>
                                    </a>
                                    &nbsp;&nbsp;|&nbsp;&nbsp;
                                
                         
                                
                           
                        
                                
                               
                             <a href="/news/notification/2021/Request_for_Proposal_SoER_2021_Arunachal_Pradesh.pdf">

                                 <em><span class="text_decor">
                                       Request for proposal SoER 2021, Arunachal Pradesh
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;


                                
                             <a href="/news/notification/2021/Circular_Extended_SOER_2021_Arunachal_Pradesh.pdf">

                                 <em><span class="text_decor">
                                       Circular- Extended on last date of submission of propossal- SoER ArunachalPradesh (2021)
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;

                            
                             <a href="/act_rule/soer/Notification_SEIAA_SEAC_2021.pdf">

                                 <em><span class="text_decor">
                                       Notification of SEIAA & SEAC- Arunachal Pradesh (2021)
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;

                             
                             <a href="/news/news/State_Env_Report_(SoER-2021).pdf">

                                 <em><span class="text_decor">
                                       Date Extension for submission of the Proposal of Preparation State Environment Report-2021 Arunachal Pradesh 
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;

                           
                             <a href="/event_gallery/ozone_day_2020.aspx">
                                 <em><span class="text_decor">
                                       Result of Online Poster/Essay competition on the eve of World Ozone Day' 2020 
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;

                            
                             <a href="/news/notification/SEAC_EOI_24Sep.pdf">
                                 <em><span class="text_decor">
                                        EOI for the post of Chairman & Member, SEAC 
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;
                                
                            
                               
                             <a href="http://covid19.itanagarsmartcity.in/ " target="_blank">
                                 <em><span class="text_decor">
                                       COVID-19 Information Centre:- http://covid19.itanagarsmartcity.in/ 
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;

                                 <a href="http://covid19.itanagarsmartcity.in/ " target="_blank">
                                 <em><span class="text_decor">
                                       COVID-19 Information Centre:- http://covid19.itanagarsmartcity.in/ 
                                 </span></em>
                             </a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;

                           </marquee>
                        </div>
                </div>
        </div>
            
            <div class="container-fluid text-light bg-dark " style="margin-top : 0px;    padding-top: 10px; padding-bottom: 10px;  " >
                <div class="container " style="display:block ;">
                     <h3> About EIACP</h3>
                        <p id="aboutEIACP" style=" text-align: justify;  " >
                            Realizing the importance of Environmental Information , the government of India, in december, 1982, established an Environmental Information Awareness Capacity Building and Livelihood Programme (EIACP) (Erstwhile ENVIS) as a planned programme. 
                            EIACP is a decentralized system with a network of distribution oriented centers ensuring integration of national efforts in environmental information collection, collation,storage,retrieval and dissemination to all
                            concerned, presently the EIACP network consist of focal point at the ministry of environment and forest, EIACP centers setup in different orga nisations in the country in selected areas of environment. 
                        </p>
                     <div style="background-color:greenyellow ;color:black; justify-content:center;align-items:center; text-align:center;     ">
                        
                        <br />
                         <div style="background-color:red;color:white; ">
                             <h4>Dashboard</h4> 
                         </div>
                         <div>  
                             

<div style="margin:auto;background-color:greenyellow; width:60%;">
    <div>

</div>
</div>

                             
                         </div>
                         <br />
                     </div> 
                </div>
            </div>
            <div class="container-fluid text-light bg-success" style="margin-top : 0px;   padding-top: 10px; padding-bottom: 10px; " >
               <div class="container " >
                   <blockquote class="blockquote text-right">
                    <p id="animate"   style="font-size:30px; text-align:  center; width:100%; font-style: italic;">
                    </p>
                    <footer class="blockquote-footer text-light ">Margaret Mead</footer>  
                   </blockquote>
                </div>
            </div>
    </section>

     
    <br /><br />


    

    
    
  
    <br />
    <br />
    
    <section id="kuno_cheetah">
        <div class=" container" >
            <div class="row">
                <div class="col-lg-12 col-mg-12 col-sm-12">
                    <div style="font-family: cursive;">
                        <h1 class="glow"># Mission: LiFE for Environment</h1>
                    </div>
                </div>

            </div>
            <!--
            <div class="row cheetah-span">
                <div class="col-lg-4 col-md-4 col-sm-12 ">
                    <img src="img/reintroduction.JPG" style="width:100%; height:auto  " />
                    <a href="https://www.mygov.in/cheetah/?target=inapp&amp;type=group_issue&amp;nid=334721">
                    <span>Suggest a name for the Cheetah Reintroduction Project</span> </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 " >
                    <img src="img/suggest.JPG" style="width:100%; height:auto  " />
                    <span><a href="https://www.mygov.in/cheetahnames/?target=inapp&amp;type=group_issue&amp;nid=334711">Suggest names for Cheetahs</a></span>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 "  >
                    <img src="img/treating_animal.JPG" style="width:100%; height:auto  " />
                    <span><a href="https://www.mygov.in/careforcheetah/?target=inapp&amp;type=group_issue&amp;nid=334701">Tell us the importance of treating animals well</a></span> 
                </div>
            </div> -->
            <div class="row">
                <div class="col-12 col-md-12 col-lg-12">
                    <div class="shrink">
                        <a href="event/LiFE/LiFE.aspx"> <img  src="event/LiFE/life-banner-web-02-3.jpg" style="width:100%; height:auto;  " /></a>
                    </div>
                    
                </div>
            </div>
           
        </div>
    </section>
    
    
    
        <section>
            <div class="container my-5 ">
                <div class="row">
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center " style="padding-top:10px; ">
                        <hr class="hrline w-100" >
                    </div>
                   
                    <div class="col-12 col-sm-4 col-md-4  text-center ">
                       <img alt="" src="image/ico/leave.png" style="width:50px; height: 50px; " />
                    </div>
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center" style="padding-top:10px; ">
                        <hr class="hrline" style="width:100%;">
                    </div>

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

            
           
        <section>
            <div class="container text-center "> 
                <h2 class="textshadow" style="left:10px;">Latest Updates</h2>

            </div>
            
            <div class="container " style="padding-top: 20px; padding-bottom:20px; ">

               <div class="row">
                   <div class="col-lg4 col-md-4 col-12" >
                       <div  class="curve-div">
                           
                           <div class="bg-success text-light "  style="width:50px; padding: 2px;  "> 
                               NEWS
                           </div>
                           <div style="   height: 250px;  word-wrap: break-word;border-top-style: solid;border-color: #28A745; padding-left:2px; padding-right:2px;  " >
                               
                               <iframe id="frmnews" class="frame" src="news/iframe_news.html" scrolling="auto"  ></iframe>
                               
                           </div>
                      
                       </div>
                   </div>
                   <div class=" col-lg4 col-md-4 col-12 " >
                       <div class="curve-div">
                           <div class="bg-success text-light" style="width:110px;  padding: 2px;" > 
                               NOTIFICATION
                           </div>
                           <div style="   height: 250px;  word-wrap: break-word;border-top-style: solid;border-color: #28A745; padding-left:2px; padding-right:2px;  " >
                               
                               <iframe id="frmnoti" class="frame" src="news/iframe_notification.html" scrolling="auto"  ></iframe>
                               
                           </div>
                      
                       </div>
                   </div>
                   <div class=" col-lg-4 col-md-4 col-12 ">
                       <div class="curve-div">
                           <div class="bg-success text-light" style="width:110px;  padding: 2px;" > 
                               PUBLICATION
                           </div>
                            <div style="   height: 250px;  word-wrap: break-word;border-top-style: solid;border-color: #28A745; padding-left:2px; padding-right:2px;  " >
                               
                               <iframe id="frmpub" class="frame" src="news/iframe_publication.html" scrolling="auto"  ></iframe>
                               
                           </div>
                      
                       </div>
                   </div>

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

     
        <section>
            <div class="container my-5 ">
                <div class="row">
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center " style="padding-top:10px; ">
                        <hr class="hrline w-100" >
                    </div>
                   
                    <div class="col-12 col-sm-4 col-md-4  text-center ">
                       <img alt="" src="image/ico/leave.png" style="width:50px; height: 50px; " />
                    </div>
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center" style="padding-top:10px; ">
                        <hr class="hrline" style="width:100%;">
                    </div>

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

        

    <section >
                <div class="container text-center font-weight-bold text-success" style="padding: 10px 0px; ">
                        <h1 class="textshadow " style="text-decoration:underline;  ">ENVIRONMENT AND RELATED ISSUES</h1>
                </div>
    </section>
     
        

    <section class="header-extradiv text-success ">
           <div class="container  " >
                  
                <div class="row ">
                    

                   <div class="extra-div col-lg-3 col-md-3 col-12 ">
                        <a href="/Envinfo/env_issue.aspx?id=01"><img class="img-thumbnail rounded-circle"  alt="" src="image/four_div/airpol.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>Air Pollution</h2>
                         
                    </div>
                     

                    <div class="extra-div col-lg-3 col-md-3 col-12 ">
                        <a href="/Envinfo/env_issue.aspx?id=03"><img class="img-thumbnail rounded-circle"  alt="" src="image/four_div/bio.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>Bio-diversity</h2>
                         
                    </div>

                                   

                    
                   

                    

                   

                    

                     <div class="extra-div col-lg-3 col-md-3 col-12 ">
                       <a href="/Envinfo/env_issue.aspx?id=07"><img class="img-thumbnail  rounded-circle"  alt="" src="image/four_div/forest.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>Forest</h2>
                         
                    </div>
                   


                    

                    
                    

                    
                   
                      

                  

                    
                    
                    

                   

                    

                    
                    

                   
                    <div class="extra-div col-lg-3 col-md-3 col-12 ">
                        <a href="/Envinfo/env_issue.aspx?id=13"><img class="img-thumbnail rounded-circle"  alt="" src="image/four_div/tourism.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>Tourism</h2>
                         
                    </div>
                   
                    <div class="extra-div col-lg-3 col-md-3 col-12 ">
                        <a href="/Envinfo/env_issue.aspx?id=14"><img class="img-thumbnail rounded-circle"  alt="" src="image/four_div/waterpol.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>Water Pollution</h2>
                         
                    </div>

                      <div class="extra-div col-lg-3 col-md-3 col-12 ">
                        <a href="/Envinfo/env_issue.aspx?id=15"><img class="img-thumbnail rounded-circle"  alt="" src="image/four_div/water.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>Water Resources</h2>
                         
                    </div>

                    <div class="extra-div col-lg-3 col-md-3 col-12">
                        <a href="/Envinfo/env_issue.aspx?id=16"><img class="img-thumbnail  rounded-circle"  alt="" src="image/four_div/isbeid.jpg" style="width:150px; height: 150px; " /></a>
                        <h2>ISBEID Report</h2>
                         
                    </div>
                    
                    <div style="clear: both;"></div>
                   


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

        
        <section>
            <div class="container my-5 ">
                <div class="row">
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center " style="padding-top:10px; ">
                        <hr class="hrline w-100" >
                    </div>
                   
                    <div class="col-12 col-sm-4 col-md-4  text-center ">
                       <img alt="" src="image/ico/leave.png" style="width:50px; height: 50px; " />
                    </div>
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center" style="padding-top:10px; ">
                        <hr class="hrline" style="width:100%;">
                    </div>

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

        



     
    
    
        
           
        <section >
            <div class="container text-center "> 
                

            </div>
           <div class="header-extradiv"  ">
               <div class="container "> 
                    <div class="row">

                        <div  class="event-gal col-12 col-md-3 col-lg-3  position-relative ">
                            <a href="/event_gallery/event_galley.aspx" > <img class="image img-thumbnail " src="image/events/events.png" style=" " /></a>
                            <div class="overlay" style="   ">Event Gallery</div>
                        </div>

                        <div  class="event-gal col-12 col-md-3 col-lg-3  position-relative   ">
                            <a href="/event/statesymbol/State_symbols.aspx" >
                            <img class="image img-thumbnail " src="image/events/state_symbol.png" style=" " /></a>
                            <div class="overlay text-capitalize " >STATE SYMBOLS</div>
                        </div>

                       <div  class="event-gal col-12 col-md-3 col-lg-3  position-relative ">
                           <a href="/event/heritage/state_heritage.aspx">
                            <img class="image  img-thumbnail " src="image/events/heritage.png" style=" " /></a>
                            <div class="overlay" >HERITAGE SITE</div>
                        </div>

                        

                       <div  class="event-gal col-12 col-md-3 col-lg-3  position-relative ">
                           <a href="#"> 
                           <img class="image img-thumbnail " src="image/events/kz.png" style=" " />
                            <div class="overlay" style="   ">KNOWLEDGE ZONE</div></a>
                        </div>

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

        
        
        <section>
            <div class="container my-5 ">
                <div class="row">
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center " style="padding-top:10px; ">
                        <hr class="hrline w-100" >
                    </div>
                   
                    <div class="col-12 col-sm-4 col-md-4  text-center ">
                       <img alt="" src="image/ico/leave.png" style="width:50px; height: 50px; " />
                    </div>
                    
                    <div class="col-12 col-sm-4 col-md-4  text-center" style="padding-top:10px; ">
                        <hr class="hrline" style="width:100%;">
                    </div>

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

        
        
        <section >
            <div class="container text-center " > 
                <h2 class="textshadow  " style="left:10px;">Find Us</h2>

            </div>
           <div class="header-extradiv"  ">
               <div class="container "> 
                    <div class="row">
                       
                        <div>
                            <div  class="event-gal col-12 col-md-6 col-lg-6  position-relative   ">
                                <i class="fa-2x far fa-address-book " ></i><h3 class="text-success ml-2 ">
                                    <ins style="font-size:14px;">Contact Us</ins> </h3>
                            

                            </div>
                            <div style="float:left;  text-align:left;  color:green; ">
                                <span >EIACP Hub Arunachal Pradesh on Status of Environment <br />& its Related Issues
                                    Government office in Itanagar,<br />
                                    PCCF office complex
                                    Itanagar- 791111<br />
                                    Arunachal Pradesh<br />
                                    Email id: envisarunachal@gmail.com, envis.co@arpenvis.org.in<br />
                                    Phone#: 0360-2291495</span>
                            </div>
                        </div>
                         

                        <div  class="event-gal col-12 col-md-6 col-lg-6  position-relative   ">
                            <div>
                                <i class="fa-2x fas fa-map-marker-alt"></i> <h3 class="text-success ml-3 ">
                                    <ins>We are on google</ins> </h3>
                                <iframe class="rounded bg-danger" style="width:100%; height:100%; 
                                    float:right;border:0;  " 
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1736.5528130022132!2d93.63156089642747!3d27.1019805255998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x37440763fd9c32f9%3A0xc4c5dd5de868f533!2sArunachal%20EIACP%20Hub!5e1!3m2!1sen!2sin!4v1586268618903!5m2!1sen!2sin" 
                                     frameborder="0"  allowfullscreen=""></iframe>

                            </div>
                        </div>
                        

                    </div> 
                   <div class="row" style="margin-top:20px">
                       
                       <div  class="col-12 col-md-12 col-lg-12" >
                            <div style="display:flex; justify-content:center;align-items:center;flex-direction:column;  ">
                                <h5 class="textshadow">Newly Developed Mobile App</h5>
                                <img src="image/logo/app_pic/app_1.gif" style="width:40%; height:auto;  "  />
                                <p>
                                    <a href="https://play.google.com/store/apps/details?id=com.envisArunachal.envis" >
                                        <img src="image/logo/app_pic/google_btn.png" style="width:150px; height:50px; margin-top:15px;" />

                                    </a>
                                </p>
                            </div>
                           
                          
                        </div>
                       <!-- <div class="col-12 col-md-6 col-lg-6">
                           
                           <div style="display:flex; justify-content:center;align-items:center;flex-direction:column; padding-top:20% ">
                               <img src="img/cheetah.jpg" style="width:100%; height:auto; "  />
                               <a href="https://www.mygov.in/careforcheetah/" class="btn btn-primary click" >
                                   Click here</a> 
                                
                           </div> 
                       </div>-->
                   </div>
                </div>
            </div>
        </section> 
        
        



</div> 
<script>
var i = 0;
    var txt = '"We won\'t have a society, \nif we destroy the environment."';
var speed = 100;

    $(document).ready(function () {
        typeWriter();
    });

function typeWriter() {
  if (i < txt.length) {
    document.getElementById("animate").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
    }

    // Get the modal
    var modal = document.getElementById('id01');

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function (event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>


 
   

        

        <div class="gap" style="clear:both"></div>

        <footer class="footer">
            <div class="container  " >
                <div id="footer-img-link" class="row "> 
                    <div class="col-12 col-md-2 col-lg-2 ">
                        <a href="http://www.arunachalpradesh.gov.in">
                        <img src="/footer/ap.png" class="img-thumbnail" style="height: 50%; width: 100%" /></a>
                    </div>

                    <div class="col-12 col-md-2 col-lg-2 "   >
                        <a href="http://moef.gov.in">
                        <img src="/footer/moef.png" class="img-thumbnail" style="height: 50%; width: 100%" /></a>
                    </div>

                    <div class="col-12 col-md-2 col-lg-2  ">
                        <a href="https://bhuvan.nrsc.gov.in/bhuvan_links.php">
                        <img src="/footer/bhuvan.png" class="img-thumbnail" style="height: 50%; width: 100% "/></a>
                    </div>

                    <div class="col-12 col-md-2 col-lg-2  ">
                        <a href="https://www.digitalindia.gov.in">
                        <img src="/footer/digital.png" class="img-thumbnail" style="height: 50%; width: 100%"/></a>
                    </div>
                    <div class="col-12 col-md-2 col-lg-2 ">
                        <a href="http://www.gsdp-envis.gov.in" >
                        <img src="/footer/GSDP.png" class="img-thumbnail" style="height: 50%; width: 100%"/></a>
                    </div>
                    <div class="col-12 col-md-2 col-lg-2"  >
                        <div>
                        Total Visitors: <script type="text/javascript" src="//counter.websiteout.net/js/2/0/171209/0"></script>
                        </div>
                       
                    </div>

                </div> 
                
                
                    <div class="row">
                        <div class="col-12 col-md-7 col-lg-7  ">
                            <ul >
                                <li >
                                    Privacy Policy
                                </li>
                                <li>|</li>
                                                     <li>
                                                         Copyright Policy
                                                     </li>
                                                     <li>|</li>
                                                     <li>
                                                         Terms of Use
                                                     </li>
                                                     <li>|</li>
                                                     <li>
                                                         Hyperlinking Policy
                                                     </li>
                                                     <li>|</li>
                                                     <li>
                                                         Disclaimer Policy
                                                     </li>
                                                     <li>|</li>
                                                     <li>
                                                         Accessibility Statement
                                                     </li>
                                                     <li>|</li>
                                                     <li>
                                                         Help
                                                     </li>
                            </ul>
                        </div>
                        <div class="col-12 col-md-5 col-lg-5 " style="font-size:10px;">
                             Copyright © 2016 by Ministry of Environment & Forests, Govt. of India, All rights reserved
                        </div>

                    </div>
                     
                   <div class="row">
                       <div  class="col-12 col-md-7 col-lg-7 float-left " style="font-size:10px;">
                            Website designed, developed and maintained by IT Officer, Arunachal ENVIS Hub      
                       </div>
                       <div class="col-12 col-md-7 col-lg-7  ">

                       </div>
                   </div> 
                
            

            </div>

            

        </footer>

        
    </form>
    <script type="text/javascript"> 
        $(window).load(function () {
            $(".carousel .item").each(function () {
                var i = $(this).next();
                i.length || (i = $(this).siblings(":first")),
                    i.children(":first-child").clone().appendTo($(this));

                for (var n = 0; n < 4; n++)(i = i.next()).length ||
                    (i = $(this).siblings(":first")),
                    i.children(":first-child").clone().appendTo($(this))
            })
        });

        $(document).ready(function () {
            $('li.nav-item').click(function () {
                alert("hello");
                //$(".tab").removeClass("active");
                //$(".tab").addClass("active"); // instead of this do the below 
                //$(this).addClass("active");
            });
        });


        $('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
            if (!$(this).next().hasClass('show')) {
                $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
               // alert('hello');
            }
            var $subMenu = $(this).next(".dropdown-menu");
            $subMenu.toggleClass('show');
            

            $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
                $('.dropdown-submenu .show').removeClass("show");
                alert('hello');
            });


            return false;
        });
    </script> 
</body>
</html>