Difference between revisions of "Team:Tianjin/Templates/MaterialTheme"

Line 1: Line 1:
 +
{{#tag:html|
 +
<style>
 +
#{{1}}{
 +
  color: inherit;
 +
  background-color: rgba(255, 255, 255, 0.1);
 +
}
 +
</style>
 +
}}
 +
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}}
Line 12: Line 21:
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" />
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" />
 
</head>
 
</head>
 +
 +
 +
<!------------------------------------ Team Tianjin WIKI Template Start ------------------------------------>
  
 
<body>
 
<body>
  
−
<!-- Navbar will come here -->
+
<!-- TeamTianjin Navbar start -->
  
−
<nav class="navbar navbar-info" role="navigation" id="TeamTianjinNavbar">
+
<nav class="navbar navbar-TeamTianjin" role="navigation" id="TeamTianjinNavbar">
 
<div class="container-fluid">
 
<div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
Line 32: Line 44:
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <ul class="nav navbar-nav">
 
     <ul class="nav navbar-nav">
−
<li class="active"><a href="#">OVERVIEW</a></li>
+
<li><a href="#" id="Overview">OVERVIEW</a></li>
−
         <li><a href="#">ACHIEVEMENTS</a></li>
+
         <li><a href="#" id="Achievements">ACHIEVEMENTS</a></li>
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECTS</a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Projects">PROJECTS</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#">VISION</a></li>
+
  <li><a href="#" id="Vision">VISION</a></li>
−
  <li><a href="#">EXPERIMENT</a></li>
+
  <li><a href="#" id="Experiment">EXPERIMENT</a></li>
−
  <li><a href="#">MODELING</a></li>
+
  <li><a href="#" id="Modeling">MODELING</a></li>
−
  <li><a href="#">RESULTS</a></li>
+
  <li><a href="#" id="Results">RESULTS</a></li>
 
                       <li class="divider"></li>
 
                       <li class="divider"></li>
−
      <li><a href="#">PARTS</a></li>
+
      <li><a href="#" id="Parts">PARTS</a></li>
−
                       <li><a href="#">LABORATORY NOTES</a></li>
+
                       <li><a href="#" id="LaboratoryNotes">LABORATORY NOTES</a></li>
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">PEOPLE</a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="People">PEOPLE</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#">TEAM</a></li>
+
  <li><a href="#" id="Team">TEAM</a></li>
−
  <li><a href="#">COLLABORATION</a></li>
+
  <li><a href="#" id="Collaboration">COLLABORATION</a></li>
−
  <li><a href="#">SOCIAL MEDIA</a></li>
+
  <li><a href="#" id="SocialMedia">SOCIAL MEDIA</a></li>
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">PRACTICE</a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Practice">PRACTICE</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#">COMUNITY</a></li>
+
  <li><a href="#" id="Community">COMMUNITY</a></li>
−
  <li><a href="#">BUSINESS PLAN</a></li>
+
  <li><a href="#" id="BusinessPlan">BUSINESS PLAN</a></li>
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
Line 67: Line 79:
 
<div class="navbarRightPic"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/5/51/TestLOGOofTeamTianjin.png" alt="LOGO" width="128"></div>
 
<div class="navbarRightPic"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/5/51/TestLOGOofTeamTianjin.png" alt="LOGO" width="128"></div>
 
<!-- end navbar -->
 
<!-- end navbar -->
−
        <div class="wrapper">
 
−
            <div class="section section-header">
 
−
                <div class="parallax full-image">
 
−
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/1/1e/TeamTianjin_BG_Test.jpg" alt="TeamTianjin Back Ground">
 
−
                    <div class="container">
 
−
                        <div class="content">
 
−
                            <h1>Team Tianjin</h1>
 
−
                            <div class="separator-container">
 
−
                                <div class="separator line-separator">∎</div>
 
−
                            </div>
 
−
                            <h5>"Plastic tastes good"  --- <i>Yeast</i></h5>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <a href="" data-scroll="true" data-id="#BreifIntro" class="scroll-arrow -xs -sm">
 
−
                <i class="fa fa-angle-down"></i>
 
−
                </a>
 
−
            </div>
 
−
            <div class="section section-we-are-1" id="whoWeAre">
 
−
                <div class="text-area">
 
−
                    <div class="container">
 
−
                        <div class="row">
 
−
                            <div class="title" id="animationTest">
 
−
                                <h2>A brief description</h2>
 
−
                                <p class="large">
 
−
                                    This March our team paid much attention to an article ‘A bacterium that degrades and assimilates poly (ethylene terephthalate)’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>
 
−
 
  
 
</body>
 
</body>

Revision as of 00:48, 9 July 2016

TEAM TIANJIN

LOGO