Team:Beijing BHSF

From 2013hs.igem.org

(Difference between revisions)
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" />
 +
<meta name="author" content="CSSTemplatesMarket" />
 +
<meta name="description" content="Responsive Html CSS Template" />
 +
<meta name="keywords" content="css templates market, free css templates, premium css templates, buy css template, free responsive css template" />
 +
<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 14: Line 34:
     padding: 0;
     padding: 0;
     border: none;}
     border: none;}
-
#content {
 
 +
#content {
left: 0px;
left: 0px;
-
width: 98%;
+
width: 99%;
-
background-color: #6CF;
+
}
}
 +
</style>
 +
<head>
-
#menubar {
+
<body>
-
    font-size: 100%;
+
 
-
    top: 0px;}
+
  <div id="header">
-
.left-menu:hover {
+
        <div class="header_content">
-
    background-color: transparent;}
+
     
-
#menubar li a {
+
        <div class="logo"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">BHSF</a> <span>| Best High School Forever</span></div>
-
    background-color: transparent;}
+
       
-
#menubar:hover {
+
        <div class="menu">
-
    color: white;}
+
            <ul>
-
#menubar li a {
+
                <li class="selected"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">Home</a></li>
-
    color: transparent;}
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project">Project</a></li>
-
#menubar:hover li a {
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team">Team</a></li>
-
     color: white;}
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo">Photos</a></li>
-
<head>
+
                <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 class="top_slogan">
 +
The phobia of being phlebotomized is WHY we are here!!!!
 +
  </div>
 +
 
 +
 
 +
  <div class="slider">
 +
<div class="flexslider">
 +
    <ul class="slides">
 +
    <li><a href="page.html"><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><a href="page.html"><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>
 +
            <li><a href="page.html"><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>
 +
    </ul>
 +
  </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="main_content">
 +
 
 +
 
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Our Project</h2>
 +
        <div class="roundimg"><a href="#" title=""><img src="https://static.igem.org/mediawiki/2013hs/f/fc/BHSF_HOME_PROJECT1.png" alt="" title="" /></a></div>
 +
        <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="#" title=""><img src="https://static.igem.org/mediawiki/2013hs/1/1f/BHSF_HOME_TEAM1.png" alt="" title="" /></a></div>
 +
       
 +
        <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="#" title=""><img src="https://static.igem.org/mediawiki/igem.org/8/8a/BHSF_HOME_APPRI1.png" alt="" title="" /></a></div>
 +
       
 +
        <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>
 +
 
 +
 
 +
</body>
 +
 
 +
</html>
 +
 
 +
<html>
 +
 
<head>
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>WIKI</title>
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-
<style type="text/css">
+
<meta name="author" content="CSSTemplatesMarket" />
-
    body,h1,ul{
+
<meta name="description" content="Responsive Html CSS Template" />
-
margin:0;
+
<meta name="keywords" content="css templates market, free css templates, premium css templates, buy css template, free responsive css template" />
-
}
+
<link rel="stylesheet" type="text/css" media="all" href="https://2013hs.igem.org/Team:Beijing_BHSF/css/style.css?action=raw&ctype=text/css" />
-
    ul li{list-style-type:none;}
+
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
-
    #header{width:100%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;}
+
<script type="text/javascript" src="https://2013hs.igem.org/Team:Beijing_BHSF/js/jquery.min?action=raw&ctype=text/javascript"></script>
-
.sign {
+
<script type="text/javascript" src="https://2013hs.igem.org/Team:Beijing_BHSF/js/jquery.flexslider.min?action=raw&ctype=text/javascript"></script>
-
font-family: Verdana, Geneva, sans-serif;
+
<script type="text/javascript" charset="utf-8">
-
font-size: 36px;
+
var $ = jQuery.noConflict();
-
color: #000;
+
  $(window).load(function() {
-
}
+
    $('.flexslider').flexslider({
-
    h1{padding:10px 0;color:#D74452;}
+
          animation: "slide"
-
    .nav{width:100%;background:#D74452;margin:20px auto 0;border:solid 1px #ccc;zoom:1;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,0.1);color:#D74452;}
+
    });
-
    .nav_scroll{position:fixed;width:100%;margin:0;left:0;top:0;}
+
  });
-
    .nav:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
+
-
    .nav ul li{float:left;margin:0 20px;height:30px;line-height:30px;}
+
-
    .nav ul li a{cursor:pointer; }
+
-
    .nav ul li a:hover{text-decoration:underline;}
+
-
    h2{height:400px;line-height:400px;}
+
-
</style>
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
+
-
<script type="text/javascript">
+
-
    $(document).ready(function(){
+
-
                var topMain=$("#header").height()+20//是头部的高度加头部与nav导航之间的距离。
+
-
                var nav=$(".nav");
+
-
                $(window).scroll(function(){
+
-
                    if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除。
+
-
                        nav.addClass("nav_scroll");
+
-
                    }
+
-
                    else
+
-
                    {
+
-
                        nav.removeClass("nav_scroll");
+
-
                    }
+
-
                });
+
-
   
+
-
        })
+
</script>
</script>
</head>
</head>
-
   
+
<head>
 +
<style>
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
 
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
 
 +
#content {
 +
left: 0px;
 +
width: 99%;
 +
}
 +
