Team:BNU-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:BNU-China/CSS/main}}
{{Team:BNU-China/CSS/main}}
-
<html>
+
{{Team:BNU-China/head}}
-
<head>
+
<html>
-
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.prettyPhoto.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.jcarousel.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.prettyPhoto.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/carousel.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/ddsmoothmenu.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.aw-showcase.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.masonry.min.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.slickforms.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery.superbgimage.min.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/jquery-1.6.2.min.js?action=raw"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:BNU-China/js/transify.js?action=raw"></script>
+
-
 
+
-
<script type="text/javascript">
+
-
jQuery(document).ready(function($){
+
-
$('.forms').dcSlickForms();
+
-
});
+
-
</script>
+
-
<script type="text/javascript">
+
-
 
+
-
$(document).ready(function()
+
-
{
+
-
$("#showcase").awShowcase(
+
-
{
+
-
content_width: 900,
+
-
content_height: 400,
+
-
auto: true,
+
-
interval: 3000,
+
-
continuous: false,
+
-
arrows: true,
+
-
buttons: true,
+
-
btn_numbers: true,
+
-
keybord_keys: true,
+
-
mousetrace: false, /* Trace x and y coordinates for the mouse */
+
-
pauseonover: true,
+
-
stoponclick: false,
+
-
transition: 'fade', /* hslide/vslide/fade */
+
-
transition_delay: 0,
+
-
transition_speed: 500,
+
-
show_caption: 'onload' /* onload/onhover/show */
+
-
});
+
-
});
+
-
 
+
-
</script>
+
-
</head>
+
-
<body>
+
-
<!-- Fullscreen backgrounds -->
+
-
<div id="thumbs">
+
-
<a href="[[File:bg1.jpg]]">1</a>
+
-
<a href="[[File:bg2.jpg]]">2</a>
+
-
<a href="[[File:bg3.jpg]]">3</a>
+
-
<a href="[[File:bg4.jpg]]">4</a>
+
-
<a href="[[File:bg5.jpg]]">5</a>
+
-
<a href="[[File:bg6.jpg]]">6</a>
+
-
</div>
+
-
<div id="superbgimage">
+
-
<div class="scanlines"></div>
+
-
</div>
+
-
<!-- End Fullscreen backgrounds -->
+
-
<!-- Begin Wrapper -->
+
-
<div id="wrapper">
+
-
  <div id="header">
+
-
    <div class="logo opacity"><a href="index.html"><img src="style/images/logo.png" alt="" /></a></div>
+
-
    <div align="right"><a href="https://2014.igem.org/Main_Page"><img src="IGEMsmall.png" width="45px" height="40px"></a></div>
+
-
  </div>
+
-
  <div class="clear"></div>
+
-
  <!-- Begin Menu -->
+
-
  <div id="menu" class="menu opacity">
+
-
    <ul>
+
-
      <li><a href="index.html">Home</a></li>
+
-
      <li><a href="#">Project</a>
+
-
        <ul>
+
-
        <li><a href="overview.html">Overview</a></li>
+
-
          <li><a href="modeling.html">Modeling</a></li>
+
-
            <li><a href="">...</a></li>
+
-
            <li><a href="">...</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="#">Achievements</a>
+
-
        <ul>
+
-
        <li><a href="results.html">Experiment Results</a></li>
+
-
          <li><a href="parts.html">Submitted Parts</a></li>
+
-
          <li><a href="future.html">The Bright Future</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="safety.html">Safety</a></li>
+
-
      <li><a href="#">Human Practice</a>
+
-
      <ul>
+
-
        <li><a href="collaboration.html">Collaboration</a></li>
+
-
        <li><a href="investigatin.html">Investigation</a></li>
+
-
        <li><a href="others.html">Others</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="#">Our Team</a>
+
-
      <ul>
+
-
        <li><a href="profile.html">Team Profile</a></li>
+
-
            <li><a href="attributions.html">Attributions</a></li>
+
-
            <li><a href="time_axis.html">Time Axis</a></li>
+
-
            <li><a href="acknowledge.html">Acknowledge</a></li>
+
-
    </ul>
+
-
      </li>
+
-
    <br style="clear: left" />
+
-
  </div>
+
-
  <!-- End Menu -->
+
-
 
+
-
  <!-- Begin Container -->
+
-
  <div id="container" class="opacity">
+
-
   
+
     <!-- Begin Showcase -->
     <!-- Begin Showcase -->
     <div id="showcase" class="showcase">  
     <div id="showcase" class="showcase">  
Line 233: Line 125:
       <div class="clear"></div>
       <div class="clear"></div>
     </div>
     </div>
-
  </div>
+
{{Team:BNU-China/foot}}
-
  <!-- End Container -->
+
-
 
+
-
  <div id="copyright" class="opacity">
+
-
    <p>jifiwei jfji jojfodjofd djojdos </p>
+
-
  </div>
+
-
</div>
+
-
<!-- End Wrapper -->
+
-
 
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
 
+
-
// Options for SuperBGImage
+
-
$.fn.superbgimage.options = {
+
-
randomtransition: 2, // 0-none, 1-use random transition (0-7)
+
-
z_index: -1, // z-index for the container
+
-
slideshow: 1, // 0-none, 1-autostart slideshow
+
-
slide_interval: 4000, // interval for the slideshow
+
-
randomimage: 1, // 0-none, 1-random image
+
-
speed: 'slow' // animation speed
+
-
};
+
-
 
+
-
// initialize SuperBGImage
+
-
$('#thumbs').superbgimage().hide();
+
-
 
+
-
});
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* MENU
+
-
/*-----------------------------------------------------------------------------------*/
+
-
 
+
-
ddsmoothmenu.init({
+
-
mainmenuid: "menu",
+
-
orientation: 'h',
+
-
classname: 'menu',
+
-
contentsource: "markup"
+
-
})
+
-
 
+
-
 
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* IMAGE HOVER
+
-
/*-----------------------------------------------------------------------------------*/
+
-
$(function() {
+
-
$('.flickr img, .blog a img, #.container a img, .content a img').css("opacity","1.0");
+
-
$('.flickr img, .blog a img, #container a img, .content a img').hover(function () {  
+
-
$(this).stop().animate({ opacity: 0.75 }, "fast"); },
+
-
function () {
+
-
$(this).stop().animate({ opacity: 1.0 }, "fast");
+
-
});
+
-
});
+
-
 
+
-
 
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* OPACITY
+
-
/*-----------------------------------------------------------------------------------*/
+
-
 
+
-
$('.opacity').transify({opacityOrig:.90, percentHeight:'100%'});
+
-
 
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* PRETTYPHOTO
+
-
/*-----------------------------------------------------------------------------------*/
+
-
 
+
-
$(document).ready(function(){
+
-
$("a[rel^='prettyPhoto']").prettyPhoto({autoplay_slideshow: false, overlay_gallery: false, social_tools:false, deeplinking: false, theme:'pp_default', slideshow:5000});
+
-
});
+
-
 
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* TOGGLE
+
-
/*-----------------------------------------------------------------------------------*/
+
-
$(document).ready(function(){
+
-
//Hide the tooglebox when page load
+
-
$(".togglebox").hide();
+
-
//slide up and down when click over heading 2
+
-
$("h2").click(function(){
+
-
// slide toggle effect set to slow you can set it to fast too.
+
-
$(this).toggleClass("active").next(".togglebox").slideToggle("slow");
+
-
return true;
+
-
});
+
-
});
+
-
 
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* TABS
+
-
/*-----------------------------------------------------------------------------------*/
+
-
$(document).ready(function() {
+
-
//Default Action
+
-
$(".tab_content").hide(); //Hide all content
+
-
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
+
-
$(".tab_content:first").show(); //Show first tab content
+
-
+
-
//On Click Event
+
-
$("ul.tabs li").click(function() {
+
-
$("ul.tabs li").removeClass("active"); //Remove any "active" class
+
-
$(this).addClass("active"); //Add "active" class to selected tab
+
-
$(".tab_content").hide(); //Hide all tab content
+
-
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
+
-
$(activeTab).fadeIn(); //Fade in the active content
+
-
return false;
+
-
});
+
-
 
+
-
});
+
-
 
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* IMAGE HOVER
+
-
/*-----------------------------------------------------------------------------------*/
+
-
$(document).ready(function() {
+
-
        $('.box, .carousel ul li').mouseenter(function(e) {
+
-
 
+
-
            $(this).children('a').children('span').fadeIn(200);
+
-
        }).mouseleave(function(e) {
+
-
 
+
-
            $(this).children('a').children('span').fadeOut(200);
+
-
        });
+
-
    });
+
-
 
+
-
</script>
+
-
</body>
+
</html>
</html>

Revision as of 13:15, 16 July 2014

1 2
1
2
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
3
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
4
4
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Aenean fringilla aliquam est, a porttitor arcu euismod et. Maecenas rutrum erat at arcu porta interdum. Cras convallis ligula ac risus imperdiet placerat.

What We Do

Vivamus sodales pharetra libero, a tincidunt nisi condimentum a. Quisque non sodales nislero. Integer a tellus eget arcu fringilla molestie quis vel eros. Praesent fermentum vulputate purusa ornare. Vivamus imperdiet, quam et adipiscing placerat, nibh odio scelerisque risus, vitaere accumsan mi justo et quam. Pellentesque quis felis quis tortor porttitor lobortis nec ac risus.

  • Vivamus at magna non ipsum.
  • Etiam pharetra pretium eros.
  • Curabitur porttitor ipsum nec magna.
  • Maecenas cursus arcu a nulla tristique.




Web Design

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.


Photography

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.


Motion Graphic

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.


Optimization

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.

Latest Works

{{Team:BNU-China/foot}}

Retrieved from "http://2014.igem.org/Team:BNU-China"