Team:UCL-London

From 2013.igem.org

(Difference between revisions)
 
(128 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>
-
<div id="container">
 
-
<div id="header">
+
<!-- TOP BANNER SECTION -->
-
  <div id="header_left">
+
<div id="header">
-
  <p class="page_title1">iGEM 2013 ~</p>
+
-
  <br>
+
-
  <p class="page_title2">UCL (LONDON),;</p>
+
-
  </div>
+
-
  <div id="header_right_up">
+
<div id="headtext1">
-
  </div>
+
 +
<small_title1>SPOTLESS</small_title1>
 +
<small_title2>MIND</small_title2>
 +
 +
<div id="social_links">
-
  <div id="header_right_down">
+
<span class="plainlinks">
-
  </div>
+
<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 class="h_gap">
+
</div>
-
</div>
+
-
<div id="navbar">
+
<div id="headtext2">
 +
 +
<page_title1>TITLE</page_title1>
 +
<page_title2>GOESHERE</page_title2>
 +
 +
<div id="logo"></div>
 +
 +
</div>
-
  <div class="navlink"><p class="navbar_text">Home</p></div>
+
</div>
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Team</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Profile</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Project</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Parts</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Modelling</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Notebook</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Safety</p></div>
+
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
-
  <div class="navlink"><p class="navbar_text">Attributions</p></div>
+
-
</div>
+
</div>
-
<div class="h_gap">
 
-
</div>
 
-
<div class="row_large">
+
<!-- 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>
-
  <div class="col_left">
+
<!-- MAIN CONTENT SECTION ----------------------------------------------------------------------------------------->
 +
<div id="container">
-
  <p class="major_title">HEADING GOES HERE</p>
+
<div class="h_gap">
-
  <p class="minor_title">Heading</p>
+
</div>
-
  <p class="body_text">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Vestibulum viverra mattis est, quis dapibus urna lobortis eu. Nam tristique odio a nisi tempor lobortis. Quisque sodales vulputate tincidunt. Suspendisse mauris est, venenatis id blandit vehicula, euismod id nisi. Maecenas vestibulum tempus auctor. Duis non iaculis urna.
+
<!-- TOP ROW -->
 +
<div class="row_large">
-
<br><br>
+
<div class="col_left">
-
Nunc dolor sapien, malesuada sed auctor sed, consectetur vitae massa. Integer at luctus arcu. Cras eget magna odio. Proin condimentum tellus vitae metus ultricies, in dapibus nisl pretium. Integer posuere sodales erat, vel laoreet tortor adipiscing vel. Ut auctor, nisi id tincidunt blandit, massa quam convallis arcu, eget aliquet neque massa et augue. In ut dapibus tellus. Aliquam vel commodo odio, convallis porttitor velit. Praesent commodo porta ipsum, ut vehicula ligula interdum vitae.
+
<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">
-
</p>
+
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
-
  <p class="citation_text">
+
<p class="minor_title">Heading</p>
-
citation 1
+
<p class="body_text">text text text</p>
-
<br>
+
-
citation 2
+
</div>
-
</p>
+
-
  <p class="minor_title">Heading</p>
+
</div>
-
  <p class="body_text">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Vestibulum viverra mattis est, quis dapibus urna lobortis eu. Nam tristique odio a nisi tempor lobortis. Quisque sodales vulputate tincidunt. Suspendisse mauris est, venenatis id blandit vehicula, euismod id nisi. Maecenas vestibulum tempus auctor. Duis non iaculis urna.
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
<br><br>
+
 +
<!-- ROW 2 -->
 +
<div class="row_small">
-
Nunc dolor sapien, malesuada sed auctor sed, consectetur vitae massa. Integer at luctus arcu. Cras eget magna odio. Proin condimentum tellus vitae metus ultricies, in dapibus nisl pretium. Integer posuere sodales erat, vel laoreet tortor adipiscing vel. Ut auctor, nisi id tincidunt blandit, massa quam convallis arcu, eget aliquet neque massa et augue. In ut dapibus tellus. Aliquam vel commodo odio, convallis porttitor velit. Praesent commodo porta ipsum, ut vehicula ligula interdum vitae.
+
<div class="col_1">
 +
 +
<p class="minor_title">Heading</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>
-
</p>
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
  <p class="minor_title">Heading</p>
+
-
  <p class="body_text">
+
<!-- ROW 3 -->
 +
<div class="row_small">
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Vestibulum viverra mattis est, quis dapibus urna lobortis eu. Nam tristique odio a nisi tempor lobortis. Quisque sodales vulputate tincidunt. Suspendisse mauris est, venenatis id blandit vehicula, euismod id nisi. Maecenas vestibulum tempus auctor. Duis non iaculis urna.
+
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</div>
-
</p>
+
</div>
-
  <p class="citation_text">
+
<div class="h_gap">
-
citation 1
+
</div>
-
<br>
+
<div class="h_gap">
-
citation 2
+
</div>
-
</p>
+
-
  </div>
+
 +
<!-- ROW 4 -->
 +
<div class="row_small">
-
  <div class="col_right">
+
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
+
</div>
-
  <p class="minor_title">Heading</p>
+
<div class="h_gap">
-
  <p class="body_text">
+
</div>
 +
<div class="h_gap">
 +
</div>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu. Vestibulum viverra mattis est, quis dapibus urna lobortis eu. Nam tristique odio a nisi tempor lobortis. Quisque sodales vulputate tincidunt. Suspendisse mauris est, venenatis id blandit vehicula, euismod id nisi. Maecenas vestibulum tempus auctor. Duis non iaculis urna.
+
 +
<!-- ROW 5 -->
 +
<div class="row_small">
-
  </div>
+
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</div>
-
</div>
+
</div>
-
 
+
-
<div class="h_gap">
+
-
</div>
+
-
 
+
-
<div class="row_small">
+
-
 
+
-
  <div class="col_left">
+
-
  </div>
+
-
 
+
-
  <div class="col_right">
+
-
  </div>
+
-
 
+
-
</div>
+
-
 
+
-
<div class="h_gap">
+
-
</div>
+
-
 
+
-
<div class="row_small">
+
-
 
+
-
  <div class="col_left">
+
-
  </div>
+
-
 
+
-
  <div class="col_right">
+
-
  </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

some_text

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.

Retrieved from "http://2013.igem.org/Team:UCL-London"