Difference between revisions of "Team:OUC-China/Team"

Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
<html>
+
{{:Team:OUC-China/CSS0}}
<head>
+
<html lang="en-US">
<title>Team OUC-China: Main</title>
+
<head>
<meta charset="utf-8" />
+
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://2018.igem.org/Team:OUC-China/CSS6?action=raw&ctype=text/css" />
+
  
+
<title>Light Theme</title>
<style>
+
<body bgcolor="#G#FFFFFF">
  
#bodyContent{
+
<style type="text/css">
margin:0;
+
body
padding:0;   
+
  {  
position:absolute;
+
  background: #F9F9F9 url(bgimage.gif) no-repeat fixed top;
top:0 !important;
+
  }
width:100%;
+
a:link {
 +
text-decoration: none;
 +
color: #1D7AC5;
 
}
 
}
 
+
a:visited {
 
+
text-decoration: none;
.copyright1 {
+
color: #1D7AC5;
text-align: center;
+
padding-top: 20px;
+
padding-bottom: 20px;
+
background-color: gray;
+
color: #FFFFFF;
+
text-transform: uppercase;
+
font-weight: lighter;
+
letter-spacing: 2px;
+
border-top-width: 2px;
+
        position:absolute;
+
        bottom: 0;
+
        width:100%
+
 
}
 
}
 
+
a:hover {
 
+
text-decoration: none;
#myBtn {
+
color: #1D7AC5;
  display: none;
+
  position: fixed;
+
  bottom: 5px;
+
  right: 30px;
+
  z-index: 99;
+
  border: none;
+
  outline: none;
+
  background-color: gray;
+
  color: white;
+
  cursor: pointer;
+
  padding: 15px;
+
  border-radius: 10px;
+
 
}
 
}
 
+
a:active {
#myBtn:hover {
+
text-decoration: none;
  background-color: #555;
+
color: #1D7AC5;
 
}
 
}
 
</style>
 
</style>
 +
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
 +
<script>var __adobewebfontsappname__="dreamweaver"</script>
 +
<script src="http://use.edgefonts.net/source-sans-pro:n2:default.js" type="text/javascript"></script>
 +
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
<!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
</head>
 +
<body>
 +
<!-- Main Container -->
  
 +
  <!-- Navigation -->
 +
  <header> <a href="">
 +
    <h4 class="logo">LOGO</h4>
 +
    </a>
 +
    <nav>
 +
      <ul>
 +
<div class="dropdown">
 +
  <button class="dropbtn">PROJECT</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2018.igem.org/Team:OUC-China/Description">Oveview</a>
 +
    <a href="https://2018.igem.org/Team:OUC-China/Design">Design</a>
 +
    <a href="https://2018.igem.org/Team:OUC-China/Results">Results</a>
 +
<a href="https://2018.igem.org/Team:OUC-China/Demonstrate">Demonstrate</a>
 +
  </div>
 +
</div>
 +
      <div class="dropdown">
 +
  <button class="dropbtn">LAB WORK</button>
 +
  <div class="dropdown-content"> <a href="https://2018.igem.org/Team:OUC-China/Experiments">Experiment</a>    <a href="https://2018.igem.org/Team:OUC-China/Safety">Safety</a>    <a href="https://2018.igem.org/Team:OUC-China/InterLab">Interlab</a>  </div>
 +
</div>
 +
      <div class="dropdown">
 +
  <button class="dropbtn"><a href="https://2018.igem.org/Team:OUC-China/Model"><font color="white">MODEL</font></a></button>
 +
</div>
 +
   
 +
  <div class="dropdown">
 +
  <button class="dropbtn"><a href="https://2018.igem.org/Team:OUC-China/Parts"><font color="white">PARTS</font></a></button>
 +
</div>
 +
 +
  <div class="dropdown">
 +
  <button class="dropbtn">HUMAN PRACTICES</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human Practices</a>
 +
    <a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public Engagement</a>
 +
  </div>
 +
</div>
 +
  <div class="dropdown">
 +
  <button class="dropbtn">TEAM</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2018.igem.org/Team:OUC-China/Team">Member</a>
 +
    <a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaboration</a>
 +
    <a href="https://2018.igem.org/Team:OUC-China/Attributions">Attribution</a>
 +
  </div>
 +
</div>
 +
  <div class="dropdown">
 +
  <button class="dropbtn"> <a href="https://2018.igem.org/Team:OUC-China/Notebook"><font color="white">NOTEBOOK</font></a></button>
 +
