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.
☰ openTAS_Taipei
Project
Experiments
Modelling
Prototype
Human Practises
About Us
Turn red after one drink?
You may have ALDH2 Deficiency.
</body>
</html>