Team:UCL-London

From 2013.igem.org

(Difference between revisions)
 
(85 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="banner">
 
 +
<!-- TOP BANNER SECTION -->
 +
<div id="header">
-
<div id="header">
+
<div id="headtext1">
 +
 +
<small_title1>SPOTLESS</small_title1>
 +
<small_title2>MIND</small_title2>
 +
 +
<div id="social_links">
-
<div id="logo1">texttexttext</div>
+
<span class="plainlinks">
-
<div id="logo2"><page_title1>texttexttext</page_title1></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>
 +
 
 +
<div id="headtext2">
 +
 +
<page_title1>TITLE</page_title1>
 +
<page_title2>GOESHERE</page_title2>
 +
 +
<div id="logo"></div>
 +
 +
</div>
 +
</div>
</div>
</div>
-
                    <div id="nav_container">
 
-
                    <div id="navbar">
 
-
  <div class="navlink"><p class="navbar_text">Home</p></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>
+
<!-- NAVIGATION BAR -->
-
                </div>
+
<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="h_gap">
+
<div class="col_left">
-
</div>
+
-
<div class="row_large">
+
<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_left">
+
<div class="col_right">
-
  <p class="major_title">HEADING GOES HERE</p>
+
<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">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
<p class="minor_title">Heading</p>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
<p class="body_text">text text text</p>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
</div>
-
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>
+
-
<br>
+
-
  <p class="minor_title">Heading</p>
+
-
  <p class="body_text">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
</div>
-
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">
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
+
 +
<!-- ROW 2 -->
 +
<div class="row_small">
-
<p class="minor_title">Heading</p>
+
<div class="col_1">
-
  <p class="body_text">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
<p class="minor_title">Heading</p>
-
</p>
+
<p class="body_text">
-
  </div>
+
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>
-
<div class="h_gap">
+
<div class="h_gap">
-
</div>
+
</div>
-
<div class="h_gap">
+
<div class="h_gap">
-
</div>
+
</div>
-
<div class="h_gap">
+
-
</div>
+
-
<div class="row_small">
+
 +
<!-- ROW 3 -->
 +
<div class="row_small">
-
  <div class="col_1">
+
<div class="col_1">
-
  </div>
+
</div>
-
<div class="col_1">
+
<div class="col_1">
-
  </div>
+
</div>
-
<div class="col_1">
+
<div class="col_1">
-
  </div>
+
</div>
-
<div class="col_2">
+
<div class="col_2">
-
  </div>
+
</div>
 +
</div>
-
</div>
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
<div class="h_gap">
+
-
</div>
+
<!-- ROW 4 -->
-
<div class="h_gap">
+
<div class="row_small">
-
</div>
+
-
<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 class="col_1">
+
</div>
-
  </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>
-
<div class="h_gap">
+
-
</div>
+
<!-- ROW 5 -->
-
<div class="h_gap">
+
<div class="row_small">
-
</div>
+
-
<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 class="col_1">
+
</div>
-
  </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>
+
-
 
+
-
<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

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.