Team:UCL-London
From 2013.igem.org
(84 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
- | <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/coverwikistyles.css?action=raw&ctype=text/css" /> | + | <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/coverwikistyles.css?action=raw&ctype=text/css" /> |
- | + | <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/globalstyles.css?action=raw&ctype=text/css" /> | |
- | <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/globalstyles.css?action=raw&ctype=text/css" /> | + | <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/static/menubarstyles.css?action=raw&ctype=text/css" /> |
- | + | <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin"> | |
- | <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin"> | + | |
</head> | </head> | ||
Line 12: | Line 12: | ||
<body> | <body> | ||
- | |||
+ | <!-- TOP BANNER SECTION --> | ||
+ | <div id="header"> | ||
- | <div id=" | + | <div id="headtext1"> |
+ | |||
+ | <small_title1>SPOTLESS</small_title1> | ||
+ | <small_title2>MIND</small_title2> | ||
+ | |||
+ | <div id="social_links"> | ||
- | < | + | <span class="plainlinks"> |
- | < | + | <a href="https://twitter.com/UCLiGEM"> |
+ | <img2></img2> | ||
+ | </a> | ||
+ | </span> | ||
+ | <span class="plainlinks"> | ||
+ | <a href="https://www.facebook.com/UCLiGEM" class="plainlinks"> | ||
+ | <img1></img1> | ||
+ | </a> | ||
+ | </span> | ||
+ | </div> | ||
- | </div> | + | </div> |
+ | |||
+ | <div id="headtext2"> | ||
+ | |||
+ | <page_title1>TITLE</page_title1> | ||
+ | <page_title2>GOESHERE</page_title2> | ||
+ | |||
+ | <div id="logo"></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <!-- NAVIGATION BAR --> | |
- | + | <div id="nav_container"> | |
+ | <div id="navbar"> | ||
+ | <div id='cssmenu'> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href='#'><span>Home</span></a></li> | ||
+ | <li class='has-sub'><a href='#'><span>Project</span></a> | ||
+ | <ul> | ||
+ | <li><a href='#'><span>Parts</span></a> | ||
+ | <li><a href='#'><span>Safety</span></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class='has-sub'><a href='#'><span>Background</span></a> | ||
+ | <ul> | ||
+ | <li><a href='#'><span>Item</span></a> | ||
+ | <li><a href='#'><span>Item</span></a> | ||
+ | <li><a href='#'><span>Item</span></a> | ||
+ | <li><a href='#'><span>Item</span></a> | ||
+ | <li><a href='#'><span>Item</span></a> | ||
+ | <li><a href='#'><span>Item</span></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href='#'><span>Team</span></a></li> | ||
+ | <li><a href='#'><span>Gallery</span></a></li> | ||
+ | <li class='has-sub'><a href='#'><span>Diary</span></a> | ||
+ | <ul> | ||
+ | <li><a href='#'><span>Notebook</span></a> | ||
+ | <li><a href='#'><span>Lab book</span></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href='#'><span>Sponsors</span></a></li> | ||
+ | <li><a href='#'><span>Achievements</span></a></li> | ||
+ | <li><a href='#'><span>Modelling</span></a></li> | ||
+ | <li class='last'><a href='#'><span>Human Practices</span></a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- MAIN CONTENT SECTION -----------------------------------------------------------------------------------------> | ||
<div id="container"> | <div id="container"> | ||
+ | <div class="h_gap"> | ||
+ | </div> | ||
+ | <!-- TOP ROW --> | ||
+ | <div class="row_large"> | ||
- | + | <div class="col_left"> | |
- | + | ||
- | + | <p class="major_title">HEADING GOES HERE</p> | |
+ | |||
+ | <p class="minor_title">Heading</p> | ||
+ | |||
+ | <p class="body_text"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | </p> | ||
+ | |||
+ | <p class="citation_text"> | ||
+ | citation 1 | ||
+ | <br> | ||
+ | citation 2 | ||
+ | <br> | ||
+ | </p> | ||
+ | |||
+ | <p class="minor_title">Heading</p> | ||
+ | |||
+ | <p class="body_text"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | ||
+ | </p> | ||
+ | |||
+ | <p class="citation_text"> | ||
+ | citation 1 | ||
+ | <br> | ||
+ | citation 2 | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
- | + | <div class="col_right"> | |
- | + | <img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text"> | |
- | + | ||
- | + | ||
- | + | <p class="minor_title">Heading</p> | |
- | + | <p class="body_text">text text text</p> | |
- | + | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </p> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="h_gap"> | |
+ | </div> | ||
+ | <div class="h_gap"> | ||
+ | </div> | ||
+ | <div class="h_gap"> | ||
+ | </div> | ||
- | < | + | |
+ | <!-- ROW 2 --> | ||
+ | <div class="row_small"> | ||
- | <p class="minor_title">Heading</p> | + | <div class="col_1"> |
- | + | ||
- | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | + | <p class="minor_title">Heading</p> |
- | </p> | + | <p class="body_text"> |
- | + | Lorem ipsum dolor sed enim sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. | |
+ | Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col_1" style="background-image:url('https://static.igem.org/mediawiki/2013/4/4b/Img1.png')"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col_1"> | ||
+ | |||
+ | <p class="minor_title">Heading</p> | ||
+ | |||
+ | <p class="body_text"> | ||
+ | Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim sed enim arcu. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col_2" style="background-image:url('https://static.igem.org/mediawiki/2013/a/a9/Img2.png')"> | ||
+ | </div> | ||
- | + | </div> | |
- | + | <div class="h_gap"> | |
- | + | </div> | |
- | + | <div class="h_gap"> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
+ | <!-- ROW 3 --> | ||
+ | <div class="row_small"> | ||
- | + | <div class="col_1"> | |
- | + | </div> | |
- | <div class="col_1"> | + | <div class="col_1"> |
- | + | </div> | |
- | <div class="col_1"> | + | <div class="col_1"> |
- | + | </div> | |
- | <div class="col_2"> | + | <div class="col_2"> |
- | + | </div> | |
+ | </div> | ||
- | + | <div class="h_gap"> | |
+ | </div> | ||
+ | <div class="h_gap"> | ||
+ | </div> | ||
- | + | ||
- | + | <!-- ROW 4 --> | |
- | + | <div class="row_small"> | |
- | + | ||
- | + | <div class="col_1"> | |
+ | </div> | ||
+ | <div class="col_1"> | ||
+ | </div> | ||
+ | <div class="col_1"> | ||
+ | </div> | ||
+ | <div class="col_2"> | ||
+ | </div> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="h_gap"> | |
+ | </div> | ||
+ | <div class="h_gap"> | ||
+ | </div> | ||
- | + | ||
- | + | <!-- ROW 5 --> | |
- | + | <div class="row_small"> | |
- | + | ||
- | + | <div class="col_1"> | |
+ | </div> | ||
+ | <div class="col_1"> | ||
+ | </div> | ||
+ | <div class="col_1"> | ||
+ | </div> | ||
+ | <div class="col_2"> | ||
+ | </div> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | <!-- END MAIN SECTION --> | |
</body> | </body> | ||
</html> | </html> |
Latest revision as of 19:08, 11 August 2013
HEADING GOES HERE
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
citation 1
citation 2
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
citation 1
citation 2
Heading
text text text
Heading
Lorem ipsum dolor sed enim sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu.
Heading
Lorem ipsum dolor sit amet, consectetur sed enim adipiscing elit. Vestibulum sed enim arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim sed enim arcu.