<?php 

//include databse cofig file for database connection by manas date 28-04-2016
include("database/config.php"); 

//require common database class file for query execute by manas date 28-04-2016
require_once("common/database.class.php");

//create object for DBController class by manas date 28-04-2016
$db_handle = new DBController();

//create object for common class by manas date 28-04-2016   
$db_class = new common();

//include common function to get the grievance details
include('function/common.function.php');

//Create object $commonFunction for class commonFunction
$commonFunction=new commonFunction();

$pge_tend = 'tender';
$page_tend_status = $commonFunction->get_page_information($db_class,$pge_tend);

$pge_quota = 'quotation';
$page_quota_status = $commonFunction->get_page_information($db_class,$pge_quota);
  $page_impnotice='important_notice';
  $page_impnotice_status = $commonFunction->get_page_information($db_class,$page_impnotice);
$status_all='all';
$total_griev_cnt=$commonFunction->get_total_griev_info($db_class,$status_all);
$status_pend='pend';
$tot_pend_griv_cnt=$commonFunction->get_total_griev_info($db_class,$status_pend);
$status_resolve='resl';
$tot_resolv_griv_cnt=$commonFunction->get_total_griev_info($db_class,$status_resolve);

?>



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> Baripada Municipality</title>
  <meta name="keywords" content="Baripada, Municipality, Baripada Municipality, Grievance, Marriage Cerificate, Complain, Booking, Mandap Booking, Guest House, Conference, Machine Booking, Vehicle Booking, JCB, Water Tank, Cess Poll, Tenders, Tender, Amrut Sahara, Baripada Pourapalika" />
<meta name="description" content="Baripada municipality is one of the oldest ever Municipality under state of India." />
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/animate.min.css" rel="stylesheet"> 
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link href="css/lightbox.css" rel="stylesheet">
  <link id="css-preset" href="css/presets/preset2.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/responsive.css" rel="stylesheet">
  <link rel="stylesheet" href="css/progressively.min.css">

  <!--[if lt IE 9]>
    <script src="commonjs/html5shiv.js"></script>
    <script src="commonjs/respond.min.js"></script>
  <![endif]-->
  
 <!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'> -->
 
  <link rel="shortcut icon" href="image/favicon.ico">
</head><!--/head-->

