Difference between revisions of "Team:Tianjin/Team"

Line 1: Line 1:
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Team/css/Zerogrid.css}}
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/teampage}}
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Team/css/style.css}}
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Team/css/responsive.css}}
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Team/css/responsiveslides.css}}
+
  
<html>
+
 
 +
<html lang="en">
 +
<style>
 +
#People{
 +
  color: inherit;
 +
  background-color: rgba(255, 255, 255, 0.1);
 +
}
 +
</style>
 +
 
 +
<!-------------- Team Tianjin WIKI Page: Team ---------------->
 
<body>
 
<body>
 +
            <div class="wrapper-white header">
 +
            <div class="section section-header">
 +
                <div class="parallax full-image">
 +
                    <img class="img-responsive headerbackground" src="https://static.igem.org/mediawiki/2016/b/bb/T--Tianjin--HomepageHeaderBG.jpg" alt="Team Tianjin Background">
 +
                    <div class="container">
 +
                        <div class="content">
 +
                          <div class="maintitle">
 +
                            <h1 class="maintitletext">Plasterminator</h1>
 +
                          </div>
 +
                            <h5>"Plastic tastes good."</h5>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
<!-- Tianjin and TJU -->
 +
            <div class="section" id="AboutTianjinCity">
 +
                <div class="text-area">
 +
                    <div class="container">
 +
                        <div class="row">
 +
                            <div class="title col-xs-12 col-md-6">
 +
                                <p class="TeamTianjin-text-main">
 +
                                  <br/><br/><br/><br/>
 +
                                    Tianjin is a municipality directly under the central government of the Peoples Republic of China, national center city, super big city and economic center in the Bohai Rim, the first batch of coastal open cities, advanced manufacturing base of the national research and development, the northern international shipping core area and the precursor of the reform and opening. Tianjin is located in the north China plain and confluence of five tributaries of Haihe River, lying to the west of Bohai sea, in the north of Yanshan. Her mother river, Haihe River winds through the city. Tianjin rises up due to grain transportation since the ancient times. On November 21, Ming Yongle 2 (on December 23, 1404) it formally settled. This city was the only one which had the exact time record of the founding among the entire Chinese ancient cities. A long history of 600 years, makes Tianjin unique because it has both the characters of Chinese and the western countries, of the past and the modern times.
 +
                                </p>
 +
                            </div>
 +
                            <div class="title col-xs-12 col-md-6">
 +
                                <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/3/37/T--Tianjin--TianjinCity.svg" alt="Tianjin City">
 +
                            </div>
 +
                        </div>
 +
                      <div class="row">
 +
                            <div class="title col-xs-12 col-md-4">
 +
                                <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/7/70/T--Tianjin--TJU-LOGO.svg" alt="Tianjin University">
 +
                            </div>
 +
                            <div class="title col-xs-12 col-md-12">
 +
                                <p class="TeamTianjin-text-main">
 +
                                  <br/><br/><br/>
 +
                                    Tianjin University (<a class="TJUlink" href="http://www.tju.edu.cn/english/">TJU</a>) is a national key university directly under the ministry of education, whose predecessor is the Peiyang University. It was founded in October 2, 1895 and it is China’s first modern university. TJU has a good reputation both at home and abroad for the school motto, ‘seek truth from facts’, the monument school spirit, ‘rigorously do scholarly research’ and the tradition of patriotic dedication. In terms of the academic achievement. TJU gives priority to engineering research and combines it with science research, making efforts on the multidisciplinary coordinated development of finance, management, literature, law, education and other subjects. The chemical engineering and technology disciplines ranked first in China’s universities. In recent years, TJU’s researchers have made great achievements in biotechnology and synthetic biology.
 +
                                </p><br/><br/><br/>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 
    
 
    
    <div>&nbsp;</div> <div>&nbsp;</div> <div>&nbsp;</div>
+
 
<div class="wrap-header zerogrid">
+
<!--Team-->
</div>
+
  <div class="memberIntro">
 
+
    <div class="memberGrid" id="row1" data-col="6">
 
+
      <div class="memberBlock" id="MY" data-member="Yuan Ma" data-job="null" data-intro="null"><a> </a></div>
 
