Difference between revisions of "Team:SDU-CHINA/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{SDU-CHINA}}
+
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8" />
 +
<link rel="stylesheet" type="text/css" href="./css/frame.css" />
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrapcss?action=raw&ctype=text/css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
 +
<style>
 +
li { list-style: none; }b
 +
a { text-decoration: none; }
 +
a:link, a:visited, a:active { color: white; }
 +
a:hover { color: #c1d9ff; }
 +
img { margin: 10px auto; } /*???*/
 +
table { margin: 0 auto; }
 +
td { text-align: center }
  
−
<div class="column two_thirds_size" >
+
#content{
 +
margin: 0px;
 +
padding: 0px;
 +
background-color: #E6E6F2;
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
}
  
−
<h1>Team</h1>
+
#header, #footer, #section {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
background: linear-gradient(to right, #005AB5, #007500);
 +
background: -webkit-linear-gradient(to right, #005AB5, #007500);
 +
background: -moz-linear-gradient(to right, #005AB5, #007500);
 +
background: -o-linear-gradient(to right, #005AB5, #007500);
 +
float: left;
 +
width: 100%;
 +
padding: 1% 0%;
 +
        margin: 0 0px !important;
 +
}
  
 +
#logo {
 +
float: left;
 +
position: relative;
 +
margin-left:1%;
 +
display: block !important;
 +
}
 +
#menu {
 +
float: right;
 +
position: relative;
 +
transform: translateY(-10%);
 +
margin-right: 1%;
 +
display: block !important;
 +
}
 +
#menu li {
 +
float: left;
 +
position: relative;
 +
padding:2% 0%;
 +
}
 +
#menu li a { font: 18px sans-serif;  font-weight: lighter;  padding: 15px; }
 +
#menu ul li ul {
 +
background-color: #336666;
 +
opacity: 0.8 ;
 +
display: none;
 +
position: absolute;
 +
margin: 0;
 +
padding: 10% 0;
 +
}
 +
#menu ul li ul li { font-size: 10px;  padding: 5%; }
 +
#menu li:hover ul, .menu li.over ul { display: block; }
  
−
<h3>What should this page contain?</h3>
 
−
<ul>
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
−
<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>
 
−
<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>
 
−
</ul>
 
−
</div>
 
  
  
 +
#footer { height: 180px;  color: white; }
 +
#sponsors {
 +
text-align: center;
 +
float: left;
 +
margin-left: 15px;
 +
margin-top: 2px;
 +
}
 +
#address {
 +
text-align: center;
 +
float: right;
 +
margin-right: 20px;
 +
margin-left: 30px;
 +
margin-top: 2px;
 +
}
 +
#contact {
 +
text-align: center;
 +
float: right;
 +
position: relative;
 +
margin-right: 30px;
 +
margin-top: 2px;
 +
}
  
−
<div class="column third_size" >
+
 
−
<div class="highlight decoration_A_full">
+
 
−
<h3>Inspiration</h3>
+
#section {clear: both;}
−
<p>You can look at what other teams did to get some inspiration! <br />
+
#main-title {
−
Here are a few examples:</p>
+
font-size: 60px;
−
<ul>
+
color: #4b5ea4;
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
font-family: sans-serif;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
text-align: center;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
font-weight: lighter;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
margin: 0;
−
</ul>
+
padding: 30px 0px 0px 0px;
 +
margin: 0px 67px 0px 65px;
 +
}
 +
.sublinks { text-align: center; }
 +
.sublinks h2 {
 +
display: inline-block;
 +
margin: 20px 40px;
 +
}
 +
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4;  font-family: sans-serif;  font-weight: lighter; }
 +
.sub-title {
 +
font-family: sans-serif;
 +
color: white;
 +
text-align: center;
 +
}
 +
.conteudo {
 +
margin: 0 auto;
 +
max-width: 1200px;
 +
background-color: white;
 +
    line-height: 1.5;
 +
    clear: both;
 +
}
 +
.paragraghs { padding: 4% 8%;  font-family: sans-serif; }
 +
.p-top {
 +
color: #4b5ea4;
 +
text-align: center;
 +
margin-top: 5px;
 +
font: 25px sans-serif;
 +
transform: translateY(80%);
 +
}
 +
#section li { list-style: decimal; }
 +
.biotext{
 +
width: 45%;
 +
display:inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
}
 +
.biopic{
 +
border: none;
 +
display:inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
    padding-right: 5%;
 +
    vertical-align: top;
 +
}
 +
.name {
 +
    border-bottom: 1px solid #606060;
 +
    margin: 0 0 10px 0;
 +
    font-weight: bold;
 +
    font-size: 40px;
 +
}
 +
.faculty {
 +
    font-size: 24px;
 +
    padding: 0 15px;
 +
    margin: 0 0 20px 0;
 +
    font-weight: bold;
 +
}
 +
