Team:SUSTC-Shenzhen-B/team.html

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" /> <style> * { ...")
 
(45 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
+
                <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
-
<style>
+
                <script type="text/javascript" src="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/JS/bootstrap.min.js?action=raw&amp;ctype=text/javascript"></script>
-
* {
+
                <link type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/CSS/style.css?action=raw&amp;ctype=text/css" />
-
margin: 0;
+
<link type="text/css" rel="stylesheet" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/bootstrap.min.css?action=raw&amp;ctype=text/css" />
-
padding: 0;
+
<link type="text/css" rel="stylesheet" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/bootstrap-responsive.min.css?action=raw&amp;ctype=text/css" />
-
}
+
<style type="text/css">
-
html, body {
+
                    body {
-
height: 100%;
+
                    background: black;
-
}
+
                    }
-
#top_section {
+
                    .item {
-
background: black no-repeat 50% 0;
+
                    height: 100%;  
-
height: 100%;  
+
                    width: 100%;
-
overflow: hidden;
+
                    }
-
}
+
                    .item p {
-
ul li {
+
                    font-size: 1.2em;  
-
display: inline-block;
+
                    text-indent: 2em;  
-
padding: 15px;
+
                    padding-top: 2%;
-
}
+
                    }
-
ul li a {
+
                    .small {
-
text-decoration: none;
+
 
-
color: white;
+
                    }
-
font-size: big;
+
-
}
+
</style>
</style>
-
<script>
+
<script>
$(document).ready(function(){
$(document).ready(function(){
                         $("head style").remove();
                         $("head style").remove();
Line 34: Line 32:
                         $("#footer-box").remove();   
                         $("#footer-box").remove();   
                         $(".printfooter").remove();     
                         $(".printfooter").remove();     
-
                         $(".firstHeading").remove();                
+
                         $(".firstHeading").remove();  
-
                         var menu = document.getElementById('menu');
+
                         $('.carousel').carousel('pause');              
-
var init = menu.offsetTop;
+
-
var docked;
+
-
                        alert("1");
+
-
window.onscroll = function () {
+
-
                            /*if (!docked && (menu.offsetTop - scrollTop() < 0)) {
+
-
  menu.style.top = 0;
+
-
  menu.style.position = 'fixed';
+
-
  menu.className = 'docked';
+
-
  docked = true;
+
-
                        alert("2");
+
-
                            }
+
-
                            else if (docked && scrollTop() <= init) {
+
-
  menu.style.position = 'absolute';
+
-
  menu.style.top = init + 'px';
+
-
  menu.className = menu.className.replace('docked', '');
+
-
  docked = false;
+
-
                            }*/
+
-
};
+
-
function scrollTop() {
+
-
return document.body.scrollTop || document.documentElement.scrollTop;
+
-
}
+
});
});
</script>
</script>
</head>
</head>
-
<body style="background: black;">
+
<body>
-
<div id="top_section" style="color: white; margin:0px">
+
<div class="navbar navbar-inverse navbar-fixed-top">
-
<div class="text-center" style="width:50%; line-height: 1; position: relative; left: 25%; top: 10%; padding: 20px">
+
  <div class="navbar-inner">
-
<img src="img/logo.png" style="width: 35%; padding-bottom: 5%;" />
+
    <div class="container">
-
<h1 style="font-size: 80px; margin-bottom: 5%;">Biomiao</h1>
+
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-
<p>Welcome to the wiki of SUSTC-Shenzhen B! This is the second year that SUSTC takes part in the iGEM. In our wiki, you can learn every aspect of our project: the software itself, team menbers, human pracrice, and notebook is also included.</p>
+
        <span class="icon-bar"></span>
-
<a href="" class="btn btn-success">Go To Biomiao</a>
+
        <span class="icon-bar"></span>
-
<p>Or</p>
+
        <span class="icon-bar"></span>
-
<h2>Move down to see more...</h2>
+
      </a>
