Difference between revisions of "Team:SCUT-China/Contribution"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
 
−
{{SCUT-China}}
+
{{SCUT-China/CSS}}
 +
{{SCUT-China/CSS-animate}}
 +
{{SCUT-China/CSS-header}}
 +
 
 
<html>
 
<html>
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <!-- ---------------------------{{IGEM_TopBar}} {{SCUT-China}}------------------------ -->
 +
    <link rel="stylesheet" type="text/css"
 +
href="https://2021.igem.org/Team:SCUT-China/CSS/style-content-1?action=raw&ctype=text/css" />
 +
    <style media="screen">
 +
      #top_title{ display:none; }
 +
      #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
 +
body, html {background-color:white; width: 100%; height: 100%;}
 +
      p {font-size:15px;}
 +
    </style>
 +
    <title></title>
 +
  </head>
 +
  <body>
 +
      <!-- ---------------------------------Header Start---------------------------- -->
 +
  <div class="header-area">
 +
        <div class="main-header ">
 +
            <div class="header-bottom  header-sticky">
 +
                <div class="container-fluid">
 +
                    <div class="menu-all">
 +
                        <!-- Logo -->
 +
                        <div class="logo">
 +
                            <a href="home-1.html"><img  src="images/img_2.jpg" alt=""></a>
 +
                        </div>
 +
                        <!-- Main-menu -->
 +
                        <div class="main-menu">
 +
                                <nav>
 +
                                    <ul id="navigation">
 +
                                        <li><a href="https://2021.igem.org/Team:SCUT-China">HOME</a></li>
  
−
<div class="column full_size judges-will-not-evaluate">
+
                                        <li><a href="">PROJECT</a>
−
<h3>★ ALERT! </h3>
+
                                          <ul class="submenu"  style="margin-left: 0px;">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>. </p>
+
<li><a href="https://2021.igem.org/Team:SCUT-China/Description">Description</a></li>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Design">Design</a></li>
−
</div>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Experiments">Experiments</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/AchieveMents">AchieveMents</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Model">Model</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Timeline">Timeline</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Contribution">Contribution</a></li>
 +
                                          </ul>
 +
                                        </li>
 +
<li><a href="#">WETLAB</a>
 +
<ul class="submenu" style="margin-left: 0px;">
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Protocols">Protocols</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Improve">Improve</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Parts">Parts</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">TEAM</a>
 +
<ul class="submenu"  style="margin-left: 0px;">
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Attributions">Attributions</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Team">Team members</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Journey-and-Stories">Journey and Stories</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Conteact-Us">Conteact Us</a></li>
 +
</ul>
 +
</li>
 +
                                        <li><a href="#">HUMAN PRACTICE</a>
 +
                                            <ul class="submenu" style="margin-left: 0px;">
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Integrated-Human-Practices">Integrated Human Practices</a></li>
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Public-Education">Public Education and Engagement</a></li>
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Collaborations">Collaborations</a></li>
 +
                                            </ul>
 +
                                        </li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Safety">SAFETY</a></li>
 +
                                        <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">AWARDS</a>
 +
                                          <ul class="submenu" style="margin-left: 0px;">
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Medals">Medals</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">Awards</a></li>
 +
                                          </ul>
 +
                                        </li>
 +
                                    </ul>
 +
                                </nav>
 +
                        </div>
 +
                        <!-- Mobile Menu -->
 +
  <div class="main-menu-min">
 +
<nav class="nav">
 +
<ul >
 +
<li class="current"><div align="center"><img src="https://static.igem.org/mediawiki/2021/f/f3/T--SCUT-China--_nav_min.png"></div></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Description">Project</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Protocols">WetLab</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Team">Team</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Integrated-Human-Practices">Human Proctice</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Safety">Safety</a></li>
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Awards">Awards</a>
 +
</ul>
 +
</div>
 +
 +
 +
                      <!-- Mobile Menu -->
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!-- Header End -->
  
 +
    <!-- -------------------------------------分级页面布局------------------------------------ -->
  
