Team:UCL-London

From 2013.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
-
<!-- Comments here -->
 
<head>
<head>
-
<!-- STYLE SHEETS -->
+
<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="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">
 +
 +
</head>
 +
 +
<body>
 +
 +
 +
<!-- TOP BANNER SECTION -->
 +
 +
<div id="header">
 +
 +
<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 id="headtext2">
 +
 +
<page_title1>TITLE</page_title1>
 +
<page_title2>GOESHERE</page_title2>
 +
 +
<div id="logo"></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 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>
 +
 +
</div>
 +
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
 +
<!-- ROW 2 -->
 +
<div class="row_small">
 +
 +
<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>
 +
 +
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
 +
-
<!-- FONTS -->
+
<!-- ROW 3 -->
-
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
+
<div class="row_small">
-
<!-- JAVASCRIPT SOURCE -->
+
<div class="col_1">
-
<script src="https://2013.igem.org/Team:UCL-London/static/jquery-1.10.2.min.js?action=raw&ctype=text/javascript"></script>  
+
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</div>
-
<!-- JAVASCRIPT -->
+
</div>
-
<script>
+
-
$(function(){
+
-
  $("#includedContent").load("https://2013.igem.org/Team:UCL-London/static/bannersection");
+
-
});
+
-
</script>  
+
-
</head>
+
<div class="h_gap">
 +
</div>
 +
<div class="h_gap">
 +
</div>
-
<body>
+
 +
<!-- ROW 4 -->
 +
<div class="row_small">
-
<div id="includedContent"></div>
+
<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 id="testing"></div>
+
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_1">
 +
</div>
 +
<div class="col_2">
 +
</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"