-
</div>
+
      <ul class="nav">
 +
  <li class="dropdown"><a id="iGEM_nav" href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="https://static.igem.org/mediawiki/2013/2/26/2013ustcigem_IGEM_basic_Logo.png" /><b class="caret"></b></a>
 +
    <ul class="dropdown-menu">
 +
                                                        <li><a href="2013.igem.org">Back to iGEM Homepage</a></li>
 +
                                                        <li><a href="https://igem.org/Team_Wikis?year=2013">Back to iGEM Wiki Page</a></li>
 +
                                                        <li class="divider"></li>
 +
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/team.html&amp;action=edit">Edit</a></li>
 +
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/team.html&amp;action=history">History</a></li>
 +
                                                        <li><a href="https://igem.org/User_Information">My Account</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
      <div class="nav-collapse collapse">
 +
      <ul class="nav">
 +
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                          <li><a href="project.html">Overview</a></li>
 +
                          <li><a href="circuit.html">Circuit Registry</a></li>
 +
                          <li><a href="lgd.html">LGD</a></li>
 +
                          <li><a href="clotho.html">Clotho</a></li>
 +
                                                                                <li><a href="tutorial.html">Tutorial</a></li>
 +
                          <li><a href="safty.html">Safety Form</a></li>
 +
                          <li><a href="technique.html">Technique Standard</a></li>
 +
                                                                                <li><a href="future.html">Future Plan</a></li>
 +
                          <li><a href="feedback.html">Feedback</a></li>
 +
                                                                    </ul>
 +
                                                        </li>
 +
                                                        <li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                          <li><a href="team.html">Team Member</a></li>
 +
                          <li><a href="sustc.html">About SUSTC</a></li>
 +
                          <li><a href="notebook.html">Notebook</a></li>
 +
                          <li><a href="thank.html">Special Thanks</a></li>
 +
                                                                    </ul>
 +
                                                        </li>
 +
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                          <li><a href="meeting.html">Exchange Meeting</a></li>
 +
                          <li><a href="publicity.html">Publicity</a></li>
 +
                          <li><a href="lecture.html">Lecture</a></li>
 +
                                                                    </ul>
 +
                                                        </li>
 +
</ul>
 +
      </div>
 +
    </div>
 +
  </div>
</div>
</div>
-
<div id="menu" style="width:100%; background: rgba(0,0,0,1); position: relative; top: -60px; height:50px; z-index: 1000;";>
+
<div style="height:100%;width:100%;">
-
<ul style="list-style-type: none; float: right;">
+
<div id="myCarousel" class="carousel slide" style="height: 100%; width: 100%;">
-
<li><a href="#project">Project</a></li>
+
<ol class="carousel-indicators" style="top: 95%; right: 40%;">
-
<li><a href="#team">Team</a></li>
+
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-
<li><a href="#human">Human Practice</a></li>
+
    <li data-target="#myCarousel" data-slide-to="1"></li>
-
<li><a href="#notebook">Notebook</a></li>
+
    <li data-target="#myCarousel" data-slide-to="2"></li>
-
</ul>
+
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
    <li data-target="#myCarousel" data-slide-to="4"></li>
 +
    <li data-target="#myCarousel" data-slide-to="5"></li>
 +
    <li data-target="#myCarousel" data-slide-to="6"></li>
 +
    <li data-target="#myCarousel" data-slide-to="7"></li>
 +
    <li data-target="#myCarousel" data-slide-to="8"></li>
 +
    <li data-target="#myCarousel" data-slide-to="9"></li>
 +
    <li data-target="#myCarousel" data-slide-to="10"></li>
 +
    <li data-target="#myCarousel" data-slide-to="11"></li>
 +
    <li data-target="#myCarousel" data-slide-to="12"></li>
 +
    <li data-target="#myCarousel" data-slide-to="13"></li>
 +
  </ol>
 +
  <!-- Carousel items -->
 +
  <div class="carousel-inner" style="height: 100%; width: 100%;">
 +
    <div class="active item" style="background: url(https://static.igem.org/mediawiki/2013/c/c5/SUSTC-Bteam.jpg) 50% 24%; height: 100%; width: 100%;"><div style="padding: 15px; border-radius: 5px; background: rgba(1,1,1,.7); position: relative;
 +
top: 80%;
 +
left: 40%;
 +
padding: 15px;
 +
