Difference between revisions of "Team:TAS Taipei"

Line 384: Line 384:
  
 
</style>
 
</style>
 +
<html>
 +
 
</head>
 
</head>
 
<body>
 
<body>
Line 414: Line 416:
 
}
 
}
 
</script>
 
</script>
   
+
        <div>
 +
 
 +
        <h3 class="tas"> TAS_Taipei </h3>
 +
 
 +
        <h3 class="pro">Project</h3>
 +
 
 +
        <h3 class="exp">Experiments</h3>
 +
 
 +
        <h3 class="mod">Modelling</h3>
 +
 
 +
        <h3 class="prot">Prototype</h3>
 +
 
 +
        <h3 class="hp">Human Practises</h3>
 +
 
 +
        <h3 class="as">About Us</h3>
 +
 
 +
    </div>
 +
 
 +
    <div class="jumbotron">
 +
 
 +
    <div class="turn">Turn red after one drink?</div>
 +
 
 +
    <div class="you">You may have ALDH2 Deficiency.</div>
 +
 
 +
    <div class="button">Learn more ></div> </div>
 +
 
 +
 +
 
 +
    <a href="https://twitter.com/igem_tas?lang=en" target="_blank">
 +
 
 +
      <img class="bird" src="https://image.flaticon.com/icons/svg/87/87890.svg" alt="">
 +
 
 +
    </a>
 +
 
 +
    <a href="https://www.instagram.com/igem_tas/" target="_blank">
 +
 
 +
        <img class="instagram" src="https://image.flaticon.com/icons/svg/725/725339.svg" alt="">
 +
 
 +
    </a>
 +
 
 +
    <a href="https://www.facebook.com/IGEMTAS/" target="_blank">
 +
 
 +
        <img class="fb" src="https://image.flaticon.com/icons/svg/725/725350.svg" alt="">
 +
 
 +
    </a>
 +
 
 +
</body>
 +
 
 +
 +
 
 +
</html>
 +
 
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 05:46, 8 June 2018

<!DOCTYPE html>

Sidenav Push Example

Click on the element below to open the side navigation menu, and push this content to the right. Notice that we add a black see-through background-color to body when the sidenav is opened.

☰ open

TAS_Taipei

Project

Experiments

Modelling

Prototype

Human Practises

About Us

Turn red after one drink?
You may have ALDH2 Deficiency.
Learn more >


</body> </html>