Difference between revisions of "Team:USTC-Software/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{USTC-Software}}
 
{{USTC-Software}}
 
<html>
 
<html>
 +
<img id="logo" margin="0px" width="100%" src="Team.jpg"/>
 +
                <br>
  
−
<h2>Team</h2>
+
                <h1 style="font-size: 56px;line-height: 18px;">
 +
                    Our Team
 +
                </h1>
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
  
 +
                <p style="font-size: 24px;line-height: 39px;">There are four groups in our team. Here are our photos.
 +
                    You can move your mouse over each person to view he/she's personal statement.</p>
  
 +
                <hr class="hr">
 +
                <p style="font-size: 32px;line-height: 20px;">Biology Group</p>
 +
                </hr>
  
  
 +
                <div id="group1">
  
−
<h4>Inspiration</h4>
+
                    <img id="g1p" width="100%" src="Biology.jpg"/>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                    <div width="100%" style="padding: 0px">
−
Here are a few examples:</p>
+
                        <p style="width: 17%;background-color: grey;display: inline-block;" onclick="gp1.text='rtrtrrt'">.</p>
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
<h5>What should this page contain?</h5>
+
                        <p style="width: 13%;background-color: red;text-align:center;display: inline-block;">Run-Ze
−
<ul>
+
                            Liu</p>
−
<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>
+
  
 +
                        <p style="width: 13%;background-color: blueviolet;text-align:center;display: inline-block;">
 +
                            Zi-Yu Wu</p>
  
−
</div>
+
                        <p style="width: 13%;background-color: #28ff06;text-align:center;display: inline-block;">Li
 +
                            Zhi</p>
 +
 
 +
                        <p style="width: 13%;background-color: #e5ff29;text-align:center;display: inline-block;">Xi-Nan
 +
                            Chen</p>
 +
 
 +
                        <p style="width: 13%;background-color: #03fff7;text-align:center;display: inline-block;">
 +
                            Ling-Yuan Ji</p>
 +
 
 +
                        <p style="width: 16%;background-color: grey;display: inline-block;">.</p>
 +
                    </div>
 +
                    <p id="gp1"></p>
 +
                </div>
 +
 
 +
                <br>
 +
                <hr class="hr">
 +
                <p style="font-size: 32px;line-height: 20px;">Artwork Group</p>
 +
                </hr>
 +
                <br>
 +
 
 +
                <div id="group2">
 +
 
 +
                    <img id="g2p" width="100%" src="ArtWork.jpg"/>
 +
 
 +
                    <div width="100%" style="padding: 0px">
 +
                        <p style="width: 10%;background-color: grey;display: inline-block;">.</p>
 +
 
 +
                        <p style="width: 13%;background-color: red;text-align:center;display: inline-block;">Qing-Chuan
 +
                            Cui</p>
 +
 
 +
                        <p style="width: 16%;background-color: blueviolet;text-align:center;display: inline-block;">
 +
                            Min-Te Xiang</p>
 +
 
 +
                        <p style="width: 16%;background-color: #28ff06;text-align:center;display: inline-block;">Kai-Rui
 +
                            Wang</p>
 +
 
 +
                        <p style="width: 15%;background-color: #e5ff29;text-align:center;display: inline-block;">
 +
                            Xiao-Fan Yuan</p>
 +
 
 +
                        <p style="width: 19%;background-color: #03fff7;text-align:center;display: inline-block;">
 +
                            Han-Shen Jiang</p>
 +
 
 +
                        <p style="width: 8%;background-color: grey;display: inline-block;">.</p>
 +
                    </div>
 +
 
 +
                </div>
 +
                <br>
 +
                <hr class="hr">
 +
                <p style="font-size: 32px;line-height: 20px;">Front Group</p>
 +
                </hr>
 +
                <br>
 +
 
 +
                <div id="group3">
 +
 
 +
                    <img id="g3p" width="100%" src="Frontend.jpg"/>
 +
 
 +
                    <div width="100%" style="padding: 0px">
 +
                        <p style="width: 6%;background-color: grey;display: inline-block;">.</p>
 +
 
 +
                        <p style="width: 12%;background-color: red;text-align:center;display: inline-block;">Yi-Lin Zhu</p>
 +
 
 +
                        <p style="width: 17%;background-color: blueviolet;text-align:center;display: inline-block;">
 +
                            Long-Hao Wu</p>
 +
 
 +
                        <p style="width: 14%;background-color: #28ff06;text-align:center;display: inline-block;">Zong-Xin Wang</p>
 +
 
 +
                        <p style="width: 13%;background-color: #e5ff29;text-align:center;display: inline-block;">
 +
                            Miao-Feng Liu</p>
 +
 
 +
                        <p style="width: 15%;background-color: #03fff7;text-align:center;display: inline-block;">
 +
                            Zi-Tian Li</p>
 +
 
 +
                        <p style="width: 14%;background-color: #5d83ff;text-align:center;display: inline-block;">
 +
                            Wen-Han Li</p>
 +
 
 +
                        <p style="width: 6%;background-color: grey;display: inline-block;">.</p>
 +
                    </div>
 +
                </div>
 +
                <hr class="hr">
 +
                <p style="font-size: 32px;line-height: 20px;">Backend Group</p>
 +
                </hr>
 +
                <div id="group4">
 +
                    <img id="g4p" width="100%" src="Backend.jpg"/>
 +
 
 +
                    <div width="100%" style="padding: 0px">
 +
                        <p style="width: 17%;background-color: grey;display: inline-block;">.</p>
 +
 
 +
                        <p style="width: 13%;background-color: red;text-align:center;display: inline-block;">Zhang
 +
                            Hao</p>
 +
 
 +
                        <p style="width: 13%;background-color: blueviolet;text-align:center;display: inline-block;">
 +
                            Si-Yuan Zhuang</p>
 +
 
 +
                        <p style="width: 13%;background-color: #28ff06;text-align:center;display: inline-block;">Tian-Yi
 +
                            Cui</p>
 +
 
 +
                        <p style="width: 13%;background-color: #e5ff29;text-align:center;display: inline-block;">
 +
                            Yan-Xuan Cui</p>
 +
 
 +
                        <p style="width: 13%;background-color: #03fff7;text-align:center;display: inline-block;">Run-Ze
 +
                            Wang</p>
 +
 
 +
                        <p style="width: 16%;background-color: grey;display: inline-block;">.</p>
 +
                    </div>
 +
 
 +
                </div>
 +
 
 +
                <hr class="hr">
 +
                <p style="font-size: 32px;line-height: 20px;">Instructors & Advisors</p>
 +
                </hr>
 +
 
 +
                <ul class="text-center" >
 +
          <li class="profilewrap" style="float:left;padding: 4px">
 +
 
 +
              <div class="nameplate">Haiyan Liu</div>
 +
              <div class="details"><img src="Haiyan%20Liu.png" alt="Haiyan Liu">
 +
            </div>
 +
        </li>
 +
 
 +
 
 +
            <li class="profilewrap" style="float:left;padding: 4px">
 +
 
 +
              <div class="nameplate">Zhi Liang</div>
 +
              <div class="details"><img src="Zhi%20Liang.png" alt="Zhi Liang">
 +
            </div>
 +
        </li>
 +
 
 +
          <li class="profilewrap" style="float:left;padding: 4px">
 +
 
 +
              <div class="nameplate">Jiong Hong</div>
 +
              <div class="details"><img src="Jiong%20Hong.png" alt="Jiong Hong">
 +
 
 +
              </div>
 +
        </li>
 +
 
 +
 
 +
      <li class="profilewrap" style="float:left;padding: 4px">
 +
              <div class="nameplate">Fan Jin</div>
 +
              <div class="details"><img src="Fan%20Jin.png" style="max-width: 200px" alt="Fan Jin">
 +
 
 +