width: 250px; color:white; font-size: large;">We are sophomores of SUSTC</div></div>
 +
    <div class="item">
 +
    <div class="container" style="margin-top: 12%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/igem.org/f/f8/SUSTC-Bzhuxiaodan.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%;">
 +
    <h3  style="display: inline;">Xiaodan Zhu</h3><p style="font-size: small; padding-left: 3%; display: inline;">Captain</p>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">My name is Zhu xiaodan, I like play basketball very much. Though I am not tall enough, my Superb skill makes up my shortage. What’ more, sometimes, I will play CF to relax myself. I’m the leader of our team, so my teammates always call me Zhu Boss.</p>
 +
                                                <p>Contribution: He is the team leader. He takes charge of the LGD and circuitlist.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    <div class="item">
 +
    <div class="container" style="margin-top: 12%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/igem.org/7/71/SUSTC-Bnizhuangdian.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%;">
 +
    <h3  style="display: inline;">Zhuangdian Ni</h3><p style="font-size: small; padding-left: 3%; display: inline;"></p>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">You can call me DianDian. My interest is eat delicious food.I devote myself to taste cate around the world. Except eating ,I also like to sleep. Maybe because I know how to enjoy life, I also know appreciate the beauty. Yes, I am the artist in our group~</p>
 +
                                                <p>Contribution: He is our artdirector. He has designed the logo and many pictures for our software. He has also contribute his share to our database.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item" style="background: url(https://static.igem.org/mediawiki/igem.org/5/5b/SUSTC-Bzhouliqun.jpg) no-repeat 100% 60%;">
 +
    <div class="container" style="padding-top: 14%; color: white;">
 +
    <div class="span6" style="padding: 1.2%; background: rgba(0,0,0,.75); border-radius: 5px;">
 +
    <h3>Liqun Zhou</h3>
 +
    <p>Hi, I'm Zhou LiQun.In most of the time,i'd like work alone.When my teammates had a fierce debate,i often keep silent.Though i didn't like to talk more , it doesn't influence me push our team ahead.During the work ,i 'm a workaholic, but when our team take activities,i'm
 +
one of the most vivid one!It is me, a boy both quiet and lively!</p>
 +
                                                <p>Contribution: He is responsible for the daemon, and has programed our clotho app.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                       
 +
                        <div class="item" style="background: url(https://static.igem.org/mediawiki/igem.org/5/59/SUSTC-Bhehuiyu.jpg) 0% 60%;">
 +
    <div class="container" style="padding-top: 14%; margin-left: 35%;color: white;">
 +
    <div class="span6" style="padding: 1.2%; background: rgba(0,0,0,.75); border-radius: 5px;">
 +
    <h3>Huiyu He</h3>
 +
    <p>I'm Huiyu He. To get a better understand of Synthetic Biology and exchange ideas with students from other countries, I joined this iGEM team. I coded for a whole summer with other people in the team to develop Biomiao website. I am also in charge of the wiki. I acquired many skills during the whole game and got some thoughts about team working. But the whole summer's sitting against the computer made me a little over weight (TAT), and semms that I have to exercise a lot...</p>
 +
                                                <p>Contribution: He is responsible for the mindroad . He is also our wiki mastermind.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item" style="background: url(https://static.igem.org/mediawiki/igem.org/5/54/SUSTC-Bwusisi.jpg) 0% 60%;">
 +
    <div class="container" style="padding-top: 14%; margin-left: 5%;color: white;">
 +
    <div class="span6" style="padding: 1.2%; background: rgba(0,0,0,.75); border-radius: 5px;">
 +
    <h3>Sisi Wu</h3>
 +
    <p>I am considered to be ‘fun.’ I believe that we are way more productive when we are working with people with which we enjoy spending time. When the situation gets tough with a customer, a touch of humor can save the day.</p>
 +
                                                <p>Contribution: She is our copy director, and has also selected data for our database.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    <div class="item" style="height: 100%; width: 100%;">
 +
    <div class="container" style="margin-top: 3%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/2013/4/48/SUSTC-BWangLingJue.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%">
 +
    <h3>Lingjue Wang</h3>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">Hi, everyone! I am Lingjue Wang. Like all of my teammates, I’m very sleepy now because i can feel my bed is calling me back. You can email me sustc.mikewong@gmail.com. Zzzzzz..</p>
 +
                                                <p>Contributions: He takes charge of the database, all the data's uploading should under his classification and examination.</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item" style="background: url(https://static.igem.org/mediawiki/igem.org/4/43/SUSTC-Blihanrun.JPG) 0% 60%;">
 +
    <div class="container" style="padding-top: 14%; margin-left: 5%;color: white;">
 +
    <div class="span6" style="padding: 1.2%; background: rgba(0,0,0,.75); border-radius: 5px;">
 +
    <h3>Hanrun Li</h3>
 +
    <p>Li Hanrun, a clever and happy boy. There are always some amazing ideas come into my head. The idea of LGD is came up by me. It isn’t a wonderful idea? Though I have some ideas, I am lazy to carry it. It doesn’t matter. Everyone can’t be perfect!</p>
 +
                                                <p>Contributions: He is responsible for the LGD, he is also our project planner.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item" style="height: 100%; width: 100%;">
 +
    <div class="container" style="margin-top: 14%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/igem.org/1/14/SUSTC-Bzhanglihua.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%">
 +
    <h3>Lihua Zhang</h3>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">Hi, I am Lihua Zhang ~ I am a little shy , so I don't like talking too much in front of people. I like watching movies and American sitcoms . I really enjoy our team work, I think all of my teammates are nice guys~</p>
 +
                                                <p>Contributions: She takes charge of the clotho app and  datacollection.
 +
</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    <div class="item" style="background: url(https://static.igem.org/mediawiki/2013/2/2a/SUSTC-Bwanyi.JPG) 40% 60%;">
 +
    <div class="container" style="padding-top: 14%; color: white;">
 +
    <div class="span6" style="padding: 1.2%; background: rgba(0,0,0,.75); border-radius: 5px;">
 +
    <h3>Yi Wan</h3>
 +
    <p>Hey~ My name is Wan yi. A happy and vivid girl.I like to take part in all kinds of activities in school，iGEM is one of them. I act as the lead singer in a band，the leader of Public welfare of SUSTC, I am good at making friends , so contact with me!</p>
 +
                                                <p>Contribution: She has taken the role of human practice coordinator, and is our team's envoy. She  has also contribute her share to our database.</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item">
 +
    <div class="container" style="margin-top: 12%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/igem.org/b/ba/SUSTC-Bhejiankui.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%;">
 +
    <h3  style="display: inline;">Jiankui He</h3><p style="font-size: small; padding-left: 3%; display: inline;">Instructor</p>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">Dr. Jiankui He is an associate professor at SUSTC. Dr. He got his PhD degree in Physics at Rice University in Houston Texas in 2010 and did his postdoc at Stanford University.</p>
 +
                                                <p style="font-size: 1.2em; text-indent: 2em;"> Dr. He's lab employs interdisciplinary methods in physics, chemistry, and statistics to study biological systems at both cellular and genetic level. Current research focuses on genomic, human genetic diseases, immunology, system biology and synthetic biology.</p>
 +
                                                <p>Labwebiste: <a href="www.sustc-genome.org.cn">www.sustc-genome.org.cn</a></p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item" style="background: url(https://static.igem.org/mediawiki/igem.org/4/41/SUSTC-Btongyin.jpg) 20% 60%;">
 +
    <div class="container" style="padding-top: 14%; color: white;">
 +
    <div class="span6" style="padding: 1.2%; background: rgba(0,0,0,.75); border-radius: 5px;">
 +
    <h3  style="display: inline;">Yin Tong</h3><p style="font-size: small; padding-left: 3%; display: inline;">Instructor</p>
 +
    <p>Umm… Tong Yin is busy now, of course, he is often busy. As an instructor, the experience of experiment and software development helps the whole team a lot. He is in an effort to be a young scientist.</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item">
 +
    <div class="container" style="margin-top: 12%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/igem.org/9/93/SUSTC-Bqieboyu.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%;">
 +
    <h3  style="display: inline;">Boyu Qie</h3><p style="font-size: small; padding-left: 3%; display: inline;">Advisor</p>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">You can call me Qie Boyu, which is my name, or Qie Ye, which means grandfather Qie made by my friends to show their honour(ahahaha~). I'm from Chengdu, the best city in the world. In order to find some meaningful project to do in the summer vacation, I take part in our iGEM team though I nearly didn't known everything out of biology tought in high school. Doing the project with my friends is very cool, I totally fall in love with the process of it. I'm loving it !</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
                        <div class="item">
 +
    <div class="container" style="margin-top: 12%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/igem.org/4/41/SUSTC-Bpanyidan.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%;">
 +
    <h3  style="display: inline;">Yidan Pan</h3><p style="font-size: small; padding-left: 3%; display: inline;">Adviser</p>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">I'm Panda, likely to be the mascot of our team (But the only part of bamboo I eat is bamboo shoot). I'm a gourmet and I love food very much. As a "director" of our support services, managing to supply a good work environment are my duties. Both biology and biont are my favorite, besides, both sleeping and reading are my interests.</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
<div class="item">
 +
    <div class="container" style="margin-top: 12%; color: white;">
 +
    <div class="span4" style="text-align: center;">
 +
    <img src="https://static.igem.org/mediawiki/2013/2/2b/SUSTC-Bjiangfan.jpg">
 +
    </div>
 +
    <div class="span7" style="padding-top: 4%;">
 +
    <h3  style="display: inline;">Fan Jiang</h3><p style="font-size: small; padding-left: 3%; display: inline;">Freshman</p>
 +
    <p style="font-size: 1.2em; text-indent: 2em; padding-top: 3%">He is a freshman from SUSTC and makes a lot of fun.</p>
 +
    </div>
 +
    </div>
 +
    </div>
 +
  </div>
 +
  <!-- Carousel nav -->
 +
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
-
<div id="project" style="background: url(img/2.jpg); height: 800px;">
 
-
<div style="position: relative; top: 20%; left: 50%; color: #888; margin: 5%; width: 40%;">
 
-
<h1>Biomiao.org</h1>
 
-
<p>A repositry of gene citcuits in Synthetic Biology</p>
 
-
<p>A platform that holds light-weight Apps to re-utility the circuits information. LGD, TTEC are  provided.</p>
 
-
<p>In the future, you can say hello to other scientits to work collaboratly.</p>
 
-
<h3>Project Abstract</h3>
 
-
<p style="text-indent: 2em;">Our project, 3 Miao synthetic biology platform, is different from all the iGem software projects in the past, for we have an ambition to create a community for the whole synthetic biology. In this community, we offer a platform for the collection of handy tools provided by either the iGem teams or the company to facilitate users to study synthetic biology more conveniently. Among these handy tools, Mind Road, LGD and TTEC are uploaded by us. Mind Road is for projects review and divergent thinking. LGD is a genetic circuit designer which can present the logical relationship of related parts. On the other hand, the community allows users to learn the basic knowledge of synthetic biology, go through the break news of synthetic biology, post their own ideas, comment on others’ work, discuss with other people and so on, just like the Facebook and Twitter. In this way, our community will greatly popularize synthetic biology.</p>
 
-
<a href="project.html" class="btn btn-primary">See More</a>
 
-
</div>
 
-
</div>
 
-
<div id="team" style="background: url(img/3.png) #66c000 no-repeat 50% 100%; background-position: right bottom;height: 800px;">
 
-
<div style="padding-top: 80px; width: 280px; margin-left: 40px;">
 
-
<h1>Team</h1>
 
-
<p>We want to establish a user-friendly web2.0 platform which can function as both a handy tool kit and a community. There are mainly 3 reasons that we choose a webpage instead of a native application. First, current software need to users don’t need to download our software. Second, a webpage is not limited with the system, which means users can log in our webpage wherever they can reach the internet. And the last, all the information can be stored by the cloud, so users don’t have to worry about their information being lost.</p>
 
-
<a href="team.html" class="btn btn-primary">See More</a>
 
-
</div>
 
-
</div>
 
-
<div id="human" style="background: red no-repeat 50% 100%; height: 800px;">
 
-
<div style="margin-top:0px; padding-top: 80px">
 
-
<h1>Project Description</h1>
 
-
<p>We want to establish a user-friendly web2.0 platform which can function as both a handy tool kit and a community. There are mainly 3 reasons that we choose a webpage instead of a native application. First, current software need to users don’t need to download our software. Second, a webpage is not limited with the system, which means users can log in our webpage wherever they can reach the internet. And the last, all the information can be stored by the cloud, so users don’t have to worry about their information being lost.</p>
 
-
<a href="" class="btn btn-primary">See More</a>
 
-
</div>
 
-
</div>
 
-
<div id="notebook" style="background: yellow no-repeat 50% 100%; height: 800px;">
 
-
<div style="margin-top:0px; padding-top: 80px">
 
-
<h1>Project Description</h1>
 
-
<p>We want to establish a user-friendly web2.0 platform which can function as both a handy tool kit and a community. There are mainly 3 reasons that we choose a webpage instead of a native application. First, current software need to users don’t need to download our software. Second, a webpage is not limited with the system, which means users can log in our webpage wherever they can reach the internet. And the last, all the information can be stored by the cloud, so users don’t have to worry about their information being lost.</p>
 
-
<a href="notebook.html" class="btn btn-primary">See More</a>
 
-
</div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 03:37, 28 September 2013

Retrieved from "http://2013.igem.org/Team:SUSTC-Shenzhen-B/team.html"