+
      <div class="memberBlock" id="DHR" data-member="Haoran Ding"><a> </a></div>
 
+
      <div class="memberBlock" id="SJ" data-member="Jian Song"><a> </a></div>
<div class="featured">
+
      <div class="memberBlock" id="HMZ" data-member="Mingzhe Han"><a> </a></div>
<div class="wrap-featured zerogrid">
+
      <div class="memberBlock" id="YJ" data-member="Ji Yu"><a> </a></div>
<div class="slider" >
+
      <div class="memberBlock" id="XLY" data-member="Liyi Xu"><a> </a></div>
<div class="rslides_container">
+
    </div>
<ul class="rslides" id="slider" style="margin:0em;padding:2px;">
+
    <div class="specialGrid" id="row3" data-col="3">
<li><img src="https://static.igem.org/mediawiki/2016/1/1e/TeamTianjin_BG_Test.jpg"/></li>
+
      <div class="memberBlock memberBlockSlim" id="YYJ" data-member="Prof. Yingjin Yuan"><a> </a></div>
<li><img src="https://static.igem.org/mediawiki/2016/1/1e/TeamTianjin_BG_Test.jpg"/></li>
+
      <div class="centerBlock centerBackground" id="center">
<li><img src="https://static.igem.org/mediawiki/2016/1/1e/TeamTianjin_BG_Test.jpg"/></li>
+
        <div class="memberName">
</ul>
+
        </div>
</div>
+
        <div class="memberJob">
</div>
+
        </div>
</div>
+
        <div class="memberIntro">
</div>
+
          <p class="IntroText">
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
+
          </p>
 
+
        </div>
<!--------------Content--------------->
+
      </div>
<section id="content">
+
      <div class="memberBlock memberBlockSlim" id="LBZ" data-member="Prof. BingZhi Li"><a> </a></div>
<div class="wrap-content zerogrid">
+
    </div>
<div class="row">
+
    <div class="memberGrid" id="row4" data-col="8">
<div id="main-content" class="col-2-3">
+
      <div class="memberBlock" id="XC" data-member="Chen Xin"><a> </a></div>
<div class="wrap-col">
+
      <div class="memberBlock" id="ZY" data-member="Yu Zhang"><a> </a></div>
<article>
+
      <div class="memberBlock" id="HB" data-member="Bo He"><a> </a></div>
<img src="team/assets/images/article01.png"/>
+
      <div class="memberBlock" id="YHP" data-member="Haipeng Yu"><a> </a></div>
<h2><a href="blog.html">Lorem ipsum dolor amet consectetur adipiscing elit</a></h2>
+
      <div class="memberBlock" id="XZM" data-member="Zhimeng Xu"><a> </a></div>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
+
      <div class="memberBlock" id="ZSY" data-member="Siyuan Zhen"><a> </a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. [...]</p>
+
      <div class="memberBlock" id="HL" data-member="Le He"><a> </a></div>
</article>
+
      <div class="memberBlock" id="MPZ" data-member="Pengzhi Mao"><a> </a></div>
<article>
+
    </div>
<img src="team/assets/images/article02.png"/>
+
    <div class="memberGrid" id="row2" data-col="8">
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
+
      <div class="memberBlock" id="DMY" data-member="Mingyu Du"><a> </a></div>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
+
      <div class="memberBlock" id="QLY" data-member="Lianyu Qian"><a> </a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. [...]</p>
+
      <div class="memberBlock" id="CJW" data-member="Jiawei Chen"><a> </a></div>
</article>
+
      <div class="memberBlock" id="WP" data-member="Peng Wang"><a> </a></div>
<article>
+
      <div class="memberBlock" id="CZX" data-member="Zhaoxi Chen"><a> </a></div>
<img src="team/assets/images/article03.png"/>
+
      <div class="memberBlock" id="ZHY" data-member="Hanyu Zhang"><a> </a></div>
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
+
      <div class="memberBlock " id="XZA" data-member="Zi'ang Xu"><a> </a></div>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
+
      <div class="memberBlock" id="ZMF" data-member="Mingfang Zhang"><a> </a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. [...]</p>