<br><br>
 +
 
 +
 
 +
 
 +
 
 +
              </div>
 +
        </li>
 +
        </ul>
 +
<script>USTC.load_css_wiki("style/Team");</script>
 
</html>
 
</html>
 +
{{USTC-Software/End}}

Revision as of 22:27, 18 September 2015


Our Team

There are four groups in our team. Here are our photos. You can move your mouse over each person to view he/she's personal statement.

Biology Group

.

Run-Ze Liu

Zi-Yu Wu

Li Zhi

Xi-Nan Chen

Ling-Yuan Ji

.


Artwork Group


.

Qing-Chuan Cui

Min-Te Xiang

Kai-Rui Wang

Xiao-Fan Yuan

Han-Shen Jiang

.


Front Group


.

Yi-Lin Zhu

Long-Hao Wu

Zong-Xin Wang

Miao-Feng Liu

Zi-Tian Li

Wen-Han Li

.

Backend Group

.

Zhang Hao

Si-Yuan Zhuang

Tian-Yi Cui

Yan-Xuan Cui

Run-Ze Wang

.

Instructors & Advisors

  • Haiyan Liu
    Haiyan Liu
  • Zhi Liang
    Zhi Liang
  • Jiong Hong
    Jiong Hong
  • Fan Jin
    Fan Jin

University of Science and Technology of China
No.96, Jinzhai Road, Hefei, Anhui, P.R.China
USTC-Software 2015

University of Science and Technology of China

We are here for you

Sponsered by