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

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{SCUT-China/CSS}}
−
{{SCUT-China}}
+
{{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>
 +
 +
                                        <li><a href="">PROJECT</a>
 +
                                          <ul class="submenu"  style="margin-left: 0px;">
 +
<li><a href="https://2021.igem.org/Team:SCUT-China/Description">Description</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Design">Design</a></li>
 +
                                              <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="column full_size">
+
    <!-- -------------------------------------分级页面布局------------------------------------ -->
  
−
<h1>Experiments</h1>
+
    <!-- START Section -->
−
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
+
    <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">Experiments</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>
  
−
<p>
+
    <section class="section element-animate" id="Part2">
−
If you made Parts this year, please remember to put all information, characterization, and measurement data on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.  
+
      <div class="container">
−
</p>
+
        <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>
  
−
</div>
+
    <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>
 +
      </div>
 +
    </section>
  
 +
    <section class="section element-animate" id="Part4">
 +
      <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">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>
  
−
<div class="column two_thirds_size">
+
    </section>
−
<h3>What should this page contain?</h3>
+
−
<ul>
+
−
<li> Protocols </li>
+
−
<li> Experiments </li>
+
−
</ul>
+
  
−
</div>
+
    <section class="section bg-light" id="Part5">
 +
      <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 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}}-->
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<ul>
 
−
<li><a href="https://2019.igem.org/Team:Nantes/Experiments">2019 Nantes </a></li>
 
−
<li><a href="https://2019.igem.org/Team:TU_Eindhoven/Experiments">2019 TU Eindhoven </a></li>
 
−
<li><a href="https://2019.igem.org/Team:Mingdao/Demonstrate">2019 Mingdao </a></li>
 
−
<li><a href="https://2020.igem.org/Team:Amsterdam/Experiments">2020 Amsterdam </a></li>
 
−
<li><a href="https://2020.igem.org/Team:NCTU_Formosa/Experiments">2020 NCTU Formosa </a></li>
 
−
<li><a href="https://2020.igem.org/Team:USAFA/Experiments">2020 USAFA </a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
  
  
 +
  
 +
   
 +
<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>
 
</html>

Revision as of 13:18, 25 July 2021

Experiments

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