Team:IIT Madras/Templates/modern

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 32: Line 32:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 +
<script src="http://getbootstrap.com/assets/js/holder.js"></script>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
<!-- For Overriding Defualt Wiki banners and links-->
<!-- For Overriding Defualt Wiki banners and links-->
Line 61: Line 65:
   width: 100%;
   width: 100%;
}
}
-
.fix {
+
.navbar-right{
-
   position: fixed;
+
   padding-right: 30;
}
}
 +
.navbar-brand{
 +
  font-family: 'Sigmar One', cursive;
 +
  font-size: 20;
 +
}
 +
.navbar{
 +
  font-family: 'Cantora One', sans-serif;
 +
}
 +
 +
     </style>
     </style>
<script type="text/javascript">
<script type="text/javascript">
Line 92: Line 105:
</script>
</script>
-
<div id="myCarousel" class="carousel slide">
+
<!--  -->
-
      <!-- Indicators -->
+
 
 +
<div class="header">
 +
  <div class="container">
 +
        <!-- <div class="heading visible-tablet visible-desktop"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div>
 +
<div class="heading heading-small visible-phone"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div> -->
 +
        <div class="sub-heading visible-tablet visible-desktop" id="sub-heading1">
 +
            <span class="sub-heading-small">IITM IS BACK</span>
 +
        </div>
 +
        <!-- <div class="sub-heading visible-desktop" id="sub-heading2">
 +
            B<span class="sub-heading-small">acterial</span> A<span class="sub-heading-small">nti</span>-C<span class="sub-heading-small">ancer</span>-K<span class="sub-heading-small">amikaze</span>
 +
        </div> -->
 +
 
 +
        <div class="pull-right" style="text-align:right;">
 +
            <table border="0">
 +
<tr>
 +
<td><a href="http://www.iitm.ac.in" target="_blank"><img id="iitmlogo" src="http://www.ee.iitm.ac.in/~ani/2013/ee5390/style/iitm_logo.gif" style="max-height: 100px; max-width: 60;"/></a></td>
 +
<td><a href="https://2013.igem.org/Main_Page" target="_blank"><img id="igem-logo" src="https://static.igem.org/mediawiki/2012/c/cc/Igem_logo_scaled.png" /></a></td>
 +
</tr>
 +
</table>
 +
           
 +
           
 +
        </div>
 +
  </div>
 +
</div>
 +
<div class="navbar navbar-default">
 +
        <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a class="navbar-brand" href="#">IIT Madras</a>
 +
        </div>
 +
        <div class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
           
 +
            <li><a href="#">Home</a></li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Overview</a></li>
 +
                <li><a href="#">Introduction</a></li>
 +
                <li><a href="#">Facts and Statistics</a></li>
 +
                <li><a href="#">Motivation</a></li>
 +
                <li class="divider"></li>
 +
                <!-- <li class="dropdown-header">Nav header</li> -->
 +
                <li><a href="#">Wet lab</a></li>
 +
                <li><a href="#">Dry lab</a></li>
 +
                <li><a href="#">Safety</a></li>
 +
              </ul>
 +
            </li>
 +
            <li><a href="#">Human Practices</a></li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Bios</a></li>
 +
                <li><a href="#">Gallery</a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<b class="caret"></b></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Overview</a></li>
 +
                <li><a href="#">Protocols</a></li>
 +
                <li><a href="#">Wet lab</a></li>
 +
                <li><a href="#">Dry lab</a></li>
 +
              </ul>
 +
            </li>
 +
            <li><a href="#">IITM and iGEM</a></li>
 +
          </ul>
 +
          <ul class="nav navbar-nav navbar-right">
 +
            <li><a href="https://www.facebook.com/iitmigem">Facebook</a></li>
 +
            <li><a href="https://twitter.com/junaid_babu">Twitter</a></li>
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
 
 +
 
 +
 
 +
<div class="container marketing">
 +
      <div id="myCarousel" class="carousel slide">
 +
     
       <ol class="carousel-indicators">
       <ol class="carousel-indicators">
         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
Line 101: Line 195:
       <div class="carousel-inner">
       <div class="carousel-inner">
         <div class="item active">
         <div class="item active">