−
<div class="clear"></div>
+
    <!-- START Section -->
 +
    <section class="section border-t pb-0">
 +
      <div class="container">
 +
        <div class="row justify-content-center mb-5 element-animate">
 +
          <div class="col-md-8 text-center">
 +
            <h2 class=" heading mb-4">Contribution</h2>
 +
            <p class="mb-5 lead" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="container">
 +
      <div class="container-fluid">
 +
        <div class="row no-gutters">
 +
          <div class="col-md-4 element-animate">
 +
            <a href="#Part1" class="link-thumbnail">
 +
              <h3 style="color: #fff;
 +
  font-size: 18px;">Part Name 1</h3>
 +
              <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid">
 +
            </a>
 +
          </div>
 +
          <div class="col-md-4 element-animate">
 +
            <a href="#Part2" class="link-thumbnail">
 +
              <h3>Part Name 2</h3>
 +
              <img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" alt="Image" class="img-fluid">
 +
            </a>
 +
          </div>
 +
          <div class="col-md-4 element-animate">
 +
            <a href="#Part3" class="link-thumbnail">
 +
              <h3>Part Name 3</h3>
 +
              <span class="ion-plus icon"></span>
 +
              <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid">
 +
            </a>
 +
          </div>
 +
          <div class="col-md-4 element-animate">
 +
            <a href="#Part4" class="link-thumbnail">
 +
              <h3>Part Name 4</h3>
 +
              <span class="ion-plus icon"></span>
 +
              <img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" alt="Image" class="img-fluid">
 +
            </a>
 +
          </div>
 +
          <div class="col-md-4 element-animate">
 +
            <a href="#Part5" class="link-thumbnail">
 +
              <h3>Part Name 5</h3>
 +
              <span class="ion-plus icon"></span>
 +
              <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid">
 +
            </a>
 +
          </div>
 +
          <div class="col-md-4 element-animate">
 +
            <a href="#Part6" class="link-thumbnail">
 +
              <h3>Part Name 6</h3>
 +
              <span class="ion-plus icon"></span>
 +
              <img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" alt="Image" class="img-fluid">
 +
            </a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <!-- END section -->
 +
   
 +
    <!-- START block -->
 +
    <section class="section element-animate" id="Part1">
 +
      <div class="container">
 +
        <div class="row align-items-center mb-5">
 +
          <div class="col-md-6 mb-5">
 +
            <div class="block-41">
 +
              <div class="block-41-subheading d-flex">
 +
                <div class="block-41-number">01</div>
 +
                <div class="block-41-line align-self-center mx-2"></div>
 +
                <div class="block-41-subheading-2">one photo</div>
 +
              </div>
 +
              <h2 class="block-41-heading mb-5">Part Name 1</h2>
 +
              <div class="block-41-text">
 +
                <p style="font-size: 19px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <div class="col-md-6">
 +
            <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid-block">
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
 +
    <section class="section element-animate" id="Part2">
 +
      <div class="container">
 +
        <div class="row align-items-center mb-5">
 +
          <div class="col-md-12 mb-5">
 +
            <div class="block-41">
 +
              <div class="block-41-subheading d-flex">
 +
                <div class="block-41-number">02</div>
 +
                <div class="block-41-line align-self-center mx-2"></div>
 +
                <div class="block-41-subheading-2">two photos</div>
 +
              </div>
 +
              <h2 class="block-41-heading mb-5">Part Name 2</h2>
 +
              <div class="block-41-text">
 +
                <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 +
               
 +
              </div>
 +
            </div>
 +
          </div>
 +
            <div class="col-md-12 mb-5">
 +
              <table frame=void rules=none cellspacing=0 >
 +
                <tr>
 +
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid" class="img-fluid-block">picture 1 </center></td>
 +
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid">picture 2 </center></td>
 +
                </tr>
 +
            </table>
 +
              </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
 +
    <section class="section bg-light" id="Part3">
 +
      <div class="container">
 +
        <div class="row justify-content-center mb-5 element-animate">
 +
          <div class="col-md-8 text-center">
 +
            <h2 class=" heading mb-4">Part Name 3</h2>
 +
            <p class="mb-5 lead" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.</p>
 +
          </div>
 +
          <table>
 +
            <tr>
 +
              <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid" >picture 1 </center></td>
 +
              <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid">picture 2 </center></td>
 +
              <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid">picture 3 </center></td>
 +
            </tr>
 +
        </table>
  
