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

(Prototype team page)
 
Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
−
<html>
+
<!doctype html>
−
 
+
<html lang="en-US">
−
<div class="column two_thirds_size" >
+
<head>
−
 
+
<meta charset="utf-8">
−
<h1>Team</h1>
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
 
+
<title>Light Theme</title>
−
 
+
<link href="css/singlePageTemplate.css" rel="stylesheet" type="text/css">
−
<h3>What should this page contain?</h3>
+
<style type="text/css">
−
<ul>
+
a:link {
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
text-decoration: none;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
color: #1D7AC5;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
}
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
a:visited {
−
</ul>
+
text-decoration: none;
 +
color: #1D7AC5;
 +
}
 +
a:hover {
 +
text-decoration: none;
 +
color: #1D7AC5;
 +
}
 +
a:active {
 +
text-decoration: none;
 +
color: #1D7AC5;
 +
}
 +
</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 -->
 +
<div class="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"> &nbsp&nbsp&nbsp&nbsp&nbsp Hey&nbsp&nbsp!</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>
−
 
+
  </div>
−
 
+
  <!-- Parallax Section -->
−
 
+
  <!-- More Info Section -->
−
<div class="column third_size" >
+
  <footer>
−
<div class="highlight decoration_A_full">
+
    <article class="footer_column">
−
<h3>Inspiration</h3>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
 
 +
      <img src="images/ZYQ.png" alt="" width="400" height="400" class="cards"/>
 +
      <h3>Yunqian Zhang</h3>
 +
      <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>
 +
    </article>
 +
  <article class="footer_column">
 +
      <img src="images/CYJ.png" alt="" width="400" height="400" class="cards"/>
 +
      <h3>Yanju Chen</h3>
 +
      <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">
 +
      <img src="images/HJC.png" alt="" width="400" height="400" class="cards"/>
 +
      <h3>Jiacheng Huang</h3>
 +
      <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 </p>
 +
    </article>
 +
   
 +
    <article class="footer_column">
 +
      <img src="images/LXD.png" alt="" width="400" height="400" class="cards"/>
 +
      <h3>Xudong Liu</h3>
 +
      <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. I have greatly improved my ability through iGEM. </p>
 +
      </article>
 +
    <article class="footer_column">
 +
      <img src="images/QQB.png" alt="" width="400" height="200" class="cards"/>
 +
      <h3>QinBo Qiao</h3>
 +
      <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>
 +
      </article>
 +
 +
    <article class="footer_column">
 +
      <img src="images/LQJ.png" alt="" width="400" height="400" class="cards"/>
 +
      <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.
 +
</p>
 +
    </article>
 +
    <article class="footer_column">
 +
      <img src="images/LAY.png" alt="" width="400" height="400" class="cards"/>
 +
      <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>
 +
    </article>
 +
      <article class="footer_column">
 +
      <img src="images/SK.png" alt="" width="400" height="400" class="cards"/>
 +
      <h3>Kai Sun</h3>
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla </p>
 +
    </article>
 +
  </footer>
 +
  <!-- Footer Section -->
 +
  <!-- Copyrights Section -->
 +
  <div class="copyright">Contact Us : oucigem@163.com  | &copy;2018 OUC IGEM.All Rights Reserved.  |  Based On Dreamweaver </div>
 +
</div>
 +
<!-- Main Container Ends -->
 +
</body>
 +
</html>
 +
iration! <br />
 
Here are a few examples:</p>
 
Here are a few examples:</p>
 
<ul>
 
<ul>

Revision as of 12:52, 2 September 2018

<!doctype html> Light Theme

TEAM

&nbsp&nbsp&nbsp&nbsp&nbsp Hey&nbsp&nbsp!

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.

Yunqian Zhang

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.

Yanju Chen

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.

Jiacheng Huang

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

Xudong Liu

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. I have greatly improved my ability through iGEM.

QinBo Qiao

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!

Qingjie Li

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.

Anyi Li

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.

Kai Sun

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla

Contact Us : oucigem@163.com | ©2018 OUC IGEM.All Rights Reserved. | Based On Dreamweaver
iration!
Here are a few examples:</p>

</div> </div> </html>