Team:IIT Delhi/Safety

From 2014.igem.org

(Difference between revisions)
Line 25: Line 25:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
 +
 +
 +
<!-- Bootstrap===================================================== -->
 +
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
    <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
 +
   
 +
    <!-- font -->
 +
    <link href='http://fonts.googleapis.com/css?family=Raleway:100,300,400,500,600,700,900,100' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Dosis:200,400,700' rel='stylesheet' type='text/css'>
 +
 
 +
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 +
 +
 +
<!-- Bootstrap ends===================================================== -->
Line 129: Line 150:
 +
<!--testing===================================================-->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
<script>
 +
      $(document).ready(function() {
 +
      $('.btn-custom').click(function() {
 +
        $('html,body').animate({
 +
          scrollTop:$($.attr(this,'href')).offset().top},500);
 +
            return false;
 +
        });
 +
      });
 +
   
 +
// bootstrap navbar hover dropdown
 +
    $(function(){
 +
        $('.dropdown').hover(function() {
 +
            $(this).toggleClass('open');
 +
            });
 +
    });
 +
</script>
 +
 +
 +
 +
 +
 +
<!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/0/05/Team_CityUHK_Jamboreebanner.png"  >
 +
 +
<div class="carousel-caption">
 +
        <p><a class="btn btn-custom" href="#Lower" id="#Lower class="anchorLink">ABSTRACT</a></p>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
    <img src="https://static.igem.org/mediawiki/parts/d/d3/CityUHK_hp_01.jpg" width=100% height="500px"/>
 +
        <div class="carousel-caption">
 +
            <h1>Human Practice</h1>
 +
            <p>We organised workshop for secondary school kids.</p>
 +
            <p><a class="btn btn-custom" href="https://2014.igem.org/Team:CityU_HK/HumanPractice" >Learn More</a></p>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/parts/9/9c/CityU_HK_banner_Maria.jpg">
 +
      <div class="carousel-caption">
 +
        <h3>1400 x 500</h3>
 +
        <p>https://static.igem.org/mediawiki/2014/1/14/Team_CityU_HK_banner.jpg</p>
 +
        <p><a class="btn btn-custom" href="#" >Learn More</a></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
    <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
  </a>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
 +
<!--// Smooth scroll for in page links-->   
 +
    <script>
 +
      $(document).ready(function() {
 +
      $('.btn-custom').click(function() {
 +
        $('html,body').animate({
 +
          scrollTop:$($.attr(this,'href')).offset().top},500);
 +
            return false;
 +
        });
 +
      });
 +
   
 +
// bootstrap navbar hover dropdown
 +
    $(function(){
 +
        $('.dropdown').hover(function() {
 +
            $(this).toggleClass('open');
 +
            });
 +
    });
 +
    </script>
 +
 +
<!--//back to top arrow-->
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
 +
// hide #back-top first
 +
$("#back-top").hide();
 +
 +
// fade in #back-top
 +
$(function () {
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 100) {
 +
$('#back-top').fadeIn();
 +
} else {
 +
$('#back-top').fadeOut();
 +
}
 +
});
 +
 +
// scroll body to 0px on click
 +
$('#back-top a').click(function () {
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
});
 +
 +
});
 +
</script>

Revision as of 09:58, 24 September 2014


iGEM IIT Delhi 2014 ==============map ends-->