Difference between revisions of "Team:Tianjin/Team"

Line 1: Line 1:
−
{{Tianjin}}
 
−
<html>
 
  
 +
{{:Team:Tianjin/Templates/MaterialTheme|}}
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/gallery}}
  
 +
<html lang="en">
  
−
<div class="column full_size" >
+
<style>
 +
  #Overview{
 +
    color: inherit;
 +
    background-color: rgba(255, 255, 255, 0.1);
 +
  }
 +
</style>
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<body>
 +
<!-- Style -->
 +
<link rel="stylesheet" href="assets/css/gallery.css">
  
 +
<div class="wrapper-white">
 +
<!-- Text Area -->
 +
            <div class="section-page-header" id="TeamMembers">
 +
                <div class="text-area">
 +
                    <div class="container">
 +
                        <div class="row">
 +
                            <div class="title">
 +
                                <h1>The Team</h1>
 +
                                <p class="TeamTianjin-text-main">
 +
                                    This March our team paid much attention to an article <i class="ref-title">A bacterium that degrades and assimilates poly(ethylene terephthalate)</i><a class="btn popover-info ref-title-link" data-toggle="popover" data-placement="top" title="Reference" data-content="Yoshida, Shosuke, et al. 'A bacterium that degrades and assimilates poly (ethylene terephthalate).' Science 351.6278 (2016): 1196-1199.">1</a> published in Science in the same month. A new kind of bacteria that can decompose PET was found and studied in detail. We plan to express its unique genes in some commonly used mode organisms such as yeasts and E.colis to enhance its activities of decomposition significantly since they are relatively low at present.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
<div class="section TeamTianjin-gallery">
 +
<div id="fh5co-main">
 +
<div>
 +
<div class="row">
 +
        <div id="fh5co-board" data-columns>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_1.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName1" src="images/img_1.jpg" alt="TeamMember"></a>
 +
        </div>
 +
        <div class="fh5co-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?</div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_2.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName2" src="images/img_2.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Veniam voluptatum voluptas tempora debitis harum totam vitae hic quos.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_3.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName3" src="images/img_3.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Optio commodi quod vitae, vel, officiis similique quaerat odit dicta.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_4.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName4" src="images/img_4.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Dolore itaque deserunt sit, at exercitationem delectus, consequuntur quaerat sapiente.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_5.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName5" src="images/img_5.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Tempora distinctio inventore, nisi excepturi pariatur tempore sit quasi animi.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_6.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName6" src="images/img_6.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Sequi, eaque suscipit accusamus. Necessitatibus libero, unde a nesciunt repellendus!</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_7.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName7" src="images/img_7.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Necessitatibus distinctio eos ipsam cum hic temporibus assumenda deleniti, soluta.</div>
 +
                    <div class="fh5co-desc">AAAAAAAAAAAAAAAAAAAAAA.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_8.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName8" src="images/img_8.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Debitis voluptatum est error nulla voluptate eum maiores animi quasi?</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_9.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName9" src="images/img_9.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Maxime qui eius quisquam quidem quos unde consectetur accusamus adipisci!</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_10.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName10" src="images/img_10.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Incidunt, eaque et. Et odio excepturi, eveniet facilis explicabo assumenda.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_11.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName11" src="images/img_11.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Laborum dolores nihil voluptates quas alias distinctio fugiat tempora sit.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_12.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName12" src="images/img_12.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Sit, quis nulla amet numquam fugit, in reiciendis laboriosam dolor.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_13.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName13" src="images/img_13.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Possimus explicabo voluptatem natus nisi similique ipsa repudiandae? Quibusdam, fuga.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_14.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName14" src="images/img_14.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Magni repellendus iusto mollitia, quibusdam facilis incidunt. Sunt, repellat, voluptatem.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_15.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName15" src="images/img_15.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Unde iure rerum cupiditate explicabo quam aut vel earum numquam.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_16.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName16" src="images/img_16.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Qui nisi error dolorum dolor delectus, alias doloremque perspiciatis nemo.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_18.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName17" src="images/img_17.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Neque porro vero cumque natus nam voluptatibus, ratione, commodi labore.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_17.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName18" src="images/img_18.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Quisquam quia totam, sit ea maxime sint sed excepturi quod.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_19.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName19" src="images/img_19.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Nesciunt non iste ex nemo sapiente eum, provident nam corporis.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_20.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName20" src="images/img_20.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Harum repellat labore est cum ipsa, nesciunt neque mollitia adipisci?</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_22.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName21" src="images/img_21.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Quos repellendus repudiandae debitis reprehenderit cupiditate cumque accusamus exercitationem, harum.</div>
 +
        </div>
 +
        </div>
 +
        <div class="item">
 +
        <div class="animate-box">
 +
        <a href="images/img_21.jpg" class="image-popup fh5co-board-img" title="Team Tianjin Member"><img id="MemberName22" src="images/img_22.jpg" alt="TeamMember"></a>
 +
        <div class="fh5co-desc">Deleniti aliquid, accusantium, consectetur harum eligendi vitae quaerat reiciendis sit?</div>
 +
        </div>
 +
        </div>
 +
        </div>
 +
        </div>
 +
      </div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
       