-
          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABRYAAAH0CAYAAABIGHFEAAAgAElEQVR4Xu3di47r1pEFUDu5/5yfd+IB4yGsCC3x7EOyRJbWBYxJ5uo8alXJA+1ht37/17/+9edv/hAgQIAAAQIECBAgQIAAAQIECBAgQCAQ+F2wGGh5KQECBAgQIECAAAECBAgQIECAAAEC/xUQLBoEAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIECBAgQIAAAQIECBAQLJoBAgQIECBAgAABAgQIECBAgAABAgRiAcFiTGYBAQIECBAgQIAAAQIECBAgQIAAAQKCRTNAgAABAgQIECBAgAABAgQIECBAgEAsIFiMySwgQIAAAQIECBAgQIAAAQIECBAgQECwaAYIECBAgAABAgQIECBAgAABAgQIEIgFBIsxmQUECBAgQIAAAQIECBAgQIAAAQIECAgWzQABAgQIECBAgAABAgQIECBAgAABArGAYDEms4AAAQIECBAgQIAAAQIECBAgQIAAAcGiGSBAgAABAgQIECBAgAABAgQIECBAIBYQLMZkFhAgQIAAAQIECBAgQIAAAQIECBAgIFg0AwQIECBAgAABAgQIECBAgAABAgQIxAKCxZjMAgIECBAgQIAAAQIECBAgQIAAAQIEBItmgAABAgQIECBAgAABAgQIECBAgACBWECwGJNZQIAAAQIECBAgQIAAAQIECBAgQICAYNEMECBAgAABAgQIECBAgAABAgQIECAQCwgWYzILCBAgQIAAAQIE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xnL3PX+W+653Tn/8eT33SL89tTyvfdWLZAbXPWeDvnX9TLg487TdGpqu83GE58yTmjPnzvTlp57vnefk7ne8c1Kf1xIgQIAAgW8TECx+W8fVS4AAAQK3E0g+iFeFdOuPN65PIaWoy/rlzxrSpev3vH4NA9OAcb3revc9d7hbsJje94g5TM9c52n2KdI1WNw703vOn5mpK8xzeu873jmt0esJECBAgMC3CAgWv6XT6iRAgAABAicL/BTILP+75yCuOnh5V/bznX+672MIejKh7S8k8NNsrNd7nokjwuYjSr/jPN/xzkf0yh4ECBAgQKCLgGCxSyfVQYAAAQIECBAgQIAAAQIECBAgQKBQQLBYiO0oAgQIECBAgAABAgQIECBAgAABAl0EBItdOqkOAgQIECBAgAABAgQIECBAgAABAoUCgsVCbEcRIECAAAECBAgQIECAAAECBAgQ6CIgWOzSSXUQIECAAAECBAgQIECAAAECBAgQKBQQLBZiO4oAAQIECBAgQIAAAQIECBAgQIBAFwHBYpdOqoMAAQIECBAgQIAAAQIECBAgQIBAoYBgsRDbUQQIECBAgAABAgQIECBAgAABAgS6CAgWu3RSHQQIECBAgAABAgQIECBAgAABAgQKBQSLhdiOIkCAAAECBAgQIECAAAECBAgQINBFQLDYpZPqIECAAAECBAgQIECAAAECBAgQIFAoIFgsxHYUAQIECBAgQIAAAQIECBAgQIAAgS4CgsUunVQHAQIECBAgQIAAAQIECBAgQIAAgUIBwWIhtqMIECBAgAABAgQIECBAgAABAgQIdBEQLHbppDoIECBAgAABAgQIECBAgAABAgQIFAoIFguxHUWAAAECBAgQIECAAAECBAgQIECgi4BgsUsn1UGAAAECBAgQIECAAAECBAgQIECgUECwWIjtKAIECBAgQIAAAQIECBAgQIAAAQJdBASLXTqpDgIECBAgQIAAAQIECBAgQIAAAQKFAoLFQmxHESBAgAABAgQIECBAgAABAgQIEOgiIFjs0kl1ECBAgAABAgQIECBAgAABAgQIECgUECwWYjuKAAECBAgQIECAAAECBAgQIECAQBcBwWKXTqqDAAECBAgQIECAAAECBAgQIECAQKGAYLEQ21EECBAgQIAAAQIECBAgQIAAAQIEuggIFrt0Uh0ECBAgQIAAAQIECBAgQIAAAQIECgUEi4XYjiJAgAABAgQIECBAgAABAgQIECDQRUCw2KWT6iBAgAABAgQIECBAgAABAgQIECBQKCBYLMR2FAECBAgQIECAAAECBAgQIECAAIEuAoLFLp1UBwECBAgQIECAAAECBAgQIECAAIFCAcFiIbajCBAgQIAAAQIECBAgQIAAAQIECHQRECx26aQ6CBAgQIAAAQIECBAgQIAAAQIECBQKCBYLsR1FgAABAgQIECBAgAABAgQIECBAoIuAYLFLJ9VBgAABAgQIECBAgAABAgQIECBAoFBAsFiI7SgCBAgQIECAAAECBAgQIECAAAECXQQEi106qQ4CBAgQIECAAAECBAgQIECAAAEChQKCxUJsRxEgQIAAAQIECBAgQIAAAQIECBDoIiBY7NJJdRAgQIAAAQIECBAgQIAAAQIECBAoFBAsFmI7igABAgQIECBAgAABAgQIECBAgEAXAcFil06qgwABAgQIECBAgAABAgQIECBAgEChgGCxENtRBAgQIECAAAECBAgQIECAAAECBLoICBa7dFIdBAgQIECAAAECBAgQIECAAAECBAoFBIuF2I4iQIAAAQIECBAgQIAAAQIECBAg0EVAsNilk+ogQIAAAQIECBAgQIAAAQIECBAgUCggWCzEdhQBAgQIECBAgAABAgQIECBAgACBLgKCxS6dVAcBAgQIECBAgAABAgQIECBAgACBQgHBYiG2owgQIECAAAECBAgQIECAAAECBAh0ERAsdumkOggQIECAAAECBAgQIECAAAECBAgUCggWC7EdRYAAAQIECBAgQIAAAQIECBAgQKCLgGCxSyfVQYAAAQIECBAgQIAAAQIECBAgQKBQQLBYiO0oAgQIECBAgAABAgQIECBAgAABAl0EBItdOqkOAgQIECBAgAABAgQIECBAgAABAoUCgsVCbEcRIECAAAECBAgQIECAAAECBAgQ6CIgWOzSSXUQIECAAAECBAgQIECAAAECBAgQKBQQLBZiO4oAAQIECBAgQIAAAQIECBAgQIBAFwHBYpdOqoMAAQIECBAgQIAAAQIECBAgQIBAoYBgsRDbUQQIECBAgAABAgQIECBAgAABAgS6CAgWu3RSHQQIECBAgAABAgQIECBAgAABAgQKBQSLhdiOIkCAAAECBAgQIECAAAECBAgQINBFQLDYpZPqIECAAAECBAgQIECAAAECBAgQIFAoIFgsxHYUAQIECBAgQIAAAQIECBAgQIAAgS4CgsUunVQHAQIECBAgQIAAAQIECBAgQIAAgUIBwWIhtqMIECBAgAABAgQIECBAgAABAgQIdBEQLHbppDoIECBAgAABAgQIECBAgAABAgQIFAoIFguxHUWAAAECBAgQIECAAAECBAgQIECgi4BgsUsn1UGAAAECBAgQIECAAAECBAgQIECgUECwWIjtKAIECBAgQIAAAQIECBAgQIAAAQJdBASLXTqpDgIECBAgQIAAAQIECBAgQIAAAQKFAoLFQmxHESBAgAABAgQIECBAgAABAgQIEOgiIFjs0kl1ECBAgAABAgQIECBAgAABAgQIECgUECwWYjuKAAECBAgQIECAAAECBAgQIECAQBcBwWKXTqqDAAECBAgQIECAAAECBAgQIECAQKGAYLEQ21EECBAgQIAAAQIECBAgQIAAAQIEuggIFrt0Uh0ECBAgQIAAAQIECBAgQIAAAQIECgUEi4XYjiJAgAABAgQIECBAgAABAgQIECDQRUCw2KWT6iBAgAABAgQIECBAgAABAgQIECBQKCBYLMR2FAECBAgQIECAAAECBAgQIECAAIEuAoLFLp1UBwECBAgQIECAAAECBAgQIECAAIFCAcFiIbajCBAgQIAAAQIECBAgQIAAAQIECHQRECx26aQ6CBAgQIAAAQIECBAgQIAAAQIECBQKCBYLsR1FgAABAgQIECBAgAABAgQIECBAoIuAYLFLJ9VBgAABAgQIECBAgAABAgQIECBAoFBAsFiI7SgCBAgQIECAAAECBAgQIECAAAECXQQEi106qQ4CBAgQIECAAAECBAgQIECAAAEChQKCxUJsRxEgQIAAAQIECBAgQIAAAQIECBDoIiBY7NJJdRAgQIAAAQIECBAgQIAAAQIECBAoFBAsFmI7igABAgQIECBAgAABAgQIECBAgEAXAcFil06qgwABAgQIECBAgAABAgQIECBAgEChgGCxENtRBAgQIECAAAECBAgQIECAAAECBLoICBa7dFIdBAgQIECAAAECBAgQIECAAAECBAoFBIuF2I4iQIAAAQIECBAgQIAAAQIECBAg0EVAsNilk+ogQIAAAQIECBAgQIAAAQIECBAgUCggWCzEdhQBAgQIECBAgAABAgQIECBAgACBLgKCxS6dVAcBAgQIECBAgAABAgQIECBAgACBQgHBYiG2owgQIECAAAECBAgQIECAAAECBAh0ERAsdumkOggQIECAAAECBAgQIECAAAECBAgUCggWC7EdRYAAAQIECBAgQIAAAQIECBAgQKCLgGCxSyfVQYAAAQIECBAgQIAAAQIECBAgQKBQQLBYiO0oAgQIECBAgAABAgQIECBAgAABAl0EBItdOqkOAgQIECBAgAABAgQIECBAgAABAoUCgsVCbEcRIECAAAECBAgQIECAAAECBAgQ6CIgWOzSSXUQIECAAAECBAgQIECAAAECBAgQKBQQLBZiO4oAAQIECBAgQIAAAQIECBAgQIBAFwHBYpdOqoMAAQIECBAgQIAAAQIECBAgQIBAoYBgsRDbUQQIECBAgAABAgQIECBAgAABAgS6CAgWu3RSHQQIECBAgAABAgQIECBAgAABAgQKBQSLhdiOIkCAAAECBAgQIECAAAECBAgQINBFQLDYpZPqIECAAAECBAgQIECAAAECBAgQIFAoIFgsxHYUAQIECBAgQIAAAQIECBAgQIAAgS4CgsUunVQHAQIECBAgQIAAAQIECBAgQIAAgUIBwWIhtqMIECBAgAABAgQIECBAgAABAgQIdBEQLHbppDoIECBAgAABAgQIECBAgAABAgQIFAoIFguxHUWAAAECBAgQIECAAAECBAgQIECgi4BgsUsn1UGAAAECBAgQIECAAAECBAgQIECgUECwWIjtKAIECBAgQIAAAQIECBAgQIAAAQJdBASLXTqpDgIECBAgQIAAAQIECBAgQIAAAQKFAoLFQmxHESBAgAABAgQIECBAgAABAgQIEOgiIFjs0kl1ECBAgAABAgQIECBAgAABAgQIECgUECwWYjuKAAECBAgQIECAAAECBAgQIECAQBcBwWKXTqqDAAECBAgQIECAAAECBAgQIECAQKGAYLEQ21EECBAgQIAAAQIECBAgQIAAAQIEuggIFrt0Uh0ECBAgQIAAAQIECBAgQIAAAQIECgUEi4XYjiJAgAABAgQIECBAgAABAgQIECDQRUCw2KWT6iBAgAABAgQIECBAgAABAgQIECBQKCBYLMR2FAECBAgQIECAAAECBAgQIECAAIEuAoLFLp1UBwECBAgQIECAAAECBAgQIECAAIFCAcFiIbajCBAgQIAAAQIECBAgQIAAAQIECHQRECx26aQ6CBAgQIAAAQIECBAgQIAAAQIECBQKCBYLsR1FgAABAgQIECBAgAABAgQIECBAoIuAYLFLJ9VBgAABAgQIECBAgAABAgQIECBAoFBAsFiI7SgCBAgQIECAAAECBAgQIECAAAECXQQEi106qQ4CBAgQIECAAAECBAgQIECAAAEChQKCxUJsRxEgQIAAAQIECBAgQIAAAQIECBDoIiBY7NJJdRAgQIAAAQIECBAgQIAAAQIECBAoFBAsFmI7igABAgQIECBAgAABAgQIECBAgEAXAcFil06qgwABAgQIECBAgAABAgQIECBAgEChgGCxENtRBAgQIECAAAECBAgQIECAAAECBLoICBa7dFIdBAgQIECAAAECBAgQIECAAAECBAoFBIuF2I4iQIAAAQIECBAgQIAAAQIECBAg0EVAsNilk+ogQIAAAQIECBAgQIAAAQIECBAgUCggWCzEdhQBAgQIECBAgAABAgQIECBAgACBLgKCxS6dVAcBAgQIECBAgAABAgQIECBAgACBQgHBYiG2owgQIECAAAECBAgQIECAAAECBAh0ERAsdumkOggQIECAAAECBAgQIECAAAECBAgUCggWC7EdRYAAAQIECBAgQIAAAQIECBAgQKCLgGCxSyfVQYAAAQIECBAgQIAAAQIECBAgQKBQQLBYiO0oAgQIECBAgAABAgQIECBAgAABAl0EBItdOqkOAgQIECBAgAABAgQIECBAgAABAoUCgsVCbEcRIECAAAECBAgQIECAAAECBAgQ6CIgWOzSSXUQIECAAAECBAgQIECAAAECBAgQKBQQLBZiO4oAAQIECBAgQIAAAQIECBAgQIBAFwHBYpdOqoMAAQIECBAgQIAAAQIECBAgQIBAoYBgsRDbUQQIECBAgAABAgQIECBAgAABAgS6CAgWu3RSHQQIECBAgAABAgQIECBAgAABAgQKBQSLhdiOIkCAAAECBAgQIECAAAECBAgQINBFQLDYpZPqIECAAAECBAgQIECAAAECBAgQIFAoIFgsxHYUAQIECBAgQIAAAQIECBAgQIAAgS4CgsUunVQHAQIECBAgQIAAAQIECBAgQIAAgUIBwWIhtqMIECBAgAABAgQIECBAgAABAgQIdBEQLHbppDoIECBAgAABAgQIECBAgAABAgQIFAoIFguxHUWAAAECBAgQIECAAAECBAgQIECgi4BgsUsn1UGAAAECBAgQIECAAAECBAgQIECgUECwWIjtKAIECBAgQIAAAQIECBAgQIAAAQJdBASLXTqpDgIECBAgQIAAAQIECBAgQIAAAQKFAoLFQmxHESBAgAABAgQIECBAgAABAgQIEOgiIFjs0kl1ECBAgAABAgQIECBAgAABAgQIECgUECwWYjuKAAECBAgQIECAAAECBAgQIECAQBcBwWKXTqqDAAECBAgQIECAAAECBAgQIECAQKGAYLEQ21EECBAgQIAAAQIECBAgQIAAAQIEuggIFrt0Uh0ECBAgQIAAAQIECBAgQIAAAQIECgUEi4XYjiJAgAABAgQIECBAgAABAgQIECDQRUCw2KWT6iBAgAABAgQIECBAgAABAgQIECBQKCBYLMR2FAECBAgQIECAAAECBAgQIECAAIEuAoLFLp1UBwECBAgQIECAAAECBAgQIECAAIFCAcFiIbajCBAgQIAAAQIECBAgQIAAAQIECHQRECx26aQ6CBAgQIAAAQIECBAgQIAAAQIECBQKCBYLsR1FgAABAgQIECBAgAABAgQIECBAoIuAYLFLJ9VBgAABAgQIECBAgAABAgQIECBAoFBAsFiI7SgCBAgQIECAAAECBAgQIECAAAECXQQEi106qQ4CBAgQIECAAAECBAgQIECAAAEChQKCxUJsRxEgQIAAAQIECBAgQIAAAQIECBDoIiBY7NJJdRAgQIAAAQIECBAgQIAAAQIECBAoFBAsFmI7igABAgQIECBAgAABAgQIECBAgEAXAcFil06qgwABAgQIECBAgAABAgQIECBAgEChgGCxENtRBAgQIECAAAECBAgQIECAAAECBLoICBa7dFIdBAgQIECAAAECBAgQIECAAAECBAoFBIuF2I4iQIAAAQIECBAgQIAAAQIECBAg0EVAsNilk+ogQIAAAQIECBAgQIAAAQIECBAgUCggWCzEdhQBAgQIECBAgAABAgQIECBAgACBLgKCxS6dVAcBAgQIECBAgAABAgQIECBAgACBQgHBYiG2owgQIECAAAECBAgQIECAAAECBAh0ERAsdumkOggQIECAAAECBAgQIECAAAECBAgUCggWC7EdRYAAAQIECBAgQIAAAQIECBAgQKCLgGCxSyfVQYAAAQIECBAgQIAAAQIECBAgQKBQQLBYiO0oAgQIECBAgAABAgQIECBAgAABAl0EBItdOqkOAgQIECBAgAABAgQIECBAgAABAoUCgsVCbEcRIECAAAECBAgQIECAAAECBAgQ6CIgWOzSSXUQIECAAAECBAgQIECAAAECBAgQKBQQLBZiO4oAAQIECBAgQIAAAQIECBAgQIBAFwHBYpdOqoMAAQIECBAgQIAAAQIECBAgQIBAoYBgsRDbUQQIECBAgAABAgQIECBAgAABAgS6CAgWu3RSHQQIECBAgAABAgQIECBAgAABAgQKBQSLhdiOIkCAAAECBAgQIECAAAECBAgQINBFQLDYpZPqevX27wAAAhZJREFUIECAAAECBAgQIECAAAECBAgQIFAoIFgsxHYUAQIECBAgQIAAAQIECBAgQIAAgS4CgsUunVQHAQIECBAgQIAAAQIECBAgQIAAgUIBwWIhtqMIECBAgAABAgQIECBAgAABAgQIdBEQLHbppDoIECBAgAABAgQIECBAgAABAgQIFAoIFguxHUWAAAECBAgQIECAAAECBAgQIECgi4BgsUsn1UGAAAECBAgQIECAAAECBAgQIECgUECwWIjtKAIECBAgQIAAAQIECBAgQIAAAQJdBASLXTqpDgIECBAgQIAAAQIECBAgQIAAAQKFAoLFQmxHESBAgAABAgQIECBAgAABAgQIEOgiIFjs0kl1ECBAgAABAgQIECBAgAABAgQIECgUECwWYjuKAAECBAgQIECAAAECBAgQIECAQBcBwWKXTqqDAAECBAgQIECAAAECBAgQIECAQKGAYLEQ21EECBAgQIAAAQIECBAgQIAAAQIEuggIFrt0Uh0ECBAgQIAAAQIECBAgQIAAAQIECgUEi4XYjiJAgAABAgQIECBAgAABAgQIECDQRUCw2KWT6iBAgAABAgQIECBAgAABAgQIECBQKCBYLMR2FAECBAgQIECAAAECBAgQIECAAIEuAoLFLp1UBwECBAgQIECAAAECBAgQIECAAIFCAcFiIbajCBAgQIAAAQIECBAgQIAAAQIECHQR+D+rgyRizxdGXAAAAABJRU5ErkJggg==" data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" style="height: 500px; width: 100%; display: block;">