+
</article>
+
<article>
+
<img src="team/assets/images/article04.png"/>
+
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
+
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. [...]</p>
+
</article>
+
<article>
+
<img src="team/assets/images/article05.png"/>
+
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
+
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. [...]</p>
+
</article>
+
                    <article>
+
<img src="team/assets/images/article05.png"/>
+
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
+
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. [...]</p>
+
</article>
+
+
+
+
</div>
+
</div>
+
<div id="sidebar" class="col-1-3">
+
<div class="wrap-col">
+
<div class="box">
+
<div class="heading"><h2>Sponsors</h2></div>
+
<div class="content">
+
<a href="http://themeforest.net/category/site-templates?ref=4themes" target="_blank"><img src="team/assets/images/themeforest.jpg"/></a>
+
<a href="http://www.cssmoban.com/" target="_blank"><img src="team/assets/images/zerotheme.jpg"/></a>
+
</div>
+
</div>
+
<div class="box">
+
<div class="heading"><h2>Photos</h2></div>
+
<div class="content">
+
<div class="photos">
+
<a href="#"><img src="team/assets/images/photo01.png" /></a>
+
<a href="#"><img src="team/assets/images/photo02.png" /></a>
+
<a href="#"><img src="team/assets/images/photo03.png" /></a>
+
<a href="#"><img src="team/assets/images/photo04.png" /></a>
+
<a href="#"><img src="team/assets/images/photo05.png" /></a>
+
<a href="#"><img src="team/assets/images/photo01.png" /></a>
+
<a href="#"><img src="team/assets/images/photo02.png" /></a>
+
<a href="#"><img src="team/assets/images/photo03.png" /></a>
+
<a href="#"><img src="team/assets/images/photo05.png" /></a>
+
</div>
+
</div>
+
</div>
+
<div class="box">
+
<div class="heading"><h2>Categories</h2></div>
+
<div class="content">
+
<div class="linklist">
+
<ul>
+
<li><a href="http://www.cssmoban.com">Free Html5 Templates</a></li>
+
<li><a href="http://www.cssmoban.com">Free Responsive Themes</a></li>
+
<li><a href="http://www.cssmoban.com">Free Html5 and Css3 Themes</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
<div class="box">
+
<div class="heading"><h2>Popular Posts</h2></div>
+
<div class="content">
+
<div class="posts">
+
<img src="team/assets/images/post01.png"/>
+
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
+
<p>November 11 ,2012</p>
+
</div>
+
<div class="posts">
+
<img src="team/assets/images/post02.png"/>
+
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
+
<p>November 11 ,2012</p>
+
</div>
+
<div class="posts">
+
<img src="team/assets/images/post03.png"/>
+
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
+
<p>November 11 ,2012</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
                           
+
<div class="jumbotron" align="center">   
+
<div  id="advisor1">
+
 
+
  <a href="#max">
+
  <div class="media"><img class="media__image" src="images/1 (25).jpg" style="margin-bottom:0px;">
+
    <div class="media__body" id="max">
+
      <h2>Max van't Hof</h2>
+
      <p class="text-justify">Hi! After doing the bachelor Life Science &amp; Technology and being board member of the study association for one year I'm currently doing the master Life Science &amp; Technology. I'm the science manager of this year's team. For me iGEM is a nice practical application of my master and also a good way to learn more about other subjects like policy &amp; practice, fundraising and design.</p>
+
 
     </div>
 
     </div>
  </div>
 
    </a>
 
 
<a href="#stefan"><div class="media"><img class="media__image" src="images/1 (26).jpg" style="margin-bottom:0px;">
 
  <div class="media__body" id="stefan">
 
    <h2>Stefan Marsden</h2>
 
    <p class="text-justify"> After my Bachelor in Chemistry at the University of Basel (CH), I was looking for a new challenge which I found in the Life Science &amp; Technology Master and the iGEM competition. Biotechnology is a powerful tool to drive innovation towards greater sustainability in the chemical industry. My role is the scientific specification of our construct and hardware requirements for it to be put into practice. During my free time I fence saber on national level and I recently participated as a dancer in a theater production.</p>  </div>
 
</div>
 
</a>
 
 
<a href="#tudor">
 
