Team:Linkoping Sweden/main

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Linkoping_Sweden/Templates/bootstrap.css}}
{{:Team:Linkoping_Sweden/Templates/bootstrap.css}}
-
{{:Team:Linkoping_Sweden/Templates/bootstrap.js}}
 
{{:Team:Linkoping_Sweden/Templates/wikicss}}
{{:Team:Linkoping_Sweden/Templates/wikicss}}
<html>
<html>
<head>
<head>
 +
<title>Liu iGEM 2014</title>
<style>
<style>
.firstHeading {
.firstHeading {
Line 15: Line 15:
}
}
-
.navbar .navbar-collapse {
+
.navbar {
     text-align: center;
     text-align: center;
}
}
Line 24: Line 24:
}
}
-
</style>
+
#bodyContent, #content {
 +
width: 1100px;
 +
border: 0px;
 +
}
 +
#catlinks{
 +
border: 0px;
 +
}
-
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
.nav.navbar-nav ul {
-
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
position:absolute;
-
    <!-- Include all compiled plugins (below), or include individual files as needed -->
+
left:-9999px;
-
    <script src="js/bootstrap.min.js"></script>
+
top:-9999px;
-
    <div id="fb-root"></div>
+
list-style-type:none;
 +
}
 +
.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; }
-
    <meta charset="utf-8">
+
.list-inline{
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
width: 1100px;
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
float: left;
-
    <title>LiU iGEM</title>
+
}
 +
.dropdown-horizontal{
 +
text-align: left;
 +
float: left;
 +
}
 +
 
 +
</style>
 +
 
 +
  <title>LiU iGEM</title>
     <!-- Bootstrap -->
     <!-- Bootstrap -->
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/bootstrap.min.css" rel="stylesheet">
-
   
 
-
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
-
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
-
    <!--[if lt IE 9]>
 
-
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
-
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
-
    <![endif]-->
 
     <link href="css/wiki.css" rel="stylesheet" type="text/css">
     <link href="css/wiki.css" rel="stylesheet" type="text/css">
   </head>
   </head>
Line 52: Line 79:
    
    
   <body>
   <body>
-
 
+
 
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
   <div class="container">
   <div class="container">
     <nav class="navbar navbar-default" role="navigation">
     <nav class="navbar navbar-default" role="navigation">
-
      <!-- Brand and toggle get grouped for better mobile display -->
 
-
      <div class="navbar-header">
 
-
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
-
          <span class="sr-only">Toggle navigation</span>
 
-
          <span class="icon-bar"></span>
 
-
          <span class="icon-bar"></span>
 
-
          <span class="icon-bar"></span>
 
-
        </button>
 
-
      </div>
 
-
 
-
      <!-- Collect the nav links, forms, and other content for toggling -->
 
-
      <div class="collapse navbar-collapse navbar-collapse">
 
         <ul class="nav navbar-nav">
         <ul class="nav navbar-nav">
-
          <li><a href="#">Project</a></li>
+
        <li><a href="#" class="active"><img src="http://uxrepo.com/static/icon-sets/typicons/svg/home.svg" alt="home" height="20px"></a></li>
 +
 
 +
          <li class => <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="#">Human Practice</a></li>
           <li><a href="#">Notebook</a></li>
           <li><a href="#">Notebook</a></li>
Line 74: Line 106:
           <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>
           <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>
         </ul>
-
      </div><!-- /.navbar-collapse -->
 
     </nav>
     </nav>
  </div>
  </div>
 +
Line 85: Line 117:
<p>just här</p>
<p>just här</p>
-
</div>
+
</div>
</div>
</div>
 +
<div class="container">
 +
          <div class="row">
 +
            <div class="col-md-4">
 +
              <h3 class="text-center">Sak 1</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 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>
   </body>
</html>
</html>

Latest revision as of 15:28, 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/main"