Team:Linkoping Sweden/Project

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(2 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 *** -->
+
{{:Team:Linkoping_Sweden/Templates/bootstrap.css}}
-
 
+
{{:Team:Linkoping_Sweden/Templates/wikicss}}
-
 
+
-
{{CSS/Main}}
+
-
 
+
<html>
<html>
 +
<head>
 +
<title>Liu iGEM 2014</title>
 +
<style>
 +
.firstHeading {
 +
display: none;
 +
}
-
<!--main content -->
+
.navbar .navbar-nav {
-
<table width="70%" align="center">
+
    display: inline-block;
-
 
+
    float: none;
-
 
+
}
-
<!--welcome box -->
+
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Linkoping_Sweden/Project&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Team"style="color:#000000"> Team </a> </td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.navbar {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Linkoping_Sweden"style="color:#000000"> Official Team Profile </a></td>
+
    text-align: center;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Project"style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.jumbotron h1,p {
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Parts"style="color:#000000"> Parts</a></td>
+
text-align: center;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#bodyContent, #content {
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Modeling"style="color:#000000"> Modeling</a></td>
+
width: 1100px;
 +
border: 0px;
 +
}
 +
#catlinks{
 +
border: 0px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.nav.navbar-nav ul {
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Notebook"style="color:#000000"> Notebook</a></td>
+
position:absolute;
 +
left:-9999px;
 +
top:-9999px;
 +
list-style-type:none;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Safety"style=" color:#000000"> Safety </a></td>
+
.nav.navbar-nav li:hover { position:relative; background:#FFFFFF; }
 +
.nav.navbar-nav li:hover ul {
 +
left:0px;
 +
top:auto;
 +
background:#FFFFFF;
 +
padding:0px;
 +
}
 +
 +
.nav. navbar-nav li:hover ul li a {
 +
padding:5px;
 +
display:block;
 +
width:1000px;
 +
text-indent:15px;
 +
background-color:#FFFFFF;
 +
}
 +
.nav .navbar-nav li:hover ul li a:hover { background:#005555; }
 +
.nav .navbar-nav li:hover ul{
 +
float:right
 +
text-align: right; }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.list-inline{
-
<a href="https://2014.igem.org/Team:Linkoping_Sweden/Attributions"style="color:#000000"> Attributions </a></td>
+
width: 1100px;
 +
float: left;
 +
}
 +
.dropdown-horizontal{
 +
text-align: left;
 +
float: left;
 +
}
 +
</style>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
  <title>LiU iGEM</title>
-
</tr>
+
-
</table>
+
-
</tr>
+
    <!-- Bootstrap -->
-
</tr>
+
    <link href="css/bootstrap.min.css" rel="stylesheet">
-
</td>
+
    <link href="css/wiki.css" rel="stylesheet" type="text/css">
 +
  </head>
 +
 
 +
 
 +
  <body>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
    <meta charset="utf-8">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <div class="container">
 +
    <nav class="navbar navbar-default" role="navigation">
 +
        <ul class="nav navbar-nav">
 +
          <li class="active"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project">Project</a>
 +
<div class="dropdown-horizontal">
 +
                <ul class="list-inline">
 +
                        <li><a href="#">1</a></li>
 +
                <li><a href="#">2</a></li>
 +
                <li><a href="#">3</a></li>
 +
                <li><a href="#">4</a></li>
 +
                <li><a href="#">5</a></li>
 +
                <li><a href="#">6</a></li>
 +
            </ul>
 +
</div>
 +
            </li>
 +
          <li><a href="#">Human Practice</a></li>
 +
          <li><a href="#">Notebook</a></li>
 +
          <li><a href="#">Team</a></li>
 +
          <li><a href="https://www.facebook.com/LiuIgem"><img src="http://i946.photobucket.com/albums/ad302/lewnidasliolios/facebook_button_black_zpsd31a5167.png" alt="facebook" height="20px"></a></li>
 +
        </ul>
 +
    </nav>
 +
</div>
-
<!--Project content  -->
 
-
<tr><td > <h3> Project Description </h3></td>
 
-
<td ></td >
 
-
<td > <h3> Content</h3></td>
 
-
</tr>
 
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
 
-
<br>
 
-
<h3>References </h3>
 
-
<p>
 
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
 
-
</td>
 
-
<td></td>
+
<div class="jumbotron">
-
<td  width="45%"  valign="top">
+
<div class="container">
-
<p> You can use these subtopics to further explain your project</p>
+
 +
<h1>HÄR SÄTTER VI BILDEN</h1>
 +
<p>just här</p>
 +
 +
</div>
 +
</div>
-
<ol>
+
<div class="container">
-
<li>Overall project summary</li>
+
          <div class="row">
-
<li>Project Details</li>
+
            <div class="col-md-4">
-
<li>Materials and Methods</li>
+
              <h3 class="text-center">Sak 1</h3>
-
<li>The Experiments</li>
+
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis.
-
<li>Results</li>
+
-
<li>Data analysis</li>
+
-
<li>Conclusions</li>
+
-
</ol>
+
-
<p>
+
Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue.
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.  
+
-
</p>
+
-
<p>
+
Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio. </p>
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.
+
            </div>
-
</p>
+
 +
            <div class="col-md-4">
 +
              <h3 class="text-center">Sak 2</h3>
 +
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis.
-
</td>
+
Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue.
-
</tr>
+
Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio. </p>
 +
            </div>
 +
 +
            <div class="col-md-4">
 +
           
 +
              <h3 class="text-center">Sak 3</h3>
 +
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis.
 +
Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue.
-
</table>
+
Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio. </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
<footer>
 +
<div class="container">
 +
<div class="row">
 +
<h2>Footer med saker</h2>
 +
<p>Text, bilder etc</p>
 +
 +
</div>
 +
</div>
 +
</footer>
 +
  </body>
</html>
</html>

Latest revision as of 12:09, 26 June 2014

Liu iGEM 2014 LiU iGEM

HÄR SÄTTER VI BILDEN

just här

Sak 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis. Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue. Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio.

Sak 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis. Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue. Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio.

Sak 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer bibendum diam non quam tristique ullamcorper. Quisque nec lorem lectus. Donec auctor elit nec dolor semper, pulvinar consectetur nunc accumsan. Donec vel rhoncus nunc. Phasellus venenatis sapien hendrerit neque fermentum fringilla. Vestibulum porta velit et volutpat pretium. Cras in adipiscing turpis. Nunc ultricies porta ligula, sed ornare odio accumsan ac. Proin non odio fermentum, faucibus ipsum eu, dapibus lorem. Aliquam adipiscing aliquam viverra. Vivamus pharetra, mi dapibus pretium vulputate, neque dui aliquet erat, quis iaculis sapien lacus ut leo. Vivamus a lacinia metus, non tincidunt lacus. Morbi et dui nisl. Phasellus eget ligula vestibulum, aliquam est nec, pharetra ligula. Cras elementum pretium diam ut malesuada. Curabitur bibendum dui justo, vel accumsan eros laoreet a. Proin in sagittis leo. Nullam tristique dui in diam tempus, iaculis sodales tortor viverra. Fusce varius libero sit amet sem consectetur congue. Nulla facilisi. Duis consectetur magna in mi volutpat condimentum. Praesent euismod sapien vel fermentum congue. Praesent pretium ullamcorper ante, quis feugiat eros tincidunt a. Etiam convallis ipsum quis sem accumsan, quis egestas sem iaculis. Fusce nec urna vulputate erat feugiat viverra. Proin egestas convallis est, vulputate rutrum tortor interdum non. Etiam pharetra interdum nisl, vitae feugiat enim tristique laoreet. Pellentesque sed fringilla odio.

Footer med saker

Text, bilder etc

Retrieved from "http://2014.igem.org/Team:Linkoping_Sweden/Project"