Difference between revisions of "Team:Tongji China/InterLab"

(Prototype team page)
 
Line 1: Line 1:
−
{{Tongji_China}}
+
{{Tongji_China/Header}}
−
<html>
+
  
 +
<!-- This document, originally from getmdl.io, was modified -->
  
−
<div class="column full_size judges-will-not-evaluate">
+
<!--
−
<h3>★  ALERT! </h3>
+
  Material Design Lite
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
  Copyright 2015 Google Inc. All rights reserved.
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
−
<div class="column full_size">
+
  Licensed under the Apache License, Version 2.0 (the "License");
−
<h1>InterLab</h1>
+
  you may not use this file except in compliance with the License.
−
<h3>Bronze Medal Criterion #4</h3>
+
  You may obtain a copy of the License at
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
+
 
−
<br><br>
+
      https://www.apache.org/licenses/LICENSE-2.0
−
For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.
+
 
 +
  Unless required by applicable law or agreed to in writing, software
 +
  distributed under the License is distributed on an "AS IS" BASIS,
 +
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 +
  See the License for the specific language governing permissions and
 +
  limitations under the License
 +
-->
 +
{{Tongji_China}}
 +
<html lang="en">
 +
  <head>
 +
    <title>Tongji iGEM</title>
 +
  </head>
 +
  <body>
 +
   
 +
      <div class="android-content mdl-layout__content">
 +
        <a name="top"></a>
 +
        <div class="android-be-together-section mdl-typography--text-center">
 +
          <div class="logo-font android-slogan" style="color:#ffffff;">2017 Tongji iGEM Team</div>
 +
          <div class="logo-font android-sub-slogan" style="color:#ffffff;">welcome to our wiki, here you'll find all the info you need on our project</div>
 +
          <!-- <div class="logo-font android-create-character">
 +
            <a href=""><img src="2017tongji_images/andy.png"> discover more</a>
 +
          </div> -->
  
−
</p>
+
          <a href="#screens">