<body>

  <!--.preloader-->
  <!-- <div class="preloader"> <img src="image/loading.gif"></div> -->
  <!--/.preloader-->

  <header id="home">
    
    <?php include('html/header.php'); ?>
    
        
    <div id="home-slider" class="carousel slide carousel-fade" data-ride="carousel">
      <div class="carousel-inner">
        <div class="item active" style="background-image: url(image/slider/amrutban.jpg)">
          <div class="caption">
           <!--  <h1 class="animated fadeInLeftBig">AMRUT<span></span></h1>
              <p class="animated fadeInRightBig">Amruta sahara, Barpada</p> -->
            <!-- <p class="animated fadeInRightBig">The Wild life park of India</p> -->
            <!-- a data-scroll class="btn btn-start animated fadeInUpBig">View More</a> -->
          </div>
        </div>
        <div class="item" style="background-image: url(image/slider/banimg8.jpg)">
          <div class="caption">
          </div>
        </div>
        <div class="item" style="background-image: url(image/slider/banimg5.jpg)">
          <div class="caption">
          </div>
        </div>
        <div class="item" style="background-image: url(image/slider/2.jpg)">
          <div class="caption">
            <h1 class="animated fadeInLeftBig">SIMILIPAL<span></span></h1>
            <p class="animated fadeInRightBig">The Wild life park of India</p>
            <!-- a data-scroll class="btn btn-start animated fadeInUpBig">View More</a> -->
          </div>
        </div>
        <div class="item" style="background-image: url(image/slider/banimg6.jpg)">
          <div class="caption">
            <h1 class="animated fadeInLeftBig">CHHAU DANCE <span></span></h1>
            <p class="animated fadeInRightBig">A world famous dance form</p>
            <!-- <a data-scroll class="btn btn-start animated fadeInUpBig">View More</a> -->
          </div>
        </div>
         <div class="item" style="background-image: url(image/slider/banimg4.jpg)">
          <div class="caption">
            <h1 class="animated fadeInLeftBig">PARK <span></span></h1>
            <p class="animated fadeInRightBig">Children's Park</p>
           <!--  <a data-scroll class="btn btn-start animated fadeInUpBig">View More</a> -->
          </div>
        </div>
         <div class="item" style="background-image: url(image/slider/banimg3.jpg)">
          <div class="caption">
            <h1 class="animated fadeInLeftBig">KALYAN MANDAP<span></span></h1>
            <p class="animated fadeInRightBig">Municipality Kalyanmadap</p>
            <!-- <a data-scroll class="btn btn-start animated fadeInUpBig">View More</a> -->
          </div>
        </div>
      </div>
      <a class="left-control" href="#home-slider" data-slide="prev"><i class="fa fa-angle-left"></i></a>
      <a class="right-control" href="#home-slider" data-slide="next"><i class="fa fa-angle-right"></i></a>

      <!-- <a id="tohash" href="#services"><i class="fa fa-angle-down"></i></a> -->

    </div><!--/#home-slider-->
  </header><!--/#home-->
  <section id="testimonial1">
  	<div class="container content">
  		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
  			<div class="carousel-inner"> 
          <div class="item active">
            <p><span class="fa fa-bell-o wow swing" data-wow-duration="800ms" data-wow-iteration="infinite"></span>Inaguration of ANIMAL BIRTH CONTROL (ABC) building for stray dog, shelter for urban homeless under NULM Scheme on 02/05/2017</p> 
          </div>
          <div class="item"> 
            <p><span class="fa fa-bell-o wow swing" data-wow-duration="800ms" data-wow-iteration="infinite"></span>Aahaara Kendra opened for Public.</p> 
          </div> 
          <div class="item">
            <p><span class="fa fa-bell-o wow swing" data-wow-duration="800ms" data-wow-iteration="infinite"></span>District Collector and Magistrate, Mayurbhanj inagurated the Aahaara Kendra on 9th April 2016.</p> 
          </div> 
  			</div>
  		  <!-- Controls -->
    		<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
    		<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
	    </div>
	  </div>
  </section>
  
  <div id="enews_sec" class="l0 scaleStuff visible-xs">
      <a href="resolution.php"><img src="image/tender.jpg" class="img-responsive"></a>
  </div>
  <!-- <div id="enews_sec" class="r0 scaleStuff">
      <a href="#"><img src="image/enewsletter.png" class="img-responsive"></a>
  </div> -->
  <section id="services">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-3" >
          <div class="info-box  wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms" id="topbox1">
            <div class="heading">
              <div class="row">
                <div class="text-center col-sm-12">
                  <h2>Links</h2>
                </div>
              </div> 
            </div>
            <div class="box">
              <table class="table link">
                <tr>
                  <td>
                    <ul class="list-unstyled">
                      <!-- <li><a href="park_gallery.php">Parks under AMRUT</a></li> -->
                    <?php if ($page_tend_status == 1) { ?>
                      <li class="newBadge"><a href="tender.php">Tenders</a></li>
                    <?php } else { ?>
                      <li class=""><a href="tender.php">Tenders</a></li>
                    <?php } if ($page_quota_status == 1) { ?>
                      <li class="newBadge"><a href="quotation.php">Quotation</a></li>
                    <?php } else { ?>
                      <li><a href="quotation.php">Quotation</a></li>
                     <?php } if ($page_impnotice_status == 1) { ?>
                     <li class="newBadge"><a href="imp_notices.php">Important Notices</a></li>
                    <?php } else { ?>
                     <li class=""><a href="imp_notices.php">Important Notices</a></li>
                    <?php } ?>
                      
                      <!-- <li class=""><a href="dcb.php">DCB</a></li>
                      <li class=""><a href="fin_statement.php">Financial Statement</a></li>
                      <li class=""><a href="int_audit.php">Internal Audit Report</a></li> -->
                      <li class=""><a href="per_rev.php">Periodic Revision Of Building Bye Law</a></li>
                      <li><a href="grievance.php">File Complain</a></li>
                      <li><a href="enews.php">E-Newsletters</a></li>
                      <li><a href="daily_act.php">Daily Activities</a></li>
                      <li><a href="booking_1.php">Place Bookings</a></li>
                      <li><a href="booking_2.php">Machine Bookings</a></li>
                      <li><a href="imp_place.php">Emergency Number</a></li>
                      <li><a href="mrg_cert.php">Marriage Registration</a></li>
                      <li><a href="res_file.php">Council Resolution</a></li>
                      <li><a href="st_aud.php">Statutary Audit</a></li>
                      <li><a href="user_fee.php">User Fees</a></li>
                    </ol>
                  </td>
                </tr>
              </table> 
            </div>
          </div>  
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6">
         <div class="row">
          <div>
            <div class="col-sm-12">
              <div class="about-info wow fadeInUp info-box" data-wow-duration="1000ms" data-wow-delay="300ms" id="topbox2">
              
                <h2>Baripada Municipality</h2>
                <p>Baripada municipality is one of the oldest ever Municipality under state of India.</p>
                <p>As per City Census 2011 data , population of Baripada in 2011 is 109,743; of which male and female are 56,676 and 53,067 respectively.</p>
                <p class="text-right"><a href="about.php#abtBpdMun">Know more...</a></p>
                
                <hr>  
                
                <h2>Baripada</h2>
                <p>Baripada  is the city and a municipality in Mayurbhanj district in the state of Odisha,India. Baripada is the district headquarters.</p>
                <p>Baripada is popular for its art and culture. Baripada was the capital of the Bhanj dynasty that ruled Mayurbhanj State since the 15th century.</p>
                <p class="text-right"><a href="about.php">Know more...</a></p>
              </div>
            </div>
          </div>  
        </div>
      </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="info-box  wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms" id="topbox3">
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
              <div class="row">
                <div class="text-center col-sm-12">
                  <h2>Notice</h2>
                </div>
              </div> 
            </div>
            <center class="box">
              <marquee direction="up" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();" style="max-height:250px;">
                <table class="table notice_box">
                  <tr>
                    <td>
                      <ul class="list-unstyled">
                        <li><a href="#">Animal Birth Control (ABC) building for Stray Dog, Shelter for Urban Homeless Building 1 & 2 under Nulm Scheme on 02/05/2017 was inagurated by Sj Sananda Marndi (Honb’le Deputy Speaker), OLA in presence of Ms Aboli Sunil Naravane IAS (P) (EO, Baripada Municipality), Smt Babita Das (Chairperson, Baripada Municipality), Sj Jeetendra Mohanty (Vice-Chairperson, Baripada Municipality) and Sj. Jyotisankar Ray (OAS-1 -JB) (Additional EO, Baripada Municipality). </a></li>
                        <li><a href="#">District Collector and Magistrate, Mayurbhanj inagurated the Aahaara Kendra for the public. Now Public can get a full plate lunch in just 5 rupees cost.</a></li>
                        <li><a href="#">The E-Grievance Is for the public to complain through the website. Public can search the complain status by providing by complain id.</a></li>
                        <li><a href="#">Honourable chairperson inagurated the Baripada municipality website, Photos are uploaded at the gallery section.</a></li>
                        
                      </ol>
                    </td>
                  </tr>
                </table>
              </marquee>  
            </center>  
            <hr>
            <div class="heading wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
              <div class="row">
                <div class="text-center col-sm-12">
                  <h2>ONLINE PUBLIC GRIEVANCE STATUS</h2>
                </div>
              </div> 
            </div>
            <center class="box">
              <p><strong>Total :</strong> <span class="count"><?php echo $total_griev_cnt; ?></span></p>
              <p class="text-green"><strong>Resolved :</strong> <span class="count"><?php echo $tot_resolv_griv_cnt; ?></span></p>
              <p class="text-red"><strong>Pending :</strong> <span class="count"><?php echo $tot_pend_griv_cnt; ?></span></p>
            </center>
          </div>
    		</div>
      </div>
    </div>
  </section><!--/#services-->


  <section id="blog">
    <div class="container">
      <div class="row">
        <div class="heading text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms">
          <h2>Our Achievements</h2>
        </div>
      </div>
      <div class="blog-posts">
        <div class="row">
          <div id="ach1" class="col-sm-3 col-xs-6 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="400ms">
            <div class="inner-box">
              <div class="post-thumb">
                <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/achiv/Park_ach.jpg" src="image/giphy.gif">
                <!-- <img class="img-responsive" src="image/achiv/Park_ach.jpg" alt="">  -->
              </div>
              <div class="entry-header">
                <h3>Children's Park</h3>
               <!--  <span class="date">June 26, 2012</span> -->
                <span class="cetagory">in <strong>Service</strong></span>
              </div>
              <div class="entry-content">
                <p>The Municipality has designated the Parks for the public to entertain with family and friends.It is full of with  natural, semi-natural, and planted space set aside for human enjoyment and recreation or for the protection of wildlife or natural habitats.</p>
              </div>
            </div>
          </div>
          <div id="ach2" class="col-sm-3 col-xs-6 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="inner-box">
              <div class="post-thumb">
                <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/achiv/aahar.jpg" src="image/giphy.gif"> 
              </div>
              <div class="entry-header">
                <h3>Aahaara Yojna</h3>
               <!--  <span class="date">June 15, 2015</span> -->
                <span class="cetagory">in <strong>Food</strong></span>
              </div>
              <div class="entry-content">
                <p>Aahaara (meaning "Food" in Odia) is a food subsidisation program run by the Government of Odisha to provide cheap lunch to people at five rupees. The actual cost of the food is around rupees 20, but is subsidised to rupees 5.</p>
              </div>
            </div>  
          </div>
          <div  id="ach3" class="col-sm-3 col-xs-6 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="800ms">
            <div class="inner-box">
              <div class="post-thumb">
                 
                <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/achiv/swachha.jpg" src="image/giphy.gif">
              </div>
              <div class="entry-header">
                <h3>Clean and Healthy city</h3>
                <!-- <span class="date">June 26, 2016</span> -->
                <span class="cetagory">in <strong>Service</strong></span>
              </div>
              <div class="entry-content">
                <p>The Municipality is trying its best to provide a clean and healthy city to Baripada People. Vice Chairperson (Jeetendra Mohanty) taking its own responsibility to make the city to be counted as a clean and healthy city. </p>
              </div>
            </div>  
          </div>
          <div id="ach4" class="col-sm-3 col-xs-6 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="800ms">
            <div class="inner-box">
              <div class="post-thumb">
                <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/achiv/Kalyan.png" src="image/giphy.gif">
              </div>
              <div class="entry-header">
                <h3>Kalyan Mandap</h3>
                <!-- <span class="date">June 26, 2016</span> -->
                <span class="cetagory">in <strong>Service</strong></span>
              </div>
              <div class="entry-content">
                <p> Baripada Municiplaity designated Municipality Kalyan Mandap for the public with a very affordable cost with all the facilities to the general people under all the categories. People from all getting facilities feel like Star hotel arrangements.</p>
              </div>
            </div>  
          </div>
        </div>
        <!-- <div class="load-more wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="500ms">
          <a href="#" class="btn-loadmore"><i class="fa fa-repeat"></i> Load More</a>
        </div> -->                
      </div>
    </div>
  </section><!--/#blog-->

  
  <section id="team">
    <div class="container">
      
      <div class="team-members">
        <div class="row">
          <div class="col-xs-12 col-sm-6">
            <div class="info-box clearfix cus-mb-2">
              <div class="team-member wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="member-image">
                  <img class="img-thumbnail" src="image/cm.jpg" alt="">
                </div>
                <div class="member-info">
                  <h3>Mr. Krushnananda Mohanty</h3>
                  <h4>Chairman</h4>
                </div>
              </div>  
            </div>
          </div>

          <div class="col-xs-12 col-sm-6" id="maxHghtBx">
            <div class="info-box clearfix">
              <div class="team-member wow fadeIn" data-wow-duration="1000ms" data-wow-delay="500ms">
                <div class="member-image">
                  <img class="img-thumbnail" src="image/eo-2.jpg" alt="">
                </div>
                <div class="member-info">
                  <h3>Ms. Anya Das, IAS</h3>
                  <h4>Executive Officer</h4>
                </div>
              </div>  
            </div>
          </div>
          
        </div>
      </div>            
    </div>
  </section><!--/#team-->
  

  <section id="portfolio">
    <div class="container">
      <div class="row">
        <div class="heading text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
          <h2>Our Gallery</h2>
        </div>
      </div> 
    </div>
    <div class="container">
      <div class="row">
        <div class="col-sm-3">
          <div class="folio-item wow fadeInRightBig" data-wow-duration="1000ms" data-wow-delay="300ms">
            <div class="folio-image">
              <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/gallery/s21.jpg" src="image/giphy.gif">
            </div>
            <div class="overlay">
              <div class="overlay-content">
                <div class="overlay-text">
                  <div class="folio-info">
                    <!-- <h3>Image</h3>
                    <p>Three words only </p> -->
                  </div>
                  <div class="folio-overview">
                    <span class="folio-expand"><a href="image/gallery/b21.jpg" data-lightbox="portfolio"><i class="fa fa-arrows-alt"></i></a></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="folio-item wow fadeInRightBig" data-wow-duration="1000ms" data-wow-delay="300ms">
            <div class="folio-image">
              <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/gallery/s22.jpg" src="image/giphy.gif">
            </div>
            <div class="overlay">
              <div class="overlay-content">
                <div class="overlay-text">
                  <div class="folio-info">
                    <!-- <h3>Image</h3>
                    <p>Three words only </p> -->
                  </div>
                  <div class="folio-overview">
                    <span class="folio-expand"><a href="image/gallery/b22.jpg" data-lightbox="portfolio"><i class="fa fa-arrows-alt"></i></a></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="folio-item wow fadeInRightBig" data-wow-duration="1000ms" data-wow-delay="300ms">
            <div class="folio-image">
              <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/gallery/s23.jpg" src="image/giphy.gif">
            </div>
            <div class="overlay">
              <div class="overlay-content">
                <div class="overlay-text">
                  <div class="folio-info">
                    <!-- <h3>Image</h3>
                    <p>Three words only </p> -->
                  </div>
                  <div class="folio-overview">
                    <span class="folio-expand"><a href="image/gallery/b23.jpg" data-lightbox="portfolio"><i class="fa fa-arrows-alt"></i></a></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="folio-item wow fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="folio-image">
              <img class="progressive__img progressive--not-loaded img-responsive" data-progressive="image/gallery/s14.jpg" src="image/giphy.gif">
            </div>
            <div class="overlay">
              <div class="overlay-content">
                <div class="overlay-text">
                  <div class="folio-info">
                    <!-- <h3>Image</h3>
                    <p>Three words only </p> -->
                  </div>
                  <div class="folio-overview">
                    <span class="folio-expand"><a href="image/gallery/b14.jpg" data-lightbox="portfolio"><i class="fa fa-arrows-alt"></i></a></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>
    <div id="portfolio-single-wrap">
      <div id="portfolio-single">
      </div>
    </div><!-- /#portfolio-single-wrap -->
  </section><!--/#portfolio-->

  <section id="twitter">
  	<div class="container">
      <div class="row">
        <div class="heading text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
          <h2>Testimonial</h2>
        </div>
      </div> 
    </div>
    <div class="bg_twit">
      <a class="twitter-left-control" href="#twitter-carousel" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
      <a class="twitter-right-control" href="#twitter-carousel" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>
      <div class="container" id="twit_overlay">
        <div class="row">
          <div class="col-sm-8 col-sm-offset-2">
            
            <div id="twitter-carousel" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">
                <div class="item active wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
                  <div class="twitter-icon text-center">
		              <img class="img-responsive test_img" src="image/testimonial/4.png">
		              <h4 style="text-transform: capitalize;">Pravas Mohanta</h4>
	              </div>
                   <p>This website will help people of Baripada to get all required information.</p>
                </div>
                
                
              </div>                        
            </div>                    
          </div>
        </div>
      </div>
    </div>
  </section><!--/#twitter-->



  <footer id="footer">
    <div class="footer-top wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
    	<div class="container" style="margin-top:10px;">
    		<div class="row">
    			<div class="col-md-4 wow flipInY" data-wow-duration="1000ms" data-wow-delay="300ms">
					<center class="box">
						<h4>Quick Links</h4>
					    <table border=0 class="rectangle-list">
				        <tr>
			            <td>
  			            <ul>
    			            <li><a target="_blank" href="http://www.pheoodisha.gov.in">Public Health Engineering Organisation</a></li>
                      <li><a target="_blank" href="https://ulborissa.gov.in/">E-Municipality</a></li>
                      <li><a target="_blank" href="http://espace.edodisha.gov.in/eSpaceHUD/eDespatch.aspx">E-Despatch</a></li>
                      <li><a target="_blank" href="https://tenders.ori.nic.in/nicgep/app">E-Procurement</a></li>
                      <li><a target="_blank" href="http://www.moud.gov.in/">Ministry of Urban Development (GoI)</a></li>
  			            </ul>
			            </td>
				        </tr>
					    </table>
					</center>
				</div>
				<div class="col-md-4 wow flipInY" data-wow-duration="1000ms" data-wow-delay="600ms">
					<center class="box">
						<h4>Quick Links</h4>
					    <table border=0 class="rectangle-list">
				        <tr>
			            <td>
  			            <ul>
    			            <li><a target="_blank" href="http://www.nvsp.in/">Voter’s Services Portal</a></li>
    			            <li><a target="_blank" href="http://www.orissa.gov.in/">Odisha Government Portal</a></li>
    			            <li><a target="_blank" href="http://www.spabaripada.com/">Ease of Doing Business</a></li>
    			            <li><a target="_blank" href="http://swachhbharaturban.gov.in/">Swachh Bharat Mission</a></li>
    			            <li><a target="_blank" href="http://www.urbanodisha.gov.in/">H&UD Department</a></li>
  			            </ul>
			            </td>
				        </tr>
					    </table>
					</center>
				</div>
				<div class="col-md-4 wow flipInY" data-wow-duration="1000ms" data-wow-delay="900ms">
					<center class="box">
						<h4>Quick Links</h4>
					    <table border=0 class="rectangle-list">
				        <tr>
			            <td>
  			            <ul>
    			            <li><a target="_blank" href="https://uidai.gov.in/">AADHAAR</a></li>
                      <li><a target="_blank" href="https://india.gov.in/">National Portal of India</a></li>
                      <li><a target="_blank" href="http://www.secorissa.org/">State Election Commission</a></li>
                      <li><a target="_blank" href="http://www.urbanodisha.gov.in/Admin/Upload_Files/Citizen%20Charter/Draft%20Citizen%20Charter_HUD_Final.pdf">Citizen's Charter</a></li>
    			            <li><a target="_blank" href="http://epass.ocac.in/">Online Secretariat Pass</a></li>
  			            </ul>
			            </td>
				        </tr>
					    </table>
					</center>
				</div>
			</div>
		</div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <div class="row">
          <div class="col-sm-6">
            <p>&copy; 2021 Baripada Municipality</p>
          </div>
          <div class="col-sm-6">
            <p class="pull-right"><a href="https://connectix.net" title="Connectix Software &amp; Services Pvt. Ltd." target="_blank">Developed and maintained by &nbsp;<img src="image/logo_web_footer.png"></a></p>
          </div>
          <div class="col-sm-12">
             
         <small class="text-center">This website belongs to Baripada Municipality. This is developed with an objective to provide single point access of all Baripada Municipality related information in an uniform manner. The ownership of all contents in this website belong to the Municipality and other  section under the Municipality . For any query regarding this website please contact Executive Officer , Baripada Municipality</small> 
           
            
          </div>
        </div>
      </div>
    </div>
  </footer>

  <!-- Modal box for Login -->
  <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
      <div class="loginmodal-container">
        <button type="button" class="close pull-right" data-dismiss="modal">x</button><h1>Login to Your Account</h1><br>
        <form>
        <input type="text" name="user" placeholder="Username">
        <input type="password" name="pass" placeholder="Password" autocomplete="off">
        <input type="submit" name="login" class="login loginmodal-submit" value="Login">
        </form>
        
        <div class="login-help">
          <!-- <a href="#">Register</a> - <a href="#">Forgot Password</a> -->
        </div>
      </div>
    </div>
  </div>
  <!-- ./Modal Box -->

  <script type="text/javascript" src="commonjs/jquery.js"></script>
  <script type="text/javascript" src="commonjs/bootstrap.min.js"></script>
  
  <script type="text/javascript" src="commonjs/jquery.inview.min.js"></script>
  <script type="text/javascript" src="commonjs/wow.min.js"></script>
  <script type="text/javascript" src="commonjs/mousescroll.js"></script>
  <script type="text/javascript" src="commonjs/smoothscroll.js"></script>
  <script type="text/javascript" src="commonjs/jquery.countTo.js"></script>
  <script type="text/javascript" src="commonjs/lightbox.min.js"></script>
  <script type="text/javascript" src="commonjs/main.js"></script>
  <script>
  	$(document).ready(function() {
	    $('#Carousel').carousel({
	        interval: 5000
	    })
      
	});

    $('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});

   $(sliderResize); 

   $(window).resize(sliderResize);

   function sliderResize(){
      $i_ht=$('#home-slider .item').height();
      $i_wd=$(window).width();
      if($i_wd<768){
        $('#home-slider .item').height('210px');  
        // $('#home-slider .item').css('background-size','cover');  
        $('#home-slider .item').css('background-size','100% 100%');    
      }
      else{
      $i_wd_new=$(window).width()/4;  
      $('#home-slider .item').height($i_wd_new);
      $('#home-slider .item').css('background-size','cover');
      }
   }

   $(boxAllignment); 
   $(window).resize(boxAllignment);
   function boxAllignment(){
	   	$i_wd=$(window).width();
	   	if($i_wd<752){
	   	   $('.team-members .info-box').height('auto');
	   	}
	   	else if(($i_wd>752)&&($i_wd<767)){
	   	   $('.team-members .info-box').height('auto');
	   	}
	   	else if(($i_wd>767)&&($i_wd<782)){
	   	   $('.team-members .info-box').height('auto');
	   	}

		else if(($i_wd>781)&&($i_wd<977)){
		   	   $('.team-members .info-box').height('auto');
		   	}
		else if(($i_wd>976)&&($i_wd<992)){
	   	   $('.team-members .info-box').height('auto');
	   	}
	   	else if(($i_wd>991)&&($i_wd<1200)){
	   	   $('.team-members .info-box').height('auto');
	   	}
		else if($i_wd>1199){
	   	   $('.team-members .info-box').height('auto');
	   	}

   }


$(window).load(function() {
  equalheighth();
  equalheightl();
});

$(window).resize(function(){
  equalheighth();
  equalheightl();
});

function equalheighth(){

	divs=['#ach1','#ach2','#ach3','#ach4'];
	t=0;
	for (var i = 0; i < divs.length; i++) {
		$x=$(divs[i]).height();
		if($x>t){t=$x};
	};
	for (var i = 0; i < divs.length; i++) {$(divs[i]).height(t); }

}

function equalheightl(){

  $i_wd=$(window).width();
  divs=['#topbox1','#topbox2','#topbox3'];
  t=0;
  for (var i = 0; i < divs.length; i++) {
    $x=$(divs[i]).height();
    if($x>t){t=$x};
  };
  if($i_wd>985){
  for (var i = 0; i < divs.length; i++) {$(divs[i]).height(t); }
  }
  else{
   for (var i = 1; i < divs.length; i++) {$(divs[i]).height(t);$('#topbox1').height("auto"); } 
  }

}

  </script>
  <script src="commonjs/progressively.min.js"></script>
    <script>
    progressively.init({
        onLoadComplete: function() {
            //console.log('All images loaded!');
        }
    });
    </script>

</body>
</html>
