Team:Sheffield/tmp

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:Sheffield/NavigationBar}}
{{Team:Sheffield/NavigationBar}}
<html>
<html>
-
  <head>
+
<head>
-
    <title></title>
+
<title></title>
-
 
+
<link href="https://2014.igem.org/Team:Sheffield/Template:homebootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
-
    <!-- Bootstrap -->
+
<!------ commn-js files ----->
-
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
+
<script src="https://2014.igem.org/Team:Sheffield/Template:homejquery.min.js?action=raw&ctype=text/javascript"> </script>
-
 
+
<!------ commn-js files ----->
-
 
+
<!----- theme-style ----->
-
  </head>
+
<link href="https://2014.igem.org/Team:Sheffield/Template:homestyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
-
  <body>
+
<!----- theme-style ----->
-
 
+
</head>
-
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
<body>
-
    <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="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
-
 
+
<!----start-slider-script---->
-
<!--   THE TOP HAS ENDED. THE REST OF THE PAGE BEGINS.  -->
+
<script src="https://2014.igem.org/Team:Sheffield/Template:homeresponsiveslides.min.js?action=raw&ctype=text/javascript"></script>
-
<br><br>
+
<script>
-
<div class="container-fluid" style="padding-left:0px; padding-right:0px;">
+
    // You can also use "$(window).load(function() {"
-
<div id="IntroCarousel" class="carousel slide" style="margin-top:30px;">
+
    $(function () {
-
+
      // Slideshow 4
-
<ol class="carousel-indicators">
+
      $("#slider4").responsiveSlides({
-
<li data-target="#IntroCarousel" data-slide-to="0" class="active"></li>
+
        auto: true,
-
<li data-target="#IntroCarousel" data-slide-to="1"></li>
+
        pager: true,
-
<li data-target="#IntroCarousel" data-slide-to="2"></li>
+
        nav: true,
-
<li data-target="#IntroCarousel" data-slide-to="3"></li>
+
        speed: 500,
-
</ol>
+
        namespace: "callbacks",
-
+
        before: function () {
-
<div class="carousel-inner">
+
          $('.events').append("<li>before event fired.</li>");
-
+
        },
-
<div class="item active">
+
        after: function () {
-
<img src="https://static.igem.org/mediawiki/2014/6/6c/SheffieldHome4.jpg" class="img-responsive visible-lg visible-md" style="width:100%; height:29em;">
+
          $('.events').append("<li>after event fired.</li>");
-
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
+
        }
-
<h2>Introduction</h2>
+
      });
-
<p style="font-size:150%">We are a team of 8 undergraduate students from the University of Sheffield participating in a global synthetic biology competition. Our project focuses on improving wastewater treatment systems using engineered bacteria, particularly focusing on the breakdown of fat accumulations within the drainage and sewage systems.</p><br>
+
-
</div>
+
-
</div>
+
-
<div class="item">
+
    });
-
<img src="https://static.igem.org/mediawiki/2014/c/ca/SheffieldHome5.JPG" class="img-responsive" style="width:100%; height:29em;">
+
  </script>
-
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
+
<!----//End-slider-script---->
-
<h2>Team</h2>
+
<!-- Slideshow 4 -->
-
<p style="font-size:150%">bla bla bla</p><br>
+
    <div id="top" class="callbacks_container">
-
</div>
+
      <ul class="rslides" id="slider4">
-
</div>
+
        <li>
-
<div class="item">
+
          <img src="https://static.igem.org/mediawiki/2014/6/6c/SheffieldHome4.jpg" talt="">
-
<img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldHome6.jpg" class="img-responsive" style="width:100%; height:29em;">
+
<div class="caption bounceInDown" data-wow-delay="0.4s">
-
<div class="carousel-caption visible-lg visible-md" style="margin-bottom:30px;">
+
          <div class="slide-text-info">
-
<h2>Fatburglar</h2>
+
          <h1>welcome to our marketplace</h1>
-
<p style="font-size:150%"></p><br>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
-
 
+
          <div class="slide-btns">
-
</div>
+
          <a class="startnow" href="#">VIWE MORE</a>
-
</div>
+
          <a class="livedemo" href="#">VIDEO TOUR</a>
-
 
+
          </div>
-
</div>
+
          </div>
 +
          </div>
 +
        </li>
 +
        <li>
 +
          <img src="https://static.igem.org/mediawiki/2014/c/ca/SheffieldHome5.JPG" alt="">
 +
        <div class="caption">
 +
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 +
          <h1>welcome to our marketplace</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">VIWE MORE</a>
 +
          <a class="livedemo" href="#">VIDEO TOUR</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
        <li>
 +
          <img src="https://static.igem.org/mediawiki/2014/4/4c/SheffieldHome6.jpg" alt="">
 +
          <div class="caption">
 +
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 +
          <h1>welcome to our marketplace</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">VIWE MORE</a>
 +
          <a class="livedemo" href="#">VIDEO TOUR</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
      </ul>
 +
    </div>        
 +
    <div class="clearfix"> </div>
 +
<!----- //End-slider---->
-
<a class="carousel-control left" href="#IntroCarousel" data-slide="prev">
+
</body>
-
<span class="icon-prev"></span>
+
</html>
-
</a>
+
-
<a class="carousel-control right" href="#IntroCarousel" data-slide="next">
+
-
<span class="icon-next"></span>
+
-
</a>
+
-
</div></div>
+
-
<br>
+
-
<div class="container visible-xs visible-sm">
+
-
 
+
-
</div>
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 00:52, 18 October 2014

  • welcome to our marketplace

    Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...

  • welcome to our marketplace

    Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...

  • welcome to our marketplace

    Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...