+
          <img src="data:," data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Third slide" >
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>Example headline.</h1>
+
               <h1>Main Heading</h1>
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-
               <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
+
               <p><a class="btn btn-large btn-primary" href="#">Read More</a></p>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
-
           <img src="data:," data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Second slide" alt="Second slide" style="height: 500px; width: 100%; display: block;">
+
           <img src="https://static.igem.org/mediawiki/2013/5/52/Igem_iitm_2013_team.jpg" alt="Second slide" style="height: 500px; width: 100%; display: block;">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>Another example headline.</h1>
+
               <h1>The Team</h1>
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-
               <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
+
               <p><a class="btn btn-large btn-primary" href="#">More info</a></p>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
-
           <img src="data:," data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Third slide" alt="Third slide" style="height: 500px; width: 100%; display: block;">
+
           <img src="http://dallasglobaldotorg.files.wordpress.com/2012/06/bigstock-biotechnology-27716519.jpg" alt="Third slide" style="height: 500px; width: 100%; display: block;">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
Line 135: Line 229:
     </div>
     </div>
-
 
+
        
-
<div class="navbar navbar-default">
+
-
        <div class="navbar-header">
+
-
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
          </button>
+
-
          <a class="navbar-brand" href="#">Project name</a>
+
-
        </div>
