Difference between revisions of "Team:SKLMT-China"

 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
     <section class="index-banner" style="background-image: url(http://202.194.1.97/cache/4/04/2018.igem.org/06732fb31fa814f0b70a073913691d3b/T--SKLMT-China--index-banner-1.jpg)">
+
     <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/0/0c/T--SKLMT-China--index-banner-1.jpg)">
 
         <div class="inner">
 
         <div class="inner">
 
             <header>
 
             <header>
−
                 <h2>SKLMT</h2>
+
                 <h2>P.P.P</h2>
 
             </header>
 
             </header>
−
             <p>This is <strong>SKLMT-China</strong> SPEKING
+
             <p>Planet Protect Plan</p>
 
             <footer>
 
             <footer>
 
                 <ul class="buttons stacked">
 
                 <ul class="buttons stacked">
Line 21: Line 21:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Team</h2>
 
                 <h2>Team</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Members</p>
 +
<p>Attributions</p>
 +
<p>Sponsors</p>
 +
<p>Judging</p>
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 29: Line 32:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Project</h2>
 
                 <h2>Project</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Overview</p>
 +
<p>Design</p>
 +
<p>Red/ET</p>
 +
<p>Results&Demonstration</p>
 +
<p>Safety</p>
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 37: Line 44:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>InterLab</h2>
 
                 <h2>InterLab</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                  
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 45: Line 52:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Parts</h2>
 
                 <h2>Parts</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Basic parts</p>
 +
                <p>Composite Parts</p>
 +
<p>Part Collection</p>
 +
<p>Improved Part</p>
 +
 
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 53: Line 64:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Model</h2>
 
                 <h2>Model</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Overview</p>
 +
<p>Process</p>
 +
<p>Resyults</p>
 +
 
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 61: Line 75:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Software</h2>
 
                 <h2>Software</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Introduction</p>
 +
<p>Principle</p>
 +
 
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 69: Line 85:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Human Practices</h2>
 
                 <h2>Human Practices</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Overview</p>
 +
<p>Integrated&Gold</p>
 +
<p>Collaborations</p>
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 77: Line 95:
 
             <header class="major">
 
             <header class="major">
 
                 <h2>Notebook</h2>
 
                 <h2>Notebook</h2>
−
                 <p>Here is SKLMT-China.</p>
+
                 <p>Overview</p>
 +
<p>Protocol</p>
 +
<p>Material</p>
 +
 
 
             </header>
 
             </header>
 
         </article>
 
         </article>
Line 95: Line 116:
 
}
 
}
  
−
 
−
@-webkit-keyframes animatedBackground {
 
−
  0% {
 
−
    background-position: 0 0;
 
−
  }
 
−
  50% {
 
−
    background-position: 100% 100%;
 
−
  }
 
−
  100% {
 
−
    background-position: 0 0;
 
−
  }
 
−
}
 
−
 
−
.index-banner {
 
−
    background-size: 120% auto;
 
−
    background-position: bottom;
 
−
    -webkit-animation: animatedBackground 40s linear infinite;
 
−
    animation: animatedBackground 40s linear infinite;
 
−
}
 
  
 
.tiles {
 
.tiles {
Line 132: Line 134:
 
     background-position: center;
 
     background-position: center;
 
     background-size: cover;
 
     background-size: cover;
 +
    transition: all 1s ease;
 
}
 
}
  
Line 183: Line 186:
 
     transform: translateY(0);
 
     transform: translateY(0);
 
     font-size: 3.5em;
 
     font-size: 3.5em;
 +
}
 +
 +
.tiles article:hover {
 +
    transform: scale(1.1);
 +
    z-index:4;
 
}
 
}
  

Latest revision as of 22:10, 1 November 2018

P.P.P

Planet Protect Plan

Team

Members

Attributions

Sponsors

Judging

Project

Overview

Design

Red/ET

Results&Demonstration

Safety

InterLab

Parts

Basic parts

Composite Parts

Part Collection

Improved Part

Model

Overview

Process

Resyults

Software

Introduction

Principle

Human Practices

Overview

Integrated&Gold

Collaborations

Notebook

Overview

Protocol

Material