  <footer class="text-center">
		<p>
		<nav style="margin: 0px 0px;" class="navbar navbar-inverse" role="navigation">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex2-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="#"><i class="fa fa-caret-square-o-up"></i></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-ex2-collapse">
						<ul style="float: center;width: 20%;" class="nav navbar-nav">
							<li style="float:center"><a href="#">© <?php echo date('Y');?> <?php echo"$title";?> | All rights reserved</a></li>
						</ul>
                </div><!-- /.navbar-collapse -->
              </nav>
		</p>
		</br>
		<p>
		</p>
	</div>
  </footer>

  <!-- jQuery CDN and fallback -->
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script>window.jQuery || document.write('<script src="data/templates/frontend/superhero/assets/js/jquery.js">\x3C/script>')</script>

  <!-- Main Scripts-->
  <script src="data/templates/frontend/superhero/assets/js/bootstrap.min.js"></script>
  <script src="data/templates/frontend/superhero/assets/js/plan.ui.js"></script>
  <!-- Bootstrap Select -->
  <script src="data/templates/frontend/superhero/assets/js/bootstrap-select.min.js"></script>

</body></html>

