Team:CBNU-Korea
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <title>Transport template</title> |
+ | <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> | ||
+ | |||
+ | </head> | ||
+ | <style> | ||
+ | html, body, h1, h2, h3, h4 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | h1 img { | ||
+ | display: block; | ||
+ | } | ||
+ | img { | ||
+ | border: 0; | ||
+ | } | ||
+ | a { | ||
+ | color: #464544; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #666666; | ||
+ | } | ||
+ | .left { | ||
+ | float: left; | ||
+ | } | ||
+ | .right { | ||
+ | float: right; | ||
+ | } | ||
+ | .more { | ||
+ | text-align: right; | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
- | { | + | body { |
- | + | background: url(https://static.igem.org/mediawiki/2010/f/ff/Page_bg.gif); | |
- | + | text-align: center; | |
- | + | font: 12px arial, sans-serif; | |
- | + | color: #464544; | |
- | + | padding-bottom: 10px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #outer { | |
+ | background: top left url(https://static.igem.org/mediawiki/2010/f/fb/Page_bg_top.gif) repeat-x; | ||
+ | padding-top: 20px; | ||
+ | } | ||
- | { | + | /** layout **/ |
- | + | #wrapper { | |
- | + | text-align: left; | |
- | + | margin: auto; | |
- | + | width: 798px; | |
- | + | position: relative; | |
- | + | background: url(https://static.igem.org/mediawiki/2010/5/53/Body_bg.gif) repeat-y; | |
- | + | } | |
- | + | #body-bot { | |
- | + | background: bottom left url(https://static.igem.org/mediawiki/2010/d/dc/Body_bg_bot.jpg) no-repeat; | |
+ | } | ||
+ | #body-top { | ||
+ | background: url(https://static.igem.org/mediawiki/2010/4/4e/Sa.png) no-repeat; | ||
+ | min-height: 873px; | ||
+ | _height: 481px; | ||
+ | padding-bottom: 14px; | ||
+ | } | ||
+ | |||
+ | /** logo **/ | ||
+ | |||
+ | #logo { | ||
+ | width: 25em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #logo h1 { | ||
+ | color: #6F7033; | ||
+ | font: 22px "Arial narrow", arial, sans-serif; | ||
+ | line-height: 1; | ||
+ | padding-top: 0.8em; | ||
+ | } | ||
+ | #logo p { | ||
+ | color: #464544; | ||
+ | font: 16px "Arial narrow", arial, sans-serif; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /** nav **/ | ||
+ | |||
+ | #nav { | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | #nav li { | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | background: left center url(https://static.igem.org/mediawiki/2010/5/54/Arr.gif) no-repeat; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | #nav a { | ||
+ | color: #000; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | color: #FFA405; | ||
+ | } | ||
+ | |||
+ | /** green box **/ | ||
+ | #gbox { | ||
+ | width: 431px; | ||
+ | margin-top: 47px; | ||
+ | margin-left: 22px; | ||
+ | } | ||
+ | |||
+ | #gbox-bg { background: url(https://static.igem.org/mediawiki/2010/0/01/Green_bg.gif) repeat-y; } | ||
+ | #gbox-grd { background: bottom url(https://static.igem.org/mediawiki/2010/5/51/Green_grad_bot.jpg) repeat-x; } | ||
+ | #gbox-top { background: url(https://static.igem.org/mediawiki/2010/5/50/Green_top.gif) no-repeat; height: 24px; } | ||
+ | #gbox-bot { background: bottom left url(https://static.igem.org/mediawiki/2010/6/61/Green_bot.gif) no-repeat; height: 23px; } | ||
+ | |||
+ | #gbox-grd { | ||
+ | min-height: 300px; | ||
+ | padding: 2px 24px; | ||
+ | } | ||
+ | |||
+ | #gbox h2 { | ||
+ | font: bold 14px arial, sans-serif; | ||
+ | color: #000; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #gbox p { | ||
+ | margin: 1em 0; | ||
+ | } | ||
+ | |||
+ | #features { | ||
+ | background: #EDF0C4; | ||
+ | padding: 14px; | ||
+ | margin: 0 -14px; | ||
+ | } | ||
+ | #features h2 { | ||
+ | position: relative; | ||
+ | } | ||
+ | #features ul { | ||
+ | float: left; | ||
+ | width: 49%; | ||
+ | margin: 1em 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #features li { | ||
+ | list-style: square; | ||
+ | margin-left: 12px; | ||
+ | } | ||
+ | |||
+ | /** footer **/ | ||
+ | |||
+ | #newsletter, #events { | ||
+ | float: left; | ||
+ | width: 49%; | ||
+ | margin-top: 1em; | ||
+ | } | ||
+ | #newsletter h2, #events h2 { | ||
+ | color: #fff; | ||
+ | } | ||
+ | #newsletter .text { | ||
+ | width: 125px; | ||
+ | } | ||
+ | #newsletter form { | ||
+ | margin: 0.3em 0 0.6em 0; | ||
+ | } | ||
+ | #newsletter p { | ||
+ | margin: 0.3em 0; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #newsletter a { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #events { | ||
+ | margin-left: 6%; | ||
+ | width: 38%; | ||
+ | } | ||
+ | #events ul { | ||
+ | margin: 0.3em 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #events li { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /** grey box **/ | ||
+ | |||
+ | #greybox { | ||
+ | background: url(https://static.igem.org/mediawiki/2010/c/ce/Grey_bg.gif) repeat-y; | ||
+ | width: 326px; | ||
+ | position: absolute; | ||
+ | top: 292px; | ||
+ | left: 457px; | ||
+ | } | ||
+ | #greybox-top { | ||
+ | background: url(https://static.igem.org/mediawiki/2010/e/e4/Grey_img.jpg) no-repeat; | ||
+ | padding-left: 165px; | ||
+ | padding-top: 18px; | ||
+ | } | ||
+ | #greybox-bot { | ||
+ | background: bottom left url(https://static.igem.org/mediawiki/2010/a/af/Grey_bot.gif) no-repeat; | ||
+ | padding-bottom: 4px; | ||
+ | } | ||
+ | #greybox h2 { | ||
+ | font: bold 12px arial, sans-serif; | ||
+ | color: #E4EE6A; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | #greybox a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #copyright { | ||
+ | font-size: 9px; | ||
+ | color: #fff; | ||
+ | margin-top: 60px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <body> | ||
+ | |||
+ | <div id="outer"> | ||
+ | <div id="wrapper"> | ||
+ | <div id="body-bot"> | ||
+ | <div id="body-top"> | ||
+ | <div id="logo"> | ||
+ | <h1>Korea Chungbuk National University</h1> | ||
+ | <p>SYNB Microbial Genetics Lab</p> | ||
+ | </div> | ||
+ | <div id="nav"> | ||
+ | <ul> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">MAIN PAGE</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">TRACKING</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">RATES</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">PICK UP</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">SERVICES</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">CONTACT US</a></li> | ||
+ | </ul> | ||
+ | <div class="clear"> </div> | ||
+ | </div> | ||
+ | <div id="gbox"> | ||
+ | <div id="gbox-top"> </div> | ||
+ | <div id="gbox-bg"> | ||
+ | <div id="gbox-grd"> | ||
+ | <h2>WELCOME TO OUR TRUCK TRACKING COMPANY</h2> | ||
+ | |||
+ | <p>Don't forget to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add a new free website template almost daily.</p> | ||
+ | <p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p> | ||
+ | <p>This is just a place holder so you can see how the site would look like.</p> | ||
+ | |||
+ | <p>This is a template designed by free website templates for you for free you can replace all the text by your own text.</p> | ||
+ | <div id="features"> | ||
+ | <h2>FEATURED SERVICES</h2> | ||
+ | <ul> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Free Website Templates</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com/forum/">The forum</a></li> | ||
+ | <li><a href="http://www.justwebtemplates.com">Just Web Templates</a></li> | ||
+ | <li><a href="http://www.templatebeauty.com">Template Beauty</a></li> | ||
+ | |||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="http://www.templatebeauty.com">Template Beauty</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Free Website Templates</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com/forum/">The forum</a></li> | ||
+ | <li><a href="http://www.justwebtemplates.com">Just Web Templates</a></li> | ||
+ | </ul> | ||
+ | <div class="clear"> </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="newsletter"> | ||
+ | <h2>NEWSLETTER</h2> | ||
+ | <form action="" method="get" accept-charset="utf-8"> | ||
+ | <input type="text" class="text" name="q" value="" id="some_name" /> | ||
+ | <input type="submit" value="go"> | ||
+ | </form> | ||
+ | <p><a href="http://www.freewebsitetemplates.com">Click here for details</a></p> | ||
+ | </div> | ||
+ | <div id="events"> | ||
+ | <h2>FEATURED EVENTS</h2> | ||
+ | <ul> | ||
+ | <li><a href="http://www.templatebeauty.com">Template Beauty</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Free Website Templates</a></li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com/forum/">The forum</a></li> | ||
+ | <li><a href="http://www.justwebtemplates.com">Just Web Templates</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clear"> </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div id="gbox-bot"> </div> | ||
+ | </div> | ||
+ | <div id="greybox"> | ||
+ | <div id="greybox-bot"> | ||
+ | <div id="greybox-top"> | ||
+ | <h2>MOST CONVINEIANT & RELIABLE TRANSPORT SERVICES</h2> | ||
+ | <p><a href="http://www.freewebsitetemplates.com">Click here for details</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="copyright"> | ||
+ | © Copyright information goes here. All rights reserved. | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 05:47, 16 July 2010
Korea Chungbuk National University
SYNB Microbial Genetics Lab
WELCOME TO OUR TRUCK TRACKING COMPANY
Don't forget to check free website templates every day, because we add a new free website template almost daily.
You can remove any link to our websites from this template you're free to use the template without linking back to us.
This is just a place holder so you can see how the site would look like.
This is a template designed by free website templates for you for free you can replace all the text by your own text.
FEATURED SERVICES
FEATURED EVENTS
MOST CONVINEIANT & RELIABLE TRANSPORT SERVICES
© Copyright information goes here. All rights reserved.