−
</div>
+
            <button class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
 +
              <i class="material-icons">expand_more</i>
 +
            </button>
 +
          </a>
 +
        </div>
 +
        <div class="android-screen-section mdl-typography--text-center">
 +
          <a name="screens"></a>
 +
          <div class="mdl-typography--display-1-color-contrast">This website should work on any device!</div>
 +
          <div class="android-screens">
 +
            <div class="android-wear android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/wear-silver-on.png">
 +
                <img class="android-screen-image" src="2017tongji_images/wear-black-on.png">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Home</a>
 +
            </div>
 +
            <div class="android-phone android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/nexus6-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Project</a>
 +
            </div>
 +
            <div class="android-tablet android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/nexus9-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Outreach</a>
 +
            </div>
 +
            <div class="android-tv android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/tv-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Safety</a>
 +
            </div>
 +
            <div class="android-auto android-screen">
 +
              <a class="android-image-link" href="">
 +
                <img class="android-screen-image" src="2017tongji_images/auto-on.jpg">
 +
              </a>
 +
              <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase mdl-typography--text-left" href="">More...</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="android-wear-section">
 +
          <div class="android-wear-band">
 +
            <div class="android-wear-band-text">
 +
              <div class="mdl-typography--display-2 mdl-typography--font-thin">Our team worked on </div>
 +
              <p class="mdl-typography--headline mdl-typography--font-thin">
 +
                pictures that are alive, litteraly.
 +
              </p>
 +
              <p>
 +
                <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="">
 +
                  See how we did it&nbsp;<i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="android-customized-section">
 +
          <div class="android-customized-section-text">
 +
            <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">We would like to thanks those who helped us</div>
 +
            <p class="mdl-typography--font-light">
 +
              Like our fantastic advisors, some other people and maybe even a couple of companies!
 +
              <br>
 +
              <a href="" class="android-link mdl-typography--font-light">Find out about our team and our friends</a>
 +
            </p>
 +
          </div>
 +
          <div class="android-customized-section-image"></div>
 +
        </div>
 +
        <div class="android-more-section">
 +
          <div class="android-section-title mdl-typography--display-1-color-contrast">Here are the most important links</div>
 +
          <div class="android-card-container mdl-grid">
 +
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 +
              <div class="mdl-card__media">
 +
                <img src="2017tongji_images/more-from-1.png">
 +
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 1</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 1</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 1
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
  
 +
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 +
              <div class="mdl-card__media">
 +
                <img src="2017tongji_images/more-from-4.png">
 +
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 2</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 2</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 2
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
  
 +
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 +
              <div class="mdl-card__media">
 +
                <img src="2017tongji_images/more-from-2.png">
 +
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 3</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 3</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 3
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
  
 +
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 +
              <div class="mdl-card__media">
 +
                <img src="2017tongji_images/more-from-3.png">
 +
              </div>
 +
              <div class="mdl-card__title">
 +
                <h4 class="mdl-card__title-text">Some kind of page 4</h4>
 +
              </div>
 +
              <div class="mdl-card__supporting-text">
 +
                <span class="mdl-typography--font-light mdl-typography--subhead">Description of the page 4</span>
 +
              </div>
 +
              <div class="mdl-card__actions">
 +
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 +
                  Call to action 3
 +
                  <i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
  
 +
        <footer class="android-footer mdl-mega-footer">
 +
          <div class="mdl-mega-footer--top-section">
 +
            <div class="mdl-mega-footer--left-section">
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
              &nbsp;
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
              &nbsp;
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
            </div>
 +
            <div class="mdl-mega-footer--right-section">
 +
              <a class="mdl-typography--font-light" href="#top">
 +
                Back to Top
 +
                <i class="material-icons">expand_less</i>
 +
              </a>
 +
            </div>
 +
          </div>
  
 +
          <div class="mdl-mega-footer--middle-section">
 +
            <p class="mdl-typography--font-light">The empty squares above are for social media links</p>
 +
            <p class="mdl-typography--font-light">Some kind of footer message</p>
 +
          </div>
  
 +
          <div class="mdl-mega-footer--bottom-section">
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
 +
              Look! It expands!
 +
              <i class="material-icons">arrow_drop_up</i>
 +
            </a>
 +
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
 +
              <li class="mdl-menu__item">First expanded option</li>
 +
              <li class="mdl-menu__item">more</li>
 +
              <li class="mdl-menu__item">even more</li>
 +
              <li class="mdl-menu__item">even even more</li>
 +
            </ul>
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
 +
              Another expandable
 +
              <i class="material-icons">arrow_drop_up</i>
 +
            </a>
 +
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
 +
              <li class="mdl-menu__item">Info</li>
 +
              <li class="mdl-menu__item">Info 2</li>
 +
              <li class="mdl-menu__item">More</li>
 +
              <li class="mdl-menu__item">More2</li>
 +
            </ul>
 +
            <a class="android-link mdl-typography--font-light" href="">Blog</a>
 +
            <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>
 +
          </div>
  
 +
        </footer>
 +
      </div>
 +
    </div>
 +
    <!-- <a href="http://LINK_TO_PROJECT" target="_blank" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--accent mdl-color-text--accent-contrast">Project</a> -->
 +
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 19:08, 17 October 2017


HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Tongji_China

Tongji iGEM
2017 Tongji iGEM Team
welcome to our wiki, here you'll find all the info you need on our project
This website should work on any device!
Home
Project
Outreach
Safety
More...
Our team worked on

pictures that are alive, litteraly.

See how we did it chevron_right

We would like to thanks those who helped us

Like our fantastic advisors, some other people and maybe even a couple of companies!
Find out about our team and our friends

Here are the most important links

Some kind of page 1

Description of the page 1
Call to action 1 chevron_right

Some kind of page 2

Description of the page 2
Call to action 2 chevron_right

Some kind of page 3

Description of the page 3
Call to action 3 chevron_right

Some kind of page 4

Description of the page 4
Call to action 3 chevron_right