</div>
 +
      </ul>
 +
    </nav>
 +
  </header>
 +
  <!-- Hero Section -->
 +
  <section class="hero" id="hero">
 +
    <h2 class="hero_header">TEAM </h2>
 +
  </section>
 +
  <!-- About Section -->
 +
  <section class="about" id="about">
 +
    <h2 class="hidden">About</h2>
 +
  </section>
 +
  <!-- Stats Gallery Section -->
 +
  <div class="gallery">
 +
<div class="thumbnail">
 +
      <h1 class="stats">  Hey !</h1>
 +
      <blockquote>
 +
        <p>Here we are, we are OUC-iGEM. It has been 8 years since we first took part in iGEM in 2011. This time the team which is made up of 8 members pursues a more particular and creative aim. All the members met in May 2017 when we were unfamiliar with each other and knew nothing about synthetic biology. We struck to intergrate the related disciplines and during this time we became not only teammates but also good friends. We come from different colleges and have diverse specialties which ensure that we join our abilities and insights to make our goal clearer as efficiently as possible.</p>
 +
      </blockquote>
 +
</div>
 +
  </div>
 +
  <!-- Parallax Section -->
 +
  <!-- More Info Section -->
 +
  <footer>
 +
    <article class="footer_column">
 +
      <img src="https://static.igem.org/mediawiki/2018/9/93/T--OUC-China--ZYQ.png" alt="" width="400" height="400" class="cards"/>
  
 
+
      <h3>Yunqian Zhang</h3>
</head>
+
      <p>I am a senior in OUC whose major is biotechnology. To my surprise, I attend the iGEM competition in my last year of university. It is am amazing experience with my teammates to explore in the synthetic biology. Not only the lab work but also dry lab make me feel exciting and fresh.  </p>
<body class="homepage">
+
    </article>
 
+
  <article class="footer_column">
<button onclick="topFunction()" id="myBtn" title="回顶部">TOP</button>
+
      <img src="https://static.igem.org/mediawiki/2018/7/77/T--OUC-China--CYJ.png" alt="" width="400" height="400" class="cards"/>
 
+
      <h3>Yanju Chen</h3>
<div id="page-wrapper" >
+
      <p>Hello!I am YanjuChen, major in food science and engineering. It is my pleasure to meet some cute friends in OUC-iGEM team. For me, iGEM provides me a broader platform that helps me learn a lot about synthetic biology. Thank a fortunate encounter. Thank my dear friends. </p>
 
+
    </article>
 
+
    <article class="footer_column">
<!-- Nav -->
+
      <img src="https://static.igem.org/mediawiki/2018/2/2f/T--OUC-China--HJC.png" alt="" width="400" height="400" class="cards"/>
<nav id="nav">
+
      <h3>Jiacheng Huang</h3>
<ul>
+
      <p>I'm an undergraduate from Institute of Economics who majors in Economics. In life, I love computer and math. In iGEM, I do mathematical modeling to help the project implementation. Hope to see you in jamboree!</p>
<li ><a href="https://2018.igem.org/Team:OUC-China">Main</a>
+
    </article>
</li>
+
   
<li>
+
    <article class="footer_column">
<a href="#">Project</a>
+
      <img src="https://static.igem.org/mediawiki/2018/8/84/T--OUC-China--LXD.png" alt="" width="400" height="400" class="cards"/>
<ul>
+
      <h3>Xudong Liu</h3>
<li><a href="https://2018.igem.org/Team:OUC-China/Description">Overview</a></li>
+
      <p>I am Xudong Liu,a student in the Department of Biological Sciences. And I like to think about some mysteries of the universe and philosophical issues. I am mainly responsible for the experimental part of the team. </p>
<li><a href="https://2018.igem.org/Team:OUC-China/Design">Design</a></li>
+
      </article>
<li><a href="https://2018.igem.org/Team:OUC-China/Results">Results</a></li>
+
    <article class="footer_column">
<li><a href="https://2018.igem.org/Team:OUC-China/Demonstrate">Demonstrate</a></li>
+
      <img src="https://static.igem.org/mediawiki/2018/7/7a/T--OUC-China--QQB.png" alt="" width="400" height="200" class="cards"/>
</ul>
+
      <h3>QinBo Qiao</h3>
</li>
+
      <p>Hay! I’m QinBo Qiao. My interest in synthetic biology stems from its unlimited potential for improvement. I have held on to the idea of it as my little joy to look forward to. When not iGEM-ing you will see me singing (or trying to), exploring this world by myself and controlling my weight of all time. See you guys in jamboree! </p>
<li><a href="#">Lab WORK</a>
+
      </article>
<ul>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Experiments">Experiments</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Safety">Safety</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/InterLab">InterLab</a></li>
+
</ul>
+
</li>
+
<li><a href="#">Model</a>
+
                                                <ul>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Model">Overview</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/miniToe">miniToe</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/miniToe Family">miniToe Family</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/polycistron">polycistron</a></li>
