Line 16: | Line 16: | ||
</style> | </style> | ||
+ | <html> | ||
<head> | <head> | ||
− | + | <style> | |
− | + | .top { | |
− | + | position: absolute; | |
− | + | left: 0px; | |
+ | top: 0px; | ||
+ | width: 100%; | ||
+ | height: 120px; | ||
+ | border-color: black; | ||
+ | font-family: Corbel; | ||
+ | background: rgba(250, 250, 250, 0.1); | ||
+ | z-index: +1; | ||
+ | } | ||
+ | .mid { | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | width: 1348px; | ||
+ | height: 645px; | ||
+ | border-color: black; | ||
+ | font-family: Corbel; | ||
+ | } | ||
+ | .menu-bar { | ||
+ | position: fixed; | ||
+ | background: rgba(250, 250, 250, 0.1); | ||
+ | z-index: +1; | ||
+ | } | ||
+ | .menu-bar a{ | ||
+ | position: fixed; | ||
+ | top: 595px; | ||
+ | background-color: rgba(250, 250, 250, 0.1); | ||
+ | color: black; | ||
+ | font-family: Corbel; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | -webkit-transition-duration: 0.4s; | ||
+ | transition-duration: 0.4s; | ||
+ | margin: 4px 2px; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 5px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 5px; | ||
+ | border-color: #F0F0F; | ||
+ | z-index: +1; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .menu-bar a:hover { | ||
+ | background-color: #E0E0E0; | ||
+ | color: black; | ||
+ | -webkit-transition-duration: 0.4s; | ||
+ | transition-duration: 0.4s; | ||
+ | } | ||
+ | .fixed1 { | ||
+ | position:fixed; | ||
+ | top:10px; | ||
+ | } | ||
− | + | .page { | |
+ | } | ||
+ | .end { | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </style> | ||
</head> | </head> | ||
− | < | + | <script> |
− | + | /* Dynamic top menu positioning | |
+ | * | ||
+ | */ | ||
− | + | var num = 115; //number of pixels before modifying styles | |
− | + | $(window).bind('scroll', function () { | |
− | + | if ($(window).scrollTop() > num) { | |
− | + | $('.menu-bar a').addClass('fixed1'); | |
− | + | } else { | |
− | + | $('.menu-bar a').removeClass('fixed1'); | |
− | + | } | |
− | + | }); | |
− | + | </script> | |
− | + | ||
− | < | + | <body> |
− | + | <div class="top"> | |
− | + | <img alt="" style=float:left;margin-top:10px; width=390; height=100; src="https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg" onmouseout="this.src='https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg'" onmouseover="this.src='https://static.igem.org/mediawiki/2016/f/fc/CGU_Taiwan--logo3.jpg'"/> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="menu-bar"> | ||
+ | <a style="left:400px;" href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a> | ||
+ | <a style="left:452px;" href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a> | ||
+ | <a style="left:556px;" href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a> | ||
+ | <a style="left:627px;" href="https://2016.igem.org/Team:CGU_Taiwan/Modeling">MODELING</a> | ||
+ | <a style="left:712px;" href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMANPRACTICES</a> | ||
+ | <a style="left:852px;" href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a> | ||
+ | <a style="left:901px;" href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a> | ||
+ | <a style="left:991px;" href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a> | ||
+ | <a style="left:1054px;" href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a> | ||
+ | </div> | ||
+ | <div class="mid" style="top:0px;"> | ||
+ | <img style="width:1348px;height:645px;position:absolute;" src="https://static.igem.org/mediawiki/2016/e/ec/CGU_Taiwan--B2.jpg"> | ||
+ | </div> | ||
+ | <div class="mid" style="top: 645px;"> | ||
+ | <h1 style="font-size:50px;font-weight:bold;position:absolute;left:550px;">ABSTRACT</h1> | ||
+ | <br></br> | ||
+ | <br></br> | ||
+ | <br></br> | ||
+ | <HR style="color:#140731;width:70%;position:absolute;left:200px;"> | ||
+ | <p style="margin: 150px;position:absolute;top:0px;line-height: 1.8;font-weight:15px;text-align:justify;">This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. </p> | ||
+ | </div> | ||
+ | <div class="mid" style="top:1290px;background:#140731;float:left;"> | ||
+ | <h1 style="position:absolute;left:100px;color:white;font-size:18px;margin:50px;float:left;">Chang Gung University</h1> | ||
+ | <p style="position:absolute;top:35px;color:white;font-size:13px;margin:50px;float:left;">Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)</p> | ||
+ | <p style="position:absolute;top:55px;left:80px;color:white;font-size:13px;margin:50px;float:left;">TEL: +886-3-2118800 FAX:+886-3-2118700</p> | ||
+ | <p style="position:absolute;color:white;left:800px;font-size:18px;margin:50px;">CONTACT US</p> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 06:00, 29 August 2016
ABSTRACT
This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.
Chang Gung University
Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)
TEL: +886-3-2118800 FAX:+886-3-2118700
CONTACT US