<div class="media"><img class="media__image" src="images/1 (27).jpg" style="margin-bottom:0px;">
 
  <div class="media__body" id="tudor">
 
    <h2>Tudor Vlas</h2>
 
    <p class="text-justify"> Hey! I enrolled into iGEM because I saw it as a really challenging project, especially with respect to my background. I finished Automation and Computer Science at UT Cluj-Napoca (Romania) and am currently doing a Management of Technology Master's at TU Delft. Within iGEM, I am responsible of the Wiki and help with Policy and Practice efforts. I like to play football, video games and meet people from all over the world. </p>
 
 
   </div>
 
   </div>
</div>
+
    
</a>
+
    
 
+
<a href="#samantha">
+
<div class="media">
+
<img class="media__image" src="images/1 (28).jpg"  height="100%" style="margin-bottom:0px;">
+
   <div class="media__body" id="samantha">
+
    <h2>Samantha Basalo Vazquez</h2>
+
    <p class="text-justify">After completing my Bachelor in Chemical Engineering, I switched to the Master Life Science and Technology as I became intrigued by the eco-friendly production of useful products made by bacteria. With a prior background in chemical modeling, the position of modeling manager was the best fit for me! Besides my studies, I enjoy painting, swimming and travelling.  </p>
+
   </div>
+
</div>
+
</a>
+
 
+
<a href="#hector">
+
<div class="media"><img class="media__image" src="images/1 (29).jpg" style="margin-bottom:0px;">
+
  <div class="media__body" id="hector">
+
    <h2>Hector Sanguesa Ferrer</h2>
+
    <p class="text-justify">I am an enthusiastic student from Morella, Spain, who is working hard for the Master program in Life Sciences and Technology. After some years studying my Bachelor’s degree in Barcelona, I moved to Delft looking for new experiences in biotechnology. Here I had the great opportunity to join the iGem team, where I am responsible of safety issues and lab management. In my free time, I enjoy doing sport and reading;  I could say I enjoy playing football as much as I enjoy science.</p>
+
  </div>
+
</div>
+
</a>
+
 
+
<a href="#michelle">
+
<div class="media"><img class="media__image" src="images/1 (30).jpg" style="margin-bottom:0px;">
+
  <div class="media__body" id="michelle">
+
    <h2>Michelle Post</h2>
+
    <p class="text-justify">Ciao, I am an ambitious, motivated and open-minded student with interest in both the biotechnology and science communication. Being the policy and practice manager gave me the excellent opportunity to explore both sides; a perfect combination between science and communication. Besides iGEM I really enjoy singing in my jazz band ‘The Bowties’, cooking delicious dinners for my friends and drinking wine or Belgian beers.</p>
+
  </div>
+
</div>
+
</a>
+
 
+
<a href="#liana">
+
<div class="media"><img class="media__image" src="images/1 (31).jpg" style="margin-bottom:0px;">
+
  <div class="media__body" id="liana">
+
    <h2>Liana Uilecan</h2>
+
    <p class="text-justify">Hi! I am Liana, a Computer Science Engineer from Romania. I am currently doing my Master in Management of Technology. I joined iGEM because of its multidisciplinarity long term project. I am the team leader and part of the wiki and policy and practice teams. Along iGEM I enjoy travelling and cooking (eating :) ) delicious Italian and Japanese food. </p>
+
  </div>
+
</div>
+
</a>
+
 
+
 
+
<a href="#marit">
+
<div class="media"><img class="media__image" src="images/1 (32).jpg" style="margin-bottom:0px;">
+
  <div class="media__body" id="marit">
+
    <h2>Marit van der Does</h2>
+
    <p class="text-justify"> Hi. I'm a third year bachelor Nanobiology student . The reason I joined iGEM was to get more practical experience. I learn a lot during my study programme, but I also wanted to learn how to use that knowledge. I am the Public Relations Manger of the team, but I also help a lot with the modelling and the lab work.</p>
+
  </div>
+
</div>
+
</a>
+
 
+
<a href="#anne">
+
<div class="media"><img class="media__image" src="images/1 (33).jpg" style="margin-bottom:0px;">
+
  <div class="media__body" id="anne">
+
    <h2>Anne Rodenburg</h2>
