Team:UCL-London

From 2013.igem.org

(Difference between revisions)
 
(106 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_container">
+
<div id="headtext1">
 +
 +
<small_title1>SPOTLESS</small_title1>
 +
<small_title2>MIND</small_title2>
 +
 +
<div id="social_links">
-
<div id="header">
+
<span class="plainlinks">
 +
<a href="https://twitter.com/UCLiGEM">
 +
<img2></img2>
 +
</a>
 +
</span>
-
  <page_title1>UCL iGEM</page_title1>
+
<span class="plainlinks">
-
  <page_title2>2013</page_title2>
+
<a href="https://www.facebook.com/UCLiGEM" class="plainlinks">
 +
<img1></img1>
 +
</a>
 +
</span>
-
<div id="logo"></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>
 +
<!-- 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>
-
                    <div id="nav_container">
 
-
                    <div id="navbar">
 
-
  <div class="navlink"><p class="navbar_text">Home</p></div>
+
<!-- MAIN CONTENT SECTION ----------------------------------------------------------------------------------------->
-
  <div class="navgap"><p class="navbar_text">//</p></div>
+
<div id="container">
-
  <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 class="h_gap">
-
                </div>
+
</div>
-
<div id="container">
+
<!-- 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="h_gap">
+
<div class="col_right">
-
</div>
+
-
<div class="row_large">
+
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
-
  <div class="col_left">
+
<p class="minor_title">Heading</p>
 +
<p class="body_text">text text text</p>
 +
 +
</div>
-
  <p class="major_title">HEADING GOES HERE</p>
+
</div>
-
  <p class="minor_title">Heading</p>
+
-
  <p class="body_text">
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed enim arcu.
+
<div class="h_gap">
-
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.
+
<div class="h_gap">
-
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.
+
<div class="h_gap">
-
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.
+
-
  <p class="citation_text">
+
-
citation 1
+
-
<br>
+
-
citation 2
+
-
</p>
+
 +
 +
<!-- ROW 2 -->
 +
<div class="row_small">
-
  </div>
+
<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 class="col_right">
+
</div>
-
  </div>
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
</div>
+
 +
<!-- ROW 3 -->
 +
<div class="row_small">
-
<div class="h_gap">
+
<div class="col_1">
-
</div>
+
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</div>
-
<div class="row_small">
+
</div>
-
  <div class="col_left">
+
<div class="h_gap">
-
  </div>
+
</div>
 +
<div class="h_gap">
 +
</div>
-
  <div class="col_right">
+
-
  </div>
+
<!-- ROW 4 -->
 +
<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 class="h_gap">
+
</div>
-
</div>
+
-
<div class="row_small">
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
  <div class="col_left">
+
-
  </div>
+
<!-- ROW 5 -->
 +
<div class="row_small">
-
  <div class="col_right">
+
<div class="col_1">
-
  </div>
+
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</div>
-
</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.