Difference between revisions of "Team:Tsinghua-A"

Line 17: Line 17:
 
         <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">     
 
         <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">     
 
         <script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
 +
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/style_css" media="screen">
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/nivo_slider_css" media="screen">
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_easing"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_nivo"></script>
 +
<script type="text/javascript">
 +
//Slider
 +
jQuery(window).load(function() {
 +
jQuery('#slider').nivoSlider({
 +
effect: 'fold',
 +
slices:15,
 +
animSpeed:500, //Slide transition speed
 +
pauseTime:5000,
 +
controlNav: false,
 +
directionNavHide: false,
 +
prevText: 'prev',
 +
nextText: 'next',
 +
startSlide:0, //Set starting Slide (0 index)
 +
directionNav:true, //Next &amp; Prev
 +
afterLoad: function(){
 +
jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
 +
},
 +
beforeChange: function(){
 +
jQuery(".nivo-caption").animate({top:"-300"}, {easing:"easeInBack", duration: 500})
 +
},
 +
afterChange: function(){
 +
jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
 +
}
 +
});
 +
 +
});
 +
 +
</script>
 +
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<div id="slider-container">
  
 +
<div id="slider" class="nivoSlider">
 +
<img title="#htmlcaption1" alt="" src="images/slider1.jpg">
 +
<img title="#htmlcaption2" alt="" src="images/slider2.jpg">
 +
<img title="#htmlcaption3" alt="" src="images/slider3.jpg">
 +
<img title="#htmlcaption4" alt="" src="images/slider4.jpg">
 +
</div><!-- #slider -->
 +
 +
<div id="htmlcaption1" class="nivo-html-caption">
 +
<span class="sdate">December 01, 2011</span>
 +
<h1>Let´s create your company growth faster...</h1>
 +
<hr>
 +
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
 +
</div>
 +
 +
<div id="htmlcaption2" class="nivo-html-caption">
 +
<span class="sdate">December 05, 2011</span>
 +
<h1>We can help to solve your company problem...</h1>
 +
<hr>
 +
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
 +
</div>
 +
 +
<div id="htmlcaption3" class="nivo-html-caption">
 +
<span class="sdate">December 07, 2011</span>
 +
<h1>We always smile to help you...</h1>
 +
<hr>
 +
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
 +
</div>
 +
 +
<div id="htmlcaption4" class="nivo-html-caption">
 +
<span class="sdate">December 07, 2011</span>
 +
<h1>Discover the places you´ve never been before...</h1>
 +
<hr>
 +
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
 +
</div>
 +
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:40, 29 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
TSINGHUA-A IGEM
December 01, 2011

Let´s create your company growth faster...

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus.

December 05, 2011

We can help to solve your company problem...

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus.

December 07, 2011

We always smile to help you...

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus.

December 07, 2011

Discover the places you´ve never been before...

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus.