Team:Beijing BHSF

From 2013hs.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
 
-
<title> </title>
 
-
<style type="text/css">
 
 +
 +
<head>
 +
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 +
<link rel="stylesheet" type="text/css" media="all" href="https://2013hs.igem.org/Team:Beijing_BHSF/css/style.css?action=raw&ctype=text/css" />
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="https://2013hs.igem.org/Team:Beijing_BHSF/js/jquery.min?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2013hs.igem.org/Team:Beijing_BHSF/js/jquery.flexslider.min?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" charset="utf-8">
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "slide"
 +
    });
 +
  });
 +
</script>
 +
</head>
 +
<head>
 +
<style>
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;}
     display:none;}
Line 15: Line 32:
     border: none;}
     border: none;}
 +
#content {
 +
left: 0px;
 +
width: 99%;
 +
}
 +
</style>
 +
<head>
-
#menubar {
+
<body>
-
    font-size: 100%;
+
-
    top: 0px;}
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: white;}
+
-
#menubar li a {
+
-
    color: transparent;}
+
-
#menubar:hover li a {
+
-
    color: white;}
+
-
<head>
+
-
<head>
+
  <div id="header">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
        <div class="header_content">
-
<title>WIKI</title>
+
     
-
<style type="text/css">
+
        <div class="logo"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">BHSF</a> <span>| Best High School Forever</span></div>
-
    body,h1,ul{margin:0;}
+
       
-
    ul li{list-style-type:none;}
+
        <div class="menu">
-
    #header{width:100%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;}
+
            <ul>
-
    h1{padding:10px 0;color:#D74452;}
+
                <li class="selected"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">Home</a></li>
-
    .nav{width:1000px;background:#fff;margin:0px auto 0;border:solid 1px #ccc;zoom:1;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,0.1);color:#D74452;}
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project">Project</a></li>
-
    .nav_scroll{position:fixed;width:100%;margin:0;left:0;top:0;}
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team">Team</a></li>
-
    .nav:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo">Photos</a></li>
-
    .nav ul li{float:left;margin:0 20px;height:30px;line-height:30px;}
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart">Grateful Heart</a></li>
-
    .nav ul li a{cursor:pointer; }
+
            </ul>
-
    .nav ul li a:hover{text-decoration:underline;}
+
        </div>
-
    h2{height:400px;line-height:400px;}
+
       
-
</style>
+
        </div>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
+
  </div><!-- End of Header-->
-
<script type="text/javascript">
+
 
-
    $(document).ready(function(){
+
<div id="wrap">
-
                 var topMain=$("#header").height()+20//是头部的高度加头部与nav导航之间的距离。
+
 
-
                 var nav=$(".nav");
+
  <div class="top_slogan">
-
                $(window).scroll(function(){
+
The phobia of being phlebotomized is WHY we are here!!!!
-
                    if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除。
+
  </div>
-
                        nav.addClass("nav_scroll");
+
 
-
                    }
+
 
-
                    else
+
  <div class="slider">
-
                    {
+
<div class="flexslider">
-
                        nav.removeClass("nav_scroll");
+
    <ul class="slides">
-
                    }
+
            <li><img src="https://static.igem.org/mediawiki/2013hs/1/15/BHSF_TOGETHER.jpg" alt="" title="" border="0"/></a>
-
                });
+
            <div class="flex-caption">
-
   
+
                <p><br><br><br><br><br><br><br><br><br></a></strong></p>
-
        })
+
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
 +
                </div>
 +
            </li>
 +
    <li><img src="https://static.igem.org/mediawiki/2013hs/e/e7/BHSF_HOME_PHOTO1.jpg" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
             
 +
                    <p><br><br><br><br><br><br><br><br><br></a></strong></p>
 +
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
 +
                </div>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/2/22/BHSF_PARTS.png" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
                <p><br><br><br><br><br><br><br><br><br></a></strong></p>
 +
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
 +
                </div>
 +
            </li>
 +
         
 +
    </ul>
 +
  </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="main_content">
 +
 
 +
 
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Our Project</h2>
 +
        <div class="roundimg"><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project" title=""><img src="https://static.igem.org/mediawiki/2013hs/f/fc/BHSF_HOME_PROJECT1.png" alt="" title="" /></a></div>
 +
<br>
 +
        <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project" class="more">read more</a>
 +
        </div>
 +
       
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Our Team</h2>
 +
        <div class="roundimg"><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team" title=""><img src="https://static.igem.org/mediawiki/2013hs/1/1f/BHSF_HOME_TEAM1.png" alt="" title="" /></a></div>
 +
        <br>
 +
        <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team" class="more">read more</a>
 +
        </div>
 +
 
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Grateful Heart</h2>
 +
        <div class="roundimg"><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart" title=""><img src="https://static.igem.org/mediawiki/igem.org/8/8a/BHSF_HOME_APPRI1.png" alt="" title="" /></a></div>
 +
        <Br>
 +
        <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart" class="more">read more</a>
 +
        </div>
 +
         
 +
  </div>
 +
 
 +
  <div class="clear"></div>
 +
 
 +
 
 +
</div>
 +
 
 +
        <div class="footer">
 +
        <div class="footer_content">
 +
           
 +
                <ul class="footer_menu">
 +
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF">Home</a></li>
 +
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project">Project</a></li>
 +
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team">Team</a></li>
 +
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo">Photos</a></li>
 +
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart">Grateful Heart</a></li>
 +
                </ul>
 +
            </div>
 +
           
 +
            <div class="footer_right">
 +
                <ul class="social_icons">
 +
                <li><a href="http://www.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/d/d6/BHSF_IGEMLOGO.png" alt="" title="" /></a></li>
 +
                <li><a href="http://www.bhsf.cn/index.php?id=103"><img src="https://static.igem.org/mediawiki/igem.org/c/cd/BHSF_xiaobiao.png" alt="" title="" /></a></li>
 +
                 <li><a href="http://www.tsinghua.edu.cn/publish/then/index.html"><img src="https://static.igem.org/mediawiki/igem.org/f/f4/BHSF_QINGHUA.jpg" alt="" title="" /></a></li>
 +
                 </ul>
 +
            </div>
 +
          <div class="clear"></div>
 +
          </div>
 +
        </div>
 +
<script type="text/javascript" charset="utf-8">
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "slide"
 +
    });
 +
  });
</script>
</script>
-
</head>
 
-
   
 
-
<body>
 
-
<div id="header"><h1>iGEM BHSF</h1></div><!--header-->
 
-
<div class="nav">
 
-
    <ul>
 
-
        <li><a>HOME</a></li>
 
-
        <li><a>PROJECT</a></li>
 
-
        <li><a>TEAM</a></li>
 
-
        <li><a>PHOTO</a></li>
 
-
        <li><a>SAFETY</a></li>
 
-
        <li><a>ABOUT</a></li>
 
-
    </ul>
 
-
</div><!--nav-->
 
-
<body>
+
 
 +
</body>
 +
 
 +
</html>

Latest revision as of 23:49, 10 November 2013

The phobia of being phlebotomized is WHY we are here!!!!

Our Project


read more

Our Team


read more

Grateful Heart


read more

Retrieved from "http://2013hs.igem.org/Team:Beijing_BHSF"