Team:Linkoping Sweden/Team main

From 2014.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
 
<head>
<head>
<title>Liu iGEM 2014</title>
<title>Liu iGEM 2014</title>
Line 19: Line 18:
     text-align: center;
     text-align: center;
}
}
 +
Line 51: Line 51:
padding:5px;
padding:5px;
display:block;
display:block;
-
width:1000px;
 
text-indent:15px;
text-indent:15px;
background-color:#FFFFFF;
background-color:#FFFFFF;
}
}
.nav .navbar-nav li:hover ul li a:hover { background:#005555; }
.nav .navbar-nav li:hover ul li a:hover { background:#005555; }
 +
.nav .navbar-nav li:hover ul{
.nav .navbar-nav li:hover ul{
 +
width: 200px;
float:right
float:right
text-align: right; }
text-align: right; }
Line 67: Line 68:
text-align: left;
text-align: left;
float: left;
float: left;
 +
width:auto;
}
}
 +
a{
a{
-
color: blue}
+
color: black;
 +
}
 +
ul .list-inline{
 +
max-width: 200;
 +
}
 +
 +
.container{
 +
margin-bottom:10px;
 +
}
</style>
</style>
Line 90: Line 101:
     <nav class="navbar navbar-default" role="navigation">
     <nav class="navbar navbar-default" role="navigation">
         <ul class="nav navbar-nav">
         <ul class="nav navbar-nav">
-
 
+
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden"> <img src="http://uxrepo.com/static/icon-sets/typicons/svg/home.svg" alt="home" height="20px"></a></li>
 +
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Sitemap_main">Sitemap</a></li>
           <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project_main">Project</a>
           <li> <a href="https://2014.igem.org/Team:Linkoping_Sweden/Project_main">Project</a>
-
 
<div class="dropdown-horizontal">
<div class="dropdown-horizontal">
-
                <ul class="list-inline">
+
                <ul class="list-inline">
-
 
+
        <li><a href="#">1</a></li>
-
                        <li><a href="#">1</a></li>
+
<li><a href="#">2</a></li>
-
                <li><a href="#">2</a></li>
+
<li><a href="#">3</a></li>
-
                <li><a href="#">3</a></li>
+
<li><a href="#">4</a></li>
-
                <li><a href="#">4</a></li>
+
                <li><a href="#">5</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">6</a></li>
Line 106: Line 116:
             </li>
             </li>
           <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/HumanPractice_main">Human Practice</a></li>
           <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/HumanPractice_main">Human Practice</a></li>
 +
          <li><a href ="https://2014.igem.org/Team:Linkoping_Sweden/Safety_main">Safety</a></li>
           <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Notebook_main">Notebook</a></li>
           <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Notebook_main">Notebook</a></li>
-
           <li class = "active"><a href="https://2014.igem.org/Team:Linkoping_Sweden/Team_main">Team</a></li>
+
           <li class="active"><a href="https://2014.igem.org/Team:Linkoping_Sweden/Team_main">Team</a></li>
-
 
+
          <li><a href="https://2014.igem.org/Team:Linkoping_Sweden/Sponsors_main">Sponsors</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>
           <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>
Line 126: Line 137:
<div class="container">
<div class="container">
-
           <div class="row">
+
           <div class="row"> <!--ROW 1-->
-
             <div class="col-md-4">
+
             <div class="col-md-3">
-
               <h3 class="text-center">Sak 1</h3>
+
               <h3 class="text-center">Person 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.
+
               <p> Bild här </p>
 +
            </div>
 +
          <div class="col-md-3">
 +
              <h3 class="text-center">Person 2</h3>
 +
              <p> Bild här </p>
 +
            </div>
-
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.
+
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 3</h3>
 +
              <p> Bild här </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>
 
             </div>
             </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.
+
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 4</h3>
 +
              <p> Bild här </p>
 +
            </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 class="row"><!--ROW 2-->
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 5</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
          <div class="col-md-3">
 +
              <h3 class="text-center">Person 6</h3>
 +
              <p> Bild här </p>
             </div>
             </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.
+
            <div class="col-md-3">
 +
              <h3 class="text-center">Mattias Hq</h3>
 +
              <p><a href="https://2014.igem.org/Team:Linkoping_Sweden/Team_Mattias">Bild här</a> </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>
 
             </div>
             </div>
 +
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 8</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
 +
</div>
 +
 +
<div class="row"><!--ROW 3-->
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 9</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
          <div class="col-md-3">
 +
              <h3 class="text-center">Person 10</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 11</h3>
 +
              <p> Bild här </p>
 +
 +
            </div>
 +
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 12</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
</div>
 +
 +
<div class="row"> <!--ROW 4-->
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 13</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
          <div class="col-md-3">
 +
              <h3 class="text-center">Person 14</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 15</h3>
 +
              <p> Bild här </p>
 +
 +
            </div>
 +
 +
            <div class="col-md-3">
 +
              <h3 class="text-center">Person 15</h3>
 +
              <p> Bild här </p>
 +
            </div>
 +
   
 +
 +
           </div>
           </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>
 +
{{:Team:Linkoping_Sweden/footer}}

Latest revision as of 09:26, 1 July 2014

Liu iGEM 2014 LiU iGEM

HÄR SÄTTER VI BILDEN

just här

Person 1

Bild här

Person 2

Bild här

Person 3

Bild här

Person 4

Bild här

Person 5

Bild här

Person 6

Bild här

Mattias Hq

Bild här

Person 8

Bild här

Person 9

Bild här

Person 10

Bild här

Person 11

Bild här

Person 12

Bild här

Person 13

Bild här

Person 14

Bild här

Person 15

Bild här

Person 15

Bild här

Linköping University
581 83 Linköping, Sweden
liuigemgroup@gmail.com
Copyright (c) 2014 igem.org. All rights reserved.