Tangalle Urban Council

• In this post,I'm going to share about the website that we developed for the SEP project.This is the official website for Tangalle Urban Council.
• We devoloped this website using Codeigniter framework.
• For the homepage design,we used bootstrap framework.Sliders are made by the carousel sliders in the bootstrap page.

  Carousel Sliders

  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->

  <ol class="carousel-indicators">

  <li data-target="#carousel-example-generic" data-slide-to="0" class="active">
  </li>

  <li data-target="#carousel-example-generic" data-slide-to="1"></li>

  <li data-target="#carousel-example-generic" data-slide-to="2"></li>

  </ol>

  <!-- Wrapper for slides -->

  <div class="carousel-inner" role="listbox">

  <div class="item active">

  <img src="..." alt="...">

  <div class="carousel-caption">

        ...

  </div>

  </div>

  <div class="item">

  <img src="..." alt="...">

  <div class="carousel-caption">

        ...

  </div>

  </div>

    ...

  </div>

  <!-- Controls -->

  <a class="left carousel-control" href="#carousel-example-generic" role="button" 
  data-        slide="prev">

  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

  <span class="sr-only">Previous</span>

  </a>

  <a class="right carousel-control" href="#carousel-example-generic"
  role="button"  data-slide="next">

  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

  <span class="sr-only">Next</span>

  </a>

  </div>