+
    <p class="text-justify">I'm a fourth year student, studying biological and medical laboratory studies. I joined the team to gain more practical experience, and insight in different subjects. Together with the entire team, I believe that we'll be able to set up a great project. I am the Fundraising and Budget Manager of the team. </p>
+
  </div>
+
</div>
+
</a>
+
<a href="#anne">
+
<div class="media"><img class="media__image" src="images/1 (34).jpg" style="margin-bottom:0px;">
+
  <div class="media__body" id="anne">
+
    <h2>Anne Rodenburg</h2>
+
    <p class="text-justify">I'm a fourth year student, studying biological and medical laboratory studies. I joined the team to gain more practical experience, and insight in different subjects. Together with the entire team, I believe that we'll be able to set up a great project. I am the Fundraising and Budget Manager of the team. </p>
+
  </div>
+
</div>
+
</a>
+
 
+
</div>
+
</div>
+
 
+
<ul id="pagi">
+
<li><a class="current" href="#">1</a></li>
+
<li><a href="#">2</a></li>
+
<li><a href="#">3</a></li>
+
<li><a href="#">4</a></li>
+
<li><a href="#">next</a></li>
+
</ul>
+
</section>
+
       
+
 
+
 
+
 
</body>
 
</body>
  
 
+
<!-------------- Team Tianjin WIKI Page: Team End ---------------->
    <script>
+
var x = 600;
+
var y = 2000;
+
for ( var i = 1; i < 22; i++ ){ 
+
var rand = parseInt(Math.random() * (x - y + 1) + y);
+
var randpic = "http://randomimage.setgetgo.com/get.php?width=" + rand;
+
    $("#MemberName" + i).attr("src", randpic);
+
}
+
    </script>
+
<script src="team/assets/js/responsiveslides.js"></script>
+
+
    <script type="text/javascript" src="http://dandyweng.qiniudn.com/js/home.min.js"></script>
+
   
+
 
+
 
+
<script>
+
$(function () {
+
  $("#slider").responsiveSlides({
+
auto: true,
+
pager: false,
+
nav: true,
+
speed: 500,
+
maxwidth: 1282,                                            <!--     style可调                    -->
+
namespace: "centered-btns"
+
  });
+
});
+
</script>
+
 
+
 
+
 
+
 
</html>
 
</html>
  
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/Team/js/responsiveslides.js}}
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/teampage}}
 +
{{:Team:Tianjin/Templates/Sponsor|}}

Revision as of 19:48, 13 October 2016

TEAM TIANJIN



Team Tianjin Background

Plasterminator

"Plastic tastes good."





Tianjin is a municipality directly under the central government of the Peoples Republic of China, national center city, super big city and economic center in the Bohai Rim, the first batch of coastal open cities, advanced manufacturing base of the national research and development, the northern international shipping core area and the precursor of the reform and opening. Tianjin is located in the north China plain and confluence of five tributaries of Haihe River, lying to the west of Bohai sea, in the north of Yanshan. Her mother river, Haihe River winds through the city. Tianjin rises up due to grain transportation since the ancient times. On November 21, Ming Yongle 2 (on December 23, 1404) it formally settled. This city was the only one which had the exact time record of the founding among the entire Chinese ancient cities. A long history of 600 years, makes Tianjin unique because it has both the characters of Chinese and the western countries, of the past and the modern times.

Tianjin City
Tianjin University




Tianjin University (TJU) is a national key university directly under the ministry of education, whose predecessor is the Peiyang University. It was founded in October 2, 1895 and it is China’s first modern university. TJU has a good reputation both at home and abroad for the school motto, ‘seek truth from facts’, the monument school spirit, ‘rigorously do scholarly research’ and the tradition of patriotic dedication. In terms of the academic achievement. TJU gives priority to engineering research and combines it with science research, making efforts on the multidisciplinary coordinated development of finance, management, literature, law, education and other subjects. The chemical engineering and technology disciplines ranked first in China’s universities. In recent years, TJU’s researchers have made great achievements in biotechnology and synthetic biology.




Team Tianjin Sponsor Alltech
Team Tianjin Sponsor GenScript
Team Tianjin Sponsor SynbioTech