.introduction {
 +
    font-size: 20px;
 +
    font-family: serif, 'Times New Roman';
 +
    margin: 0.5px;
 +
}
 +
</style>
 +
 
 +
 
 +
   
 +
</head>
 +
<body>
 +
 
 +
<div id="header">
 +
<!--LOGO LINK--->
 +
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/e/ec/T--SDU-CHINA--Logo0.svg" alt="LOGO" /></a></div>
 +
<div id="menu">
 +
<ul>
 +
<li>
 +
<a href="#">PROJECT &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Description.html">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Design.html">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Results.html">Results</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Demonstrate.html">Demonstrate</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">WETLAB &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Experiment.html">Experiment</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook.html">Notebook</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety.html">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">DRYLAB &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Model.html">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware.html">Hardware</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Software.html">Software</a></li>
 +
</ul>
 +
</li>
 +
<!--links-->
 +
<li><a href="#">INTERLAB</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Parts.html">PARTS</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practice.html">HUMAN PRACTICE</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Team.html">TEAM</a></li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
 +
 +
<div id="section">
 +
 +
 +
<div class="sub-title" id="Metabolic"></div>
 +
<div class="conteudo">
 +
<h1 id="main-title">Team</h1>
 +
 +
<div class="bio">
 +
<p class="name">Jiao Jin</p>
 +
<div class="biopic"><img src="" width="450" height="450" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Team Leader</p>
 +
      <p class="introduction">
 +
      The mascot of the team! The major work for me is to cheer people up when things do not go well!
 +
      </p>
 +
    </div>
 +
    </div>
 +
    <div class="bio">
 +
<p class="name">Zhaoqin Zhang</p>
 +
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Competition Affairs/Experimentation</p>
 +
      <p class="introduction">
 +
      I’m a junior student majoring in biology. It is the first time for me as well as our team to
 +
participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.
 +
 +
      </p>
 +
          </div>
 +
    </div>
 +
      <div class="bio">
 +
<p class="name">Yize Hao</p>
 +
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Wiki edit/Experimentation</p>
 +
      <p class="introduction">
 +
    I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.
 +
      </p>
 +
          </div>
 +
    </div>
 +
    <div class="bio">
 +
<p class="name">Zijian Pan</p>
 +
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    I am very grateful for having the opportunity to play a role in our igem team. For the duration of preparing for iGEM, we struggle with countless difficulties together. For this duration, we harvest knowledge and life-long friendships, as well.
 +
            </p>
 +
          </div>
 +
    </div>
 +
    <div class="bio">
 +
<p class="name">Weiguang Wang</p>
 +
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Hardware</p>
 +
      <p class="introduction">
 +
    I am a microbiology student and I am responsible for the hardware production in the team.     
 +
      </p>
 +
          </div>
 +
         
 +
    </div>
 +
    <p class="p-top"><a href="#header">&#x25b2; top</a></p>
 +
</div>
 +
</div>
 +
 +
 +
<div id="footer">
 +
<div id="sponsors">
 +
<h2>SPONSORS</h2>
 +
<!--LOGO LINK-->
 +
<img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
 +
<map name="Map-Sponsors" class="Map-Sponsors">
 +
<area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
 +
<area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
 +
</map>
 +
</div>
 +
<div id="address">
 +
<h2>ADDRESS</h2>
 +
<p>Shandong University</p>
 +
<p>School of Life Sciences</p>
 +
<p>Qingdao, Shandong, China</p>
 +
</div>
 +
<div id="contact">
 +
<h2>CONTACT US</h2>
 +
<!--LOGO LINK-->
 +
<img src="https://static.igem.org/mediawiki/2018/f/f3/T--SDU-CHINA--ContactUs0.svg" alt="CONTACT US" usemap="#Map-Contact" />
 +
<map name="Map-Contact" id="Map-Contanct">
 +
<area title="E-mail" href="mailto:sdubioigem@163.com" shape="rect" coords="0,0,88,65" />
 +
<area title="Instagram" href="https://www.instagram.com/sdubiochina_2018/" shape="rect" coords="88,0,155,65" />
 +
</map>
 +
</div>
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 06:35, 15 August 2018

Team

Jiao Jin

Team Leader

The mascot of the team! The major work for me is to cheer people up when things do not go well!

Zhaoqin Zhang

Competition Affairs/Experimentation

I’m a junior student majoring in biology. It is the first time for me as well as our team to participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.

Yize Hao

Wiki edit/Experimentation

I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.

Zijian Pan

Experimentation

I am very grateful for having the opportunity to play a role in our igem team. For the duration of preparing for iGEM, we struggle with countless difficulties together. For this duration, we harvest knowledge and life-long friendships, as well.

Weiguang Wang

Hardware

I am a microbiology student and I am responsible for the hardware production in the team.

▲ top