Team:Linkoping Sweden

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Linkoping_Sweden/Templatestesting}}
+
{{:Team:Linkoping_Sweden/Templates/bootstrap.css}}
 +
{{:Team:Linkoping_Sweden/Templates/wikicss}}
<html>
<html>
 +
<head>
 +
<title>Liu iGEM 2014</title>
 +
<style>
 +
.firstHeading {
 +
display: none;
 +
}
-
<!-- wrapper börjar här -->
+
.navbar .navbar-nav {
-
<div id="wrapper">
+
    display: inline-block;
 +
    float: none;
 +
}
-
<!-- header börjar här -->
+
.navbar {
-
<div id="header">
+
    text-align: center;
-
<h1 >Link&ouml;ping, Sweden</h1>
+
}
-
<p>Awesome subtitle right here.</p>
+
-
</div>
+
-
<!-- 3 kolumner content börjar här -->
 
-
<div id="content-wrapper">
 
-
<!-- vänstermenyn börjar här -->
+
.jumbotron h1,p {
-
<div id="content-left">
+
text-align: center;
 +
}
-
<h1>Site Menu</h1>
+
#bodyContent, #content {
 +
width: 1100px;
 +
border: 0px;
 +
}
 +
#catlinks{
 +
border: 0px;
 +
}
-
<a href="">Home</a>
+
.nav.navbar-nav ul {
-
<a href="">Team</a>
+
position:absolute;
-
<a href="">Official Team Profile</a>
+
left:-9999px;
-
<a href="">Project</a>
+
top:-9999px;
-
<a href="">Parts</a>
+
list-style-type:none;
-
<a href="">Modeling</a>
+
-
<a href="">Notebook</a>
+
-
<a href="">Safety</a>
+
-
<a href="">Attributions</a>
+
-
</div>
+
}
 +
.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; }
-
<!-- mittenfållan börjar här -->
+
.list-inline{
-
<div id="content-main">
+
width: 1100px;
 +
float: left;
 +
}
 +
.dropdown-horizontal{
 +
text-align: left;
 +
float: left;
 +
}
-
<h1>Welcome to Link&ouml;ping!</h1>
+
a{
 +
color: black;
 +
}
-
<p>This site is very much under construction, but if you like cute dinosaurs and placeholder text, that may not bother you!</p>
+
</style>
-
<img src="http://www.doodleblob.com/Doodleblob_Old/Stegosaurus_Royalty_Free_Cute_Dinosaur_Clipart_files/Stegosaurus%20Clipart%20Doodleblob.jpg">
+
  <title>LiU iGEM</title>
-
+
-
<a href="http://goo.gl/fkCHsT">Moar dinos right here!</a>
+
-
+
-
<h2>The project and stuff that matter</h2>
+
-
<p>Soon, we'll present our highly unique and thoroughly awesome project!</p>
+
    <!-- Bootstrap -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
 +
    <link href="css/wiki.css" rel="stylesheet" type="text/css">
 +
  </head>
 +
 
 +
 
 +
  <body>
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas velit magna, facilisis id sollicitudin semper, egestas ut erat. Pellentesque a justo elit. Cras aliquet, felis eu placerat bibendum, purus est porta tortor, at tincidunt nisi quam at felis. Duis sed ligula quis ipsum dignissim vehicula. Nullam vehicula accumsan enim, vel iaculis lorem porta ac.</p>
+
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
<img src="http://goo.gl/LzTMbd">
+
  <div class="container">
 +
    <nav class="navbar navbar-default" role="navigation">
 +
        <ul class="nav navbar-nav">
-
<a href="">I love the rain!</a>
+
          <li class ="active"> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project_main">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>
-
</div>
 
 +
<div class="jumbotron">
 +
<div class="container">
 +
 +
<h1>HÄR SÄTTER VI BILDEN</h1>
 +
<p>just här</p>
 +
 +
</div>
 +
</div>
-
<!-- högermenyn börjar här -->
+
<div class="container">
-
<div id="content-right">
+
          <div class="row">
-
<img src="http://thumbs.gograph.com/gg60144744.jpg">
+
            <div class="col-md-4">
-
<br>
+
              <h3 class="text-center">Sak 1</h3>
-
<a href="">I'm a luberjack!</a>
+
              <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.
-
<img src="http://goo.gl/djqB2s">
+
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.
-
<a href="">Me too!</a>
+
-
</div>
+
-
</div>
+
-
<div id="footer">
+
-
<a href="">A link</a> |
+
-
<a href="">To the</a> |
+
-
<a href="">Past</a>
+
-
</div>
+
-
<div id="bottom"></div>
+
-
</div>
+
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 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.
 +
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. </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.
 +
 +
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>

Revision as of 12:56, 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"