Team:UCL-London

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(189 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<head>
-
This is a template page. READ THESE INSTRUCTIONS.
+
 
 +
<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/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>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
 
 +
<!-- 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="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<!-- MAIN CONTENT SECTION ----------------------------------------------------------------------------------------->
 +
<div id="container">
 +
<div class="h_gap">
 +
</div>
 +
<!-- TOP ROW -->
 +
<div class="row_large">
-
{|align="justify"
+
<div class="col_left">
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
-
|[[Image:UCL-London_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:UCL-London_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:UCL-London | Team UCL-London]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
<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>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div class="col_right">
-
!align="center"|[[Team:UCL-London|Home]]
+
 
-
!align="center"|[[Team:UCL-London/Team|Team]]
+
<img src="https://static.igem.org/mediawiki/2013/7/7f/Homepage_poster.png" alt="some_text">
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UCL-London Official Team Profile]
+
 
-
!align="center"|[[Team:UCL-London/Project|Project]]
+
<p class="minor_title">Heading</p>
-
!align="center"|[[Team:UCL-London/Parts|Parts Submitted to the Registry]]
+
<p class="body_text">text text text</p>
-
!align="center"|[[Team:UCL-London/Modeling|Modeling]]
+
-
!align="center"|[[Team:UCL-London/Notebook|Notebook]]
+
</div>
-
!align="center"|[[Team:UCL-London/Safety|Safety]]
+
 
-
!align="center"|[[Team:UCL-London/Attributions|Attributions]]
+
</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>
 +
 
 +
 +
<!-- ROW 3 -->
 +
<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 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>
 +
<!-- END MAIN SECTION -->
 +
 
 +
</body>
 +
</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.