−
<h1>丁昊然不知道自己为什么在这儿</h1>
+
<div class="alert alert-info">
−
<table><tr><td></td><td></td><td></td><tr/><tr><td></td></tr>
+
    <div class="container-fluid">
−
<h5>Inspiration</h5>
+
  <div class="alert-icon">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<i class="material-icons">info_outline</i>
−
Here are a few examples:</p>
+
  </div>
−
<ul>
+
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<span aria-hidden="true"><i class="material-icons">clear</i></span>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
  </button>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
  <b>Notice:</b> This page is currently under construction. Contents in this page are temporaory and will be modified several times before the final release. &nbsp;&nbsp;&nbsp; &#8212; 2016 iGEM Team Tianjin
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
    </div>
−
</ul>
+
−
 
+
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
</body>
−
<h5>What should this page contain?</h5>
+
    <script>
−
<ul>
+
var x = 600;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
var y = 2000;
−
<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>
+
for ( var i = 1; i < 22; i++ ){ 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
var rand = parseInt(Math.random() * (x - y + 1) + y);
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
var randpic = "http://randomimage.setgetgo.com/get.php?width=" + rand;
−
</ul>
+
    $("#MemberName" + i).attr("src", randpic);
−
</div>
+
}
 +
    </script>
 +
</html>
  
−
 
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/gallery}}
−
 
+
−
 
+
−
</html>
+

Revision as of 14:00, 9 July 2016

TEAM TIANJIN

LOGO


The Team

This March our team paid much attention to an article A bacterium that degrades and assimilates poly(ethylene terephthalate)1 published in Science in the same month. A new kind of bacteria that can decompose PET was found and studied in detail. We plan to express its unique genes in some commonly used mode organisms such as yeasts and E.colis to enhance its activities of decomposition significantly since they are relatively low at present.

TeamMember
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?
TeamMember
Veniam voluptatum voluptas tempora debitis harum totam vitae hic quos.
TeamMember
Optio commodi quod vitae, vel, officiis similique quaerat odit dicta.
TeamMember
Dolore itaque deserunt sit, at exercitationem delectus, consequuntur quaerat sapiente.
TeamMember
Tempora distinctio inventore, nisi excepturi pariatur tempore sit quasi animi.
TeamMember
Sequi, eaque suscipit accusamus. Necessitatibus libero, unde a nesciunt repellendus!
TeamMember
Necessitatibus distinctio eos ipsam cum hic temporibus assumenda deleniti, soluta.
AAAAAAAAAAAAAAAAAAAAAA.
TeamMember
Debitis voluptatum est error nulla voluptate eum maiores animi quasi?
TeamMember
Maxime qui eius quisquam quidem quos unde consectetur accusamus adipisci!
TeamMember
Incidunt, eaque et. Et odio excepturi, eveniet facilis explicabo assumenda.
TeamMember
Laborum dolores nihil voluptates quas alias distinctio fugiat tempora sit.
TeamMember
Sit, quis nulla amet numquam fugit, in reiciendis laboriosam dolor.
TeamMember
Possimus explicabo voluptatem natus nisi similique ipsa repudiandae? Quibusdam, fuga.
TeamMember
Magni repellendus iusto mollitia, quibusdam facilis incidunt. Sunt, repellat, voluptatem.
TeamMember
Unde iure rerum cupiditate explicabo quam aut vel earum numquam.
TeamMember
Qui nisi error dolorum dolor delectus, alias doloremque perspiciatis nemo.
TeamMember
Neque porro vero cumque natus nam voluptatibus, ratione, commodi labore.
TeamMember
Quisquam quia totam, sit ea maxime sint sed excepturi quod.
TeamMember
Nesciunt non iste ex nemo sapiente eum, provident nam corporis.
TeamMember
Harum repellat labore est cum ipsa, nesciunt neque mollitia adipisci?
TeamMember
Quos repellendus repudiandae debitis reprehenderit cupiditate cumque accusamus exercitationem, harum.
TeamMember
Deleniti aliquid, accusantium, consectetur harum eligendi vitae quaerat reiciendis sit?
info_outline
Notice: This page is currently under construction. Contents in this page are temporaory and will be modified several times before the final release.     — 2016 iGEM Team Tianjin