+
</ul>
+
</li>
+
  <li><a href="#">Parts</a>
+
<ul>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Parts">List</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Improve">Improve</a></li>
+
</ul>
+
</li>
+
<li><a href="#">HP</a>
+
<ul>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human Practices</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public Engagement</a></li>
+
</ul>
+
</li>
+
<li><a href="#">Team</a>
+
<ul>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Team">Team Member</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
+
</ul>
+
</li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
+
 
+
</ul>
+
</nav>
+
 
+
<!-- Banner -->
+
+
<img src="https://static.igem.org/mediawiki/2018/c/cf/T--OUC-China--member.jpg"alt="banner"width="100%">
+
+
</div>
+
<!-- Main -->
+
<div id="main" class="container">
+
 
 
+
    <article class="footer_column">
+
      <img src="https://static.igem.org/mediawiki/2018/c/c2/T--OUC-China--LQJ.png" alt="" width="400" height="400" class="cards"/>
<div class="12u">
+
      <h3>Qingjie Li</h3>
 
+
      <p>This is Qingjie Li. Glad to participate in this competition! The days I spend in iGEM give me quantities of valuable experience, It’s lucky for me to have this chance to meet my teammates and work with them in this competition. I always eager to know somethings new and fancy as well I have always been longing for embracing new skills and theories. I find those in my life and in iGEM, It’s happy to be a iGEMer.
<!-- Features -->
+
</p>
<section class="box features">
+
    </article>
<h2 class="major"><span>Team member</span></h2>
+
    <article class="footer_column">
+
      <img src="https://static.igem.org/mediawiki/2018/4/4e/T--OUC-China--LAY.png" alt="" width="400" height="400" class="cards"/>
<p align="justify">
+
      <h3>Anyi Li</h3>
 
+
      <p>I‘m Anyi Li,an undergraduate of College of Marines Life Science. In our team, mainly responsible for HP, and I also enjoy doing experiments with my teammates. It's a great pleasure to participate in this competition, to learn more knowledge as well as to meet more interesting people. I think it must  be a very special experience. </p>
&emsp;&emsp;
+
    </article>
 
+
      <article class="footer_column">
<br />&emsp;&emsp;
+
      <img src="https://static.igem.org/mediawiki/2018/c/c3/T--OUC-China--SK.png" alt="" width="400" height="400" class="cards"/>
 
+
      <h3>Kai Sun</h3>
<br />&emsp;&emsp;
+
      <p>Hello everyone, my name is Kai.It's my pleasure to participate in iGEM. I have been interested in biological sciences and mystery novels since I was a child and think the two are very similar.I tried to find the secret of life, hoping to be like holmes.
 
+
<br />&emsp;&emsp;
+
 
+
<br />&emsp;&emsp;
+
 
+
<br />&emsp;&emsp;
+
 
+
<br />&emsp;&emsp;
+
 
+
<br />&emsp;&emsp;
+
 
+
<br />&emsp;&emsp;
+
 
+
 
</p>
 
</p>
</section>
+
    </article>
 
+
  </footer>
</div>
+
  <!-- Footer Section -->
</div>
+
  <!-- Copyrights Section -->
 
+
  <div class="copyright">Contact Us : oucigem@163.com  | &copy;2018 OUC IGEM.All Rights Reserved.  |  Based On Dreamweaver </div>
 
+
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<!-- Scripts -->
+
+
 
+
<script src="http://https://2018.igem.org/Team:OUC-China/jquery?action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Team:OUC-China/dropotron?action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Team:OUC-China/skeljs?action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Team:OUC-China/skelviewport?action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Team:OUC-China/utiljs?action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Team:OUC-China/mainjs?action=raw&ctype=text/javascript"></script>
+
 
+
 
+
  <div class="copyright1">Contact Us : oucigem@163.com  | &copy;2018 OUC IGEM.All Rights Reserved.  |  ………… </div>
+
+
 
+
<script>
+
// 当网页向下滑动 20px 出现"返回顶部" 按钮
+
window.onscroll = function() {scrollFunction()};
+
+
function scrollFunction() {console.log(121);
+
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+
        document.getElementById("myBtn").style.display = "block";
+
    } else {
+
        document.getElementById("myBtn").style.display = "none";
+
    }
+
}
+
+
// 点击按钮,返回顶部
+
function topFunction() {
+
    document.body.scrollTop = 0;
+
    document.documentElement.scrollTop = 0;
+
}
+
</script>
+
 
+
 
+
</body>
+
  
  
 +
<!-- Main Container Ends -->
 +
</body>
 
</html>
 
</html>

Revision as of 14:54, 12 October 2018

Light Theme

TEAM