+
-
        <div class="navbar-collapse collapse">
+
-
          <ul class="nav navbar-nav">
+
-
            <li class="active"><a href="#">Link</a></li>
+
-
            <li><a href="#">Link</a></li>
+
-
            <li><a href="#">Link</a></li>
+
-
            <li class="dropdown">
+
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu">
+
-
                <li><a href="#">Action</a></li>
+
-
                <li><a href="#">Another action</a></li>
+
-
                <li><a href="#">Something else here</a></li>
+
-
                <li class="divider"></li>
+
-
                <li class="dropdown-header">Nav header</li>
+
-
                <li><a href="#">Separated link</a></li>
+
-
                <li><a href="#">One more separated link</a></li>
+
-
              </ul>
+
-
            </li>
+
-
          </ul>
+
-
          <ul class="nav navbar-nav navbar-right">
+
-
            <li class="active"><a href="./">Default</a></li>
+
-
            <li><a href="../navbar-static-top/">Static top</a></li>
+
-
            <li><a href="../navbar-fixed-top/">Fixed top</a></li>
+
-
          </ul>
+
-
        </div><!--/.nav-collapse -->
+
-
       </div>
+
-
 
+
-
      <div class="container marketing">
+
       <!-- Three columns of text below the carousel -->
       <!-- Three columns of text below the carousel -->