−
<div class="column full_size">
+
        </div>
 +
      </div>
 +
    </section>
  
−
<h1>Contribution </h1>
+
    <section class="section element-animate" id="Part4">
−
<H3>
+
      <div class="container">
−
Bronze Medal Criterion #4
+
        <div class="row align-items-center mb-5">
−
</H3>
+
          <div class="col-md-6 mb-5">
−
<p>Make a useful contribution for future iGEM teams. Use this page to document that contribution.
+
            <div class="block-41">
−
<br><br>
+
              <div class="block-41-subheading d-flex">
 +
                <div class="block-41-number">04</div>
 +
                <div class="block-41-line align-self-center mx-2"></div>
 +
                <div class="block-41-subheading-2">four photo</div>
 +
              </div>
 +
              <h2 class="block-41-heading mb-5">Part Name 4</h2>
 +
              <div class="block-41-text">
 +
                <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 +
              </div>
 +
            </div>
 +
            <table>
 +
              <tr>
 +
                <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg " class="img-fluid" >picture 1 </center></td>
 +
                <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid">picture 2 </center></td>
 +
              </tr>
 +
          </table>
 +
          </div>
 +
          <div class="col-md-6 ">
 +
              <div class="block-41-text">
 +
                <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 +
              </div>
 +
              <table>
 +
                <tr>
 +
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid">picture 1 </center></td>
 +
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid">picture 2 </center></td>
 +
                </tr>
 +
            </table>
 +
            <div class="block-41-text">
 +
              <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        </div>
  
−
Please see the <a href="https://2021.igem.org/Judging/Medals">2021 Medals Page</a> for more information.
+
    </section>
  
−
<p>If you are making a contribution by adding information to an existing Part or creating a new Part, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria. You can use this page to link to that part and include additional information about your contribution.</p>
+
    <section class="section bg-light" id="Part5">
−
</P>
+
      <div class="container">
−
</DIV>
+
        <div class="row justify-content-center mb-5 element-animate">
 +
          <div class="col-md-8 text-center">
 +
            <h2 class=" heading mb-4">Part Name 5</h2>
 +
            <p class="mb-5 lead" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.<br>
 +
            theme color deep:#1d4453<br>
 +
            theme color medium:#187d91<br>
 +
            theme color shallow:#c7d9e3<br>
 +
          </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <!-- END block {{SCUT-China/Javascript-main-min}}-->
 +
<script src="https://2021.igem.org/Team:SCUT-China/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2021.igem.org/Team:SCUT-China/Javascript/jquery/waypoints?action=raw&ctype=text/javascript"></script>
 +
 
 +
<script type="text/javascript" src="https://2021.igem.org/Team:SCUT-China/Javascript/main-4?action=raw&ctype=text/javascript"></script>
 +
   
 +
</body>
 +
 
 +
</html>
 +
 
 +
 
 +
<div class="column full_size judges-will-not-evaluate">
 +
<h3>★  ALERT! </h3>
 +
<p>This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>. </p>
 +
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 +
</div>

Revision as of 13:25, 25 July 2021

Contribution

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.

Part Name 1

Image

Part Name 2

Image

Part Name 3

Image

Part Name 4

Image

Part Name 5

Image

Part Name 6

Image
01
one photo

Part Name 1

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Image
02
two photos

Part Name 2

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

picture 1
picture 2

Part Name 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.

picture 1
picture 2
picture 3
04
four photo

Part Name 4

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

picture 1
picture 2

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

picture 1
picture 2

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Part Name 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.
theme color deep:#1d4453
theme color medium:#187d91
theme color shallow:#c7d9e3


★ ALERT!

This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>.

Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.