Team:Beijing BHSF

From 2013hs.igem.org

(Difference between revisions)
 
(42 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;
-
#menubar {
+
width: 99%;
-
    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>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<title>Home</title>
+
-
<style>
+
-
body,div,ul,li{margin:0;padding:0;}
+
-
body{height:2000px;background:#F0F0F0;}
+
-
li{list-style:none;}
+
-
a:link,a:visited{outline:none;text-decoration:none;}
+
-
#wrap{width:100%;position:fixed;top:0;}
+
-
#topBar{
+
-
color:#CCC;
+
-
height:auto;
+
-
background:#06F;
+
-
overflow:hidden;
+
-
text-align:center;
+
-
font-family: Arial;
+
-
font-size: 50px;
+
-
line-height: 60px;
+
}
}
-
#topBar a{color:#FFF;background:#7A7A7A;padding:2px 5px;border-radius:10px;}
 
-
#nav{height:50px;overflow:hidden;border-top:1px solid #999;border-bottom::1px solid #666;background:#000 url(http://www.alixixi.com/web/UploadPic/2011-12/2011122131216590.png) repeat-x;}
 
-
#nav .logo{float:left;margin:0 20px;}
 
-
#nav .logo a{float:left;width:100px;height:50px;overflow:hidden;text-indent:-9999px;background:url(http://farm1.static.flickr.com/84/248311926_cefff0d5c1.jpg) no-repeat;}
 
-
#nav .logo a:hover{background-position:0 -50px;}
 
-
#nav.hide .logo a{width:100px;height:30px;background-position:0 -100px;_background-position:0 -130px;}
 
-
#nav.hide .logo a:hover{background-position:0 -130px;}
 
-
#nav ul,#nav ul li{float:left;}
 
-
#nav ul li a{float:left;color:#CCC;height:50px;font:16px/50px Arial;padding:0 20px;}
 
-
#nav ul li a:hover{color:#FFF;background:url(http://www.alixixi.com/web/UploadPic/2011-12/2011122131216590.png) 0 -50px repeat-x;}
 
-
#nav.hide ul{display:none;}
 
</style>
</style>
-
<script>
+
<head>
-
var fgm = {
+
 
-
shit: !-[1,] && !window.XMLHttpRequest,
+
 
-
scrollTop: function() {
+
-
  return document.documentElement.scrollTop || document.body.scrollTop;
+
-
},
+
-
currentStyle: function(obj, attr) {
+
-
  return parseInt(obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, null)[attr]);
+
-
},
+
-
fixed: function(element) {
+
-
  if(this.shit) {
+
-
  var top = this.currentStyle(element, "top") || 0,
+
-
  dd = "(document.documentElement)";
+
-
  document.documentElement.style.textOverflow = "ellipsis";
+
-
  element.style.position = "absolute";
+
-
  element.style.setExpression("top", "eval(" + dd + ".scrollTop + " + (top - this.scrollTop()) + ') + "px"');
+
-
  }
+
-
  else {
+
-
  element.style.position = "fixed";
+
-
  }
+
-
},
+
-
doMove: function(obj, iTarget, callback) {
+
-
  clearInterval(obj.timer);
+
-
  obj.timer = setInterval(function() {
+
-
  var iCur = fgm.currentStyle(obj, "height"),
+
-
  iSpeed = (iTarget - iCur) / 5;
+
-
  iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
+
-
  iTarget == iCur ? (clearInterval(obj.timer), callback && callback.call(obj)) : obj.style.height = iSpeed + iCur + "px";
+
-
  }, 30); 
+
-
}
+
-
};
+
-
window.onload = function() {
+
-
var oWrap = document.getElementById("wrap"),
+
-
oTopBar = document.getElementById("topBar"),
+
-
oNav = document.getElementById("nav"),
+
-
fnStatus = function(status) {
+
-
  !!status ?
+
-
  (function() {
+
-
  oNav.className = "hide";
+
-
  fgm.doMove(oTopBar, 0);
+
-
  fgm.doMove(oNav, 30);
+
-
  })() :
+
-
  (function() {
+
-
  fgm.doMove(oTopBar, 60);
+
-
  fgm.doMove(oNav, 50, function() {
+
-
    this.className = "" ;
+
-
  })
+
-
  })();
+
-
};
+
-
fgm.fixed(oWrap);//IE6 Fixed
+
-
window.onscroll = function() {
+
-
  var iScrollTop = fgm.scrollTop();
+
-
  fnStatus(iScrollTop > 0);
+
-
  document.onmouseover = function(ev) {
+
-
  var oEv = ev || event,
+
-
  oTarget = oEv.target || oEv.srcElement,
+
-
  contains = function() {
+
-
    if(oWrap.contains) {
+
-
    return oWrap.contains(oTarget);
+
-
    }
+
-
    else if(oWrap.compareDocumentPosition) {
+
-
    return !!(oWrap.compareDocumentPosition(oTarget) & 16);
+
-
    }
+
-
  }();
+
-
  fnStatus(!contains && iScrollTop > 0);
+
-
  };
+
-
};
+
-
window.onscroll();
+
-
};
+
-
</script>
+
-
</head>
+
<body>
<body>
 +
 +
  <div id="header">
 +
        <div class="header_content">
 +
     
 +
        <div class="logo"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">BHSF</a> <span>| Best High School Forever</span></div>
 +
       
 +
        <div class="menu">
 +
            <ul>
 +
                <li class="selected"><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>
 +
  </div><!-- End of Header-->
 +
<div id="wrap">
<div id="wrap">
-
    <div id="topBar">
+
 
-
    2013 BHSF iGem
+
  <div class="top_slogan">
-
    </div>
+
The phobia of being phlebotomized is WHY we are here!!!!
-
    <!--/topBar-->
+
  </div>
-
<div id="nav">
+
 
-
        <div class="logo"><a href="javascript:;">2013 BHSF iGem</a></div>
+
 
-
        <ul>
+
  <div class="slider">
-
            <li><a href="javascript:;">Home</a></li>
+
<div class="flexslider">
-
             <li><a href="javascript:;">Ideas</a></li>
+
    <ul class="slides">
-
             <li><a href="javascript:;">Members</a></li>
+
            <li><img src="https://static.igem.org/mediawiki/2013hs/1/15/BHSF_TOGETHER.jpg" alt="" title="" border="0"/></a>
-
            <li><a href="javascript:;">Photo</a></li>
+
            <div class="flex-caption">
-
            <li><a href="javascript:;">About</a></li>
+
                <p><br><br><br><br><br><br><br><br><br></a></strong></p>
-
         </ul>
+
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
-
  </div>
+
                </div>
-
    <!--/nav-->
+
            </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>
-
<!--/wrap-->
+
 
 +
        <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>
 +
 
 +
 
</body>
</body>
 +
</html>
</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