-
       <div class="row">
+
       <!-- <div class="row">
         <div class="col-lg-4">
         <div class="col-lg-4">
           <img class="img-circle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAFC0lEQVR4Xu3XV0ukQRCF4TIgCAZUMIIJBQMKBvDWn64XillRVEyYLsScMevSDQ6mRc+O+8lY79ws61RNW6cevmmzjo6OnowXCXwxgSzAfDEpymICgAGClABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFGQ/m7u7OxsbGLD8/37q7u99tdHt725aWlqyjo8MqKiri+wcHB7aysmI3NzdWUlJira2tlpeX9yUNSZ/3pV8qwaKMBnN6emqLi4t2cXFhpaWl78CE9ycnJ+3x8TEFJiAZGhqyoqIiq6qqipgCpPb29k9jT/q8T3+hHyjIWDD39/c2MDBglZWVtr+/b8XFxa/AhCfB6OhofHKcnZ2lwOzs7Nj8/Hzq/1NTU/H9/v5+29zcjE+exsZGq62tjf0PDw/W19dnOTk5337eD+w77SMzFszT05NdXl5aQUGBDQ4OWmFh4SswMzMzFtCE5U9PT6eArK+v29ramvX09MSvo7m5Odvd3Y1gcnNzLQA6Pj6OT6zDw0Pr6uqysrIy+1/npb3BhD8gY8G8zOktmI2NDQswwp3m+vo6omhra4tfPVtbW6/AzM7O2t7eXgrM7e2tjYyMWPi3rq7Ompub363kO89LeN9pH/crwYyPj1u4b7x9tbS0WHZ2ti0sLFhnZ6eVl5fHO875+XkEE17hqRUu0eGr6KN7Uah5Cyad89LeYMIf8CvBnJycxIWHV8CwurpqDQ0NVlNTE382PDz84aU3XI7D8q+urqy6ujo+jZqamqy+vv7VWt6C+dfzEt71txz3K8G8TCbcQ17eYcJ7f/uzenl5OSIJf4KHp8/ExES8EPf29sZL9fProzvT83vKed+ywYQ/5FeASTgz18cBxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXhAaNn5roDMK7Xrw8PGD0z1x2Acb1+fXjA6Jm57gCM6/XrwwNGz8x1B2Bcr18fHjB6Zq47AON6/frwgNEzc90BGNfr14cHjJ6Z6w7AuF6/Pjxg9MxcdwDG9fr14QGjZ+a6AzCu168PDxg9M9cdgHG9fn14wOiZue4AjOv168MDRs/MdQdgXK9fHx4wemauOwDjev368IDRM3PdARjX69eHB4yemesOwLhevz48YPTMXHcAxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXh/wBs3s6mncQfmwAAAABJRU5ErkJggg==" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">
           <img class="img-circle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAFC0lEQVR4Xu3XV0ukQRCF4TIgCAZUMIIJBQMKBvDWn64XillRVEyYLsScMevSDQ6mRc+O+8lY79ws61RNW6cevmmzjo6OnowXCXwxgSzAfDEpymICgAGClABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFGQ/m7u7OxsbGLD8/37q7u99tdHt725aWlqyjo8MqKiri+wcHB7aysmI3NzdWUlJira2tlpeX9yUNSZ/3pV8qwaKMBnN6emqLi4t2cXFhpaWl78CE9ycnJ+3x8TEFJiAZGhqyoqIiq6qqipgCpPb29k9jT/q8T3+hHyjIWDD39/c2MDBglZWVtr+/b8XFxa/AhCfB6OhofHKcnZ2lwOzs7Nj8/Hzq/1NTU/H9/v5+29zcjE+exsZGq62tjf0PDw/W19dnOTk5337eD+w77SMzFszT05NdXl5aQUGBDQ4OWmFh4SswMzMzFtCE5U9PT6eArK+v29ramvX09MSvo7m5Odvd3Y1gcnNzLQA6Pj6OT6zDw0Pr6uqysrIy+1/npb3BhD8gY8G8zOktmI2NDQswwp3m+vo6omhra4tfPVtbW6/AzM7O2t7eXgrM7e2tjYyMWPi3rq7Ompub363kO89LeN9pH/crwYyPj1u4b7x9tbS0WHZ2ti0sLFhnZ6eVl5fHO875+XkEE17hqRUu0eGr6KN7Uah5Cyad89LeYMIf8CvBnJycxIWHV8CwurpqDQ0NVlNTE382PDz84aU3XI7D8q+urqy6ujo+jZqamqy+vv7VWt6C+dfzEt71txz3K8G8TCbcQ17eYcJ7f/uzenl5OSIJf4KHp8/ExES8EPf29sZL9fProzvT83vKed+ywYQ/5FeASTgz18cBxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXhAaNn5roDMK7Xrw8PGD0z1x2Acb1+fXjA6Jm57gCM6/XrwwNGz8x1B2Bcr18fHjB6Zq47AON6/frwgNEzc90BGNfr14cHjJ6Z6w7AuF6/Pjxg9MxcdwDG9fr14QGjZ+a6AzCu168PDxg9M9cdgHG9fn14wOiZue4AjOv168MDRs/MdQdgXK9fHx4wemauOwDjev368IDRM3PdARjX69eHB4yemesOwLhevz48YPTMXHcAxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXh/wBs3s6mncQfmwAAAABJRU5ErkJggg==" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">