</style>
 +
<head>
 +
 
 +
 
<body>
<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-->
 
-
<br/>
 
-
<table width="100%" border="0" cellpadding="0">
+
  <div id="header">
-
  <tr>
+
        <div class="header_content">
-
    <td><th bgcolor="#66CCFF" class="sign"> Description </th></td>
+
     
-
  </tr>
+
        <div class="logo"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">BHSF</a> <span>| Best High School Forever</span></div>
-
</table>
+
       
-
<br/>
+
        <div class="menu">
-
PROJECT DISCRIPTION COMING SOON......
+
            <ul>
-
<br/>
+
                <li class="selected"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">Home</a></li>
-
<br/>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project">Project</a></li>
-
<br/>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team">Team</a></li>
-
<br/>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo">Photos</a></li>
-
<br/>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart">Grateful Heart</a></li>
-
<br/>
+
            </ul>
-
<br/>
+
        </div>
-
<br/>
+
       
-
<br/>
+
        </div>  
-
<br/>
+
  </div><!-- End of Header-->
-
<br/>
+
 
-
<br/>
+
<div id="wrap">
-
<br/>
+
 
-
<br/>
+
  <div class="top_slogan">
-
<br/>
+
The phobia of being phlebotomized is WHY we are here!!!!
-
<br/>
+
  </div>
-
<br/>
+
 
-
<br/>
+
 
-
<br/>
+
  <div class="slider">
-
<br/>
+
<div class="flexslider">
-
<br/>
+
    <ul class="slides">
-
<br/>
+
    <li><a href="page.html"><img src="https://static.igem.org/mediawiki/2013hs/e/e7/BHSF_HOME_PHOTO1.jpg" alt="" title="" border="0"/></a>
-
<br/>
+
            <div class="flex-caption">
-
<br/>
+
             
-
<br/>
+
                    <p><br><br><br><br><br><br><br><br><br></a></strong></p>
-
<br/>
+
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
-
<br/>
+
                </div>
-
<br/>
+
            </li>
-
<br/>
+
            <li><a href="page.html"><img src="https://static.igem.org/mediawiki/2013hs/2/22/BHSF_PARTS.png" alt="" title="" border="0"/></a>
-
<br/>
+
            <div class="flex-caption">
-
<br/>
+
                <p><br><br><br><br><br><br><br><br><br></a></strong></p>
-
<br/>
+
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
-
<br/>
+
                </div>
-
<br/>
+
            </li>
-
<br/>
+
            <li><a href="page.html"><img src="https://static.igem.org/mediawiki/2013hs/1/15/BHSF_TOGETHER.jpg" alt="" title="" border="0"/></a>
-
<br/>
+
            <div class="flex-caption">
-
<br/>
+
                <p><br><br><br><br><br><br><br><br><br></a></strong></p>  
-
<br/>
+
                    <a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo" class="slider_button">View Portfolio</a>
-
<br/>
+
                </div>
-
<br/>
+
            </li>
-
<br/>
+
    </ul>
-
<br/>
+
  </div>
-
<br/>
+
  </div>
-
<br/>
+
 
-
<br/>
+
 
-
<br/>
+
  <div class="main_content">
-
<br/>
+
 
-
<br/>
+
 
-
<br/>
+
  <div class="section_one_three">
-
<br/>
+
        <h2 class="centered_title">Our Project</h2>
-
<br/>
+
        <div class="roundimg"><a href="#" 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="#" title=""><img src="https://static.igem.org/mediawiki/2013hs/1/1f/BHSF_HOME_TEAM1.png" alt="" title="" /></a></div>
 +
       
 +
        <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="#" title=""><img src="https://static.igem.org/mediawiki/igem.org/8/8a/BHSF_HOME_APPRI1.png" alt="" title="" /></a></div>
 +
       
 +
        <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>
 +
 
 +
 
</body>
</body>
 +
</html>
</html>

Revision as of 08:51, 21 June 2013

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

Our Project

read more

Our Team

read more

Grateful Heart

read more

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"