-
           <h2>Heading</h2>
+
           <h2>HeadingI</h2><i class="icon-hand-up"></i>
           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
           <p><a class="btn btn-default" href="#">View details »</a></p>
           <p><a class="btn btn-default" href="#">View details »</a></p>
-
         </div><!-- /.col-lg-4 -->
+
         </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
           <img class="img-circle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAFC0lEQVR4Xu3XV0ukQRCF4TIgCAZUMIIJBQMKBvDWn64XillRVEyYLsScMevSDQ6mRc+O+8lY79ws61RNW6cevmmzjo6OnowXCXwxgSzAfDEpymICgAGClABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFGQ/m7u7OxsbGLD8/37q7u99tdHt725aWlqyjo8MqKiri+wcHB7aysmI3NzdWUlJira2tlpeX9yUNSZ/3pV8qwaKMBnN6emqLi4t2cXFhpaWl78CE9ycnJ+3x8TEFJiAZGhqyoqIiq6qqipgCpPb29k9jT/q8T3+hHyjIWDD39/c2MDBglZWVtr+/b8XFxa/AhCfB6OhofHKcnZ2lwOzs7Nj8/Hzq/1NTU/H9/v5+29zcjE+exsZGq62tjf0PDw/W19dnOTk5337eD+w77SMzFszT05NdXl5aQUGBDQ4OWmFh4SswMzMzFtCE5U9PT6eArK+v29ramvX09MSvo7m5Odvd3Y1gcnNzLQA6Pj6OT6zDw0Pr6uqysrIy+1/npb3BhD8gY8G8zOktmI2NDQswwp3m+vo6omhra4tfPVtbW6/AzM7O2t7eXgrM7e2tjYyMWPi3rq7Ompub363kO89LeN9pH/crwYyPj1u4b7x9tbS0WHZ2ti0sLFhnZ6eVl5fHO875+XkEE17hqRUu0eGr6KN7Uah5Cyad89LeYMIf8CvBnJycxIWHV8CwurpqDQ0NVlNTE382PDz84aU3XI7D8q+urqy6ujo+jZqamqy+vv7VWt6C+dfzEt71txz3K8G8TCbcQ17eYcJ7f/uzenl5OSIJf4KHp8/ExES8EPf29sZL9fProzvT83vKed+ywYQ/5FeASTgz18cBxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXhAaNn5roDMK7Xrw8PGD0z1x2Acb1+fXjA6Jm57gCM6/XrwwNGz8x1B2Bcr18fHjB6Zq47AON6/frwgNEzc90BGNfr14cHjJ6Z6w7AuF6/Pjxg9MxcdwDG9fr14QGjZ+a6AzCu168PDxg9M9cdgHG9fn14wOiZue4AjOv168MDRs/MdQdgXK9fHx4wemauOwDjev368IDRM3PdARjX69eHB4yemesOwLhevz48YPTMXHcAxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXh/wBs3s6mncQfmwAAAABJRU5ErkJggg==" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">
           <img class="img-circle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAFC0lEQVR4Xu3XV0ukQRCF4TIgCAZUMIIJBQMKBvDWn64XillRVEyYLsScMevSDQ6mRc+O+8lY79ws61RNW6cevmmzjo6OnowXCXwxgSzAfDEpymICgAGClABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFGQ/m7u7OxsbGLD8/37q7u99tdHt725aWlqyjo8MqKiri+wcHB7aysmI3NzdWUlJira2tlpeX9yUNSZ/3pV8qwaKMBnN6emqLi4t2cXFhpaWl78CE9ycnJ+3x8TEFJiAZGhqyoqIiq6qqipgCpPb29k9jT/q8T3+hHyjIWDD39/c2MDBglZWVtr+/b8XFxa/AhCfB6OhofHKcnZ2lwOzs7Nj8/Hzq/1NTU/H9/v5+29zcjE+exsZGq62tjf0PDw/W19dnOTk5337eD+w77SMzFszT05NdXl5aQUGBDQ4OWmFh4SswMzMzFtCE5U9PT6eArK+v29ramvX09MSvo7m5Odvd3Y1gcnNzLQA6Pj6OT6zDw0Pr6uqysrIy+1/npb3BhD8gY8G8zOktmI2NDQswwp3m+vo6omhra4tfPVtbW6/AzM7O2t7eXgrM7e2tjYyMWPi3rq7Ompub363kO89LeN9pH/crwYyPj1u4b7x9tbS0WHZ2ti0sLFhnZ6eVl5fHO875+XkEE17hqRUu0eGr6KN7Uah5Cyad89LeYMIf8CvBnJycxIWHV8CwurpqDQ0NVlNTE382PDz84aU3XI7D8q+urqy6ujo+jZqamqy+vv7VWt6C+dfzEt71txz3K8G8TCbcQ17eYcJ7f/uzenl5OSIJf4KHp8/ExES8EPf29sZL9fProzvT83vKed+ywYQ/5FeASTgz18cBxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXhAaNn5roDMK7Xrw8PGD0z1x2Acb1+fXjA6Jm57gCM6/XrwwNGz8x1B2Bcr18fHjB6Zq47AON6/frwgNEzc90BGNfr14cHjJ6Z6w7AuF6/Pjxg9MxcdwDG9fr14QGjZ+a6AzCu168PDxg9M9cdgHG9fn14wOiZue4AjOv168MDRs/MdQdgXK9fHx4wemauOwDjev368IDRM3PdARjX69eHB4yemesOwLhevz48YPTMXHcAxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXh/wBs3s6mncQfmwAAAABJRU5ErkJggg==" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">
Line 186: Line 244:
           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
           <p><a class="btn btn-default" href="#">View details »</a></p>
           <p><a class="btn btn-default" href="#">View details »</a></p>
-
         </div><!-- /.col-lg-4 -->
+
         </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
           <img class="img-circle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAFC0lEQVR4Xu3XV0ukQRCF4TIgCAZUMIIJBQMKBvDWn64XillRVEyYLsScMevSDQ6mRc+O+8lY79ws61RNW6cevmmzjo6OnowXCXwxgSzAfDEpymICgAGClABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFGQ/m7u7OxsbGLD8/37q7u99tdHt725aWlqyjo8MqKiri+wcHB7aysmI3NzdWUlJira2tlpeX9yUNSZ/3pV8qwaKMBnN6emqLi4t2cXFhpaWl78CE9ycnJ+3x8TEFJiAZGhqyoqIiq6qqipgCpPb29k9jT/q8T3+hHyjIWDD39/c2MDBglZWVtr+/b8XFxa/AhCfB6OhofHKcnZ2lwOzs7Nj8/Hzq/1NTU/H9/v5+29zcjE+exsZGq62tjf0PDw/W19dnOTk5337eD+w77SMzFszT05NdXl5aQUGBDQ4OWmFh4SswMzMzFtCE5U9PT6eArK+v29ramvX09MSvo7m5Odvd3Y1gcnNzLQA6Pj6OT6zDw0Pr6uqysrIy+1/npb3BhD8gY8G8zOktmI2NDQswwp3m+vo6omhra4tfPVtbW6/AzM7O2t7eXgrM7e2tjYyMWPi3rq7Ompub363kO89LeN9pH/crwYyPj1u4b7x9tbS0WHZ2ti0sLFhnZ6eVl5fHO875+XkEE17hqRUu0eGr6KN7Uah5Cyad89LeYMIf8CvBnJycxIWHV8CwurpqDQ0NVlNTE382PDz84aU3XI7D8q+urqy6ujo+jZqamqy+vv7VWt6C+dfzEt71txz3K8G8TCbcQ17eYcJ7f/uzenl5OSIJf4KHp8/ExES8EPf29sZL9fProzvT83vKed+ywYQ/5FeASTgz18cBxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXhAaNn5roDMK7Xrw8PGD0z1x2Acb1+fXjA6Jm57gCM6/XrwwNGz8x1B2Bcr18fHjB6Zq47AON6/frwgNEzc90BGNfr14cHjJ6Z6w7AuF6/Pjxg9MxcdwDG9fr14QGjZ+a6AzCu168PDxg9M9cdgHG9fn14wOiZue4AjOv168MDRs/MdQdgXK9fHx4wemauOwDjev368IDRM3PdARjX69eHB4yemesOwLhevz48YPTMXHcAxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXh/wBs3s6mncQfmwAAAABJRU5ErkJggg==" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">
           <img class="img-circle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAFC0lEQVR4Xu3XV0ukQRCF4TIgCAZUMIIJBQMKBvDWn64XillRVEyYLsScMevSDQ6mRc+O+8lY79ws61RNW6cevmmzjo6OnowXCXwxgSzAfDEpymICgAGClABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFgMGAlABgpLgoBgwGpAQAI8VFMWAwICUAGCkuigGDASkBwEhxUQwYDEgJAEaKi2LAYEBKADBSXBQDBgNSAoCR4qIYMBiQEgCMFBfFGQ/m7u7OxsbGLD8/37q7u99tdHt725aWlqyjo8MqKiri+wcHB7aysmI3NzdWUlJira2tlpeX9yUNSZ/3pV8qwaKMBnN6emqLi4t2cXFhpaWl78CE9ycnJ+3x8TEFJiAZGhqyoqIiq6qqipgCpPb29k9jT/q8T3+hHyjIWDD39/c2MDBglZWVtr+/b8XFxa/AhCfB6OhofHKcnZ2lwOzs7Nj8/Hzq/1NTU/H9/v5+29zcjE+exsZGq62tjf0PDw/W19dnOTk5337eD+w77SMzFszT05NdXl5aQUGBDQ4OWmFh4SswMzMzFtCE5U9PT6eArK+v29ramvX09MSvo7m5Odvd3Y1gcnNzLQA6Pj6OT6zDw0Pr6uqysrIy+1/npb3BhD8gY8G8zOktmI2NDQswwp3m+vo6omhra4tfPVtbW6/AzM7O2t7eXgrM7e2tjYyMWPi3rq7Ompub363kO89LeN9pH/crwYyPj1u4b7x9tbS0WHZ2ti0sLFhnZ6eVl5fHO875+XkEE17hqRUu0eGr6KN7Uah5Cyad89LeYMIf8CvBnJycxIWHV8CwurpqDQ0NVlNTE382PDz84aU3XI7D8q+urqy6ujo+jZqamqy+vv7VWt6C+dfzEt71txz3K8G8TCbcQ17eYcJ7f/uzenl5OSIJf4KHp8/ExES8EPf29sZL9fProzvT83vKed+ywYQ/5FeASTgz18cBxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXhAaNn5roDMK7Xrw8PGD0z1x2Acb1+fXjA6Jm57gCM6/XrwwNGz8x1B2Bcr18fHjB6Zq47AON6/frwgNEzc90BGNfr14cHjJ6Z6w7AuF6/Pjxg9MxcdwDG9fr14QGjZ+a6AzCu168PDxg9M9cdgHG9fn14wOiZue4AjOv168MDRs/MdQdgXK9fHx4wemauOwDjev368IDRM3PdARjX69eHB4yemesOwLhevz48YPTMXHcAxvX69eEBo2fmugMwrtevDw8YPTPXHYBxvX59eMDombnuAIzr9evDA0bPzHUHYFyvXx8eMHpmrjsA43r9+vCA0TNz3QEY1+vXhweMnpnrDsC4Xr8+PGD0zFx3AMb1+vXh/wBs3s6mncQfmwAAAABJRU5ErkJggg==" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;">
Line 192: Line 250:
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
           <p><a class="btn btn-default" href="#">View details »</a></p>
           <p><a class="btn btn-default" href="#">View details »</a></p>
-
         </div><!-- /.col-lg-4 -->
+
         </div>
-
       </div><!-- /.row -->
+
       </div> --><!-- /.row -->
Line 241: Line 299:
       <!-- FOOTER -->
       <!-- FOOTER -->
       <footer>
       <footer>
-
         <p class="pull-right"><a href="#">Back to top</a></p>
+
         <p class="pull-right"><a href="#Top">Back to top</a></p>
         <p>© 2013 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
         <p>© 2013 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
       </footer>
       </footer>

Latest revision as of 16:49, 23 September 2013

IITM IS BACK

First featurette heading. It'll blow your mind.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

500x500

500x500

Oh yeah, it's that good. See for yourself.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.


And lastly, this one. Checkmate.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

500x500