Team:Groningen/TESTPAGE3

From 2013.igem.org

(Difference between revisions)
 
(322 intermediate revisions not shown)
Line 1: Line 1:
-
 
<html>
<html>
-
<style>
 
-
 
-
body {
 
-
  background: #e5e5e7;
 
-
}
 
-
 
-
 
-
nav {
 
-
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
 
-
  line-height: 1.5;
 
-
  width: 200px;
 
-
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 
-
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 
-
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
 
-
  position: fixed;
 
-
}
 
-
 
-
.menu-item {
 
-
  background: #fff;
 
-
  width: 200px;
 
-
}
 
-
 
-
/*Menu Header Styles*/
 
-
.menu-item h4 {
 
-
  border-bottom: 1px solid rgba(0,0,0,0.3);
 
-
  border-top: 1px solid rgba(255,255,255,0.2);
 
-
  color: #fff;
 
-
  font-size: 15px;
 
-
  font-weight: 500;
 
-
  padding: 7px 12px;
 
-
 
 
-
  /*Gradient*/
 
-
  background: #a90329; /* Old browsers */
 
-
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
 
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 
-
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 
-
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
 
-
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
 
-
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
 
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 
-
}
 
-
 
-
.menu-item:hover ul {
 
-
  height: 93px;
 
-
}
 
-
 
-
.menu-item h4:hover { 
 
-
  background: #cc002c; /* Old browsers */
 
-
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
 
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
 
-
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
 
-
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
 
-
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
 
-
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
 
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
 
-
}
 
-
 
-
/*ul Styles*/
 
-
.menu-item ul {
 
-
  background: #fff;
 
-
  font-size: 13px;
 
-
  line-height: 30px;
 
-
  height: 0px;
 
-
  list-style-type: none;
 
-
  overflow: hidden;
 
-
  padding: 0px;
 
-
 
 
-
  /*Animation*/
 
-
  -webkit-transition: height 1s ease;
 
-
    -moz-transition: height 1s ease;
 
-
      -o-transition: height 1s ease;
 
-
      -ms-transition: height 1s ease;
 
-
          transition: height 1s ease;
 
-
}
 
-
 
-
.menu-item ul a {
 
-
  margin-left: 20px;
 
-
  text-decoration: none;
 
-
  color: #aaa;
 
-
  display: block;
 
-
  width: 200px;
 
-
}
 
-
 
-
/*li Styles*/
 
-
.menu-item li {
 
-
  border-bottom: 1px solid #eee;
 
-
}
 
-
 
-
.menu-item li:hover {
 
-
  background: #eee;
 
-
}
 
-
 
-
/*First Item Styles*/
 
-
.alpha p {
 
-
    font-size: 13px;
 
-
    padding: 8px 12px;
 
-
    color: #aaa;
 
-
}
 
-
 
-
.menu-item h4 a {
 
-
  color: white;
 
-
  display: block;
 
-
  text-decoration: none;
 
-
  width: 200px;
 
-
}
 
-
</style>
 
-
 
-
 
-
<nav>
 
-
    <div class="menu-item alpha">
 
-
      <h4><a href="#">Home</a></h4>
 
-
      <p>Lorem ipsum dolor sit...</p>
 
-
    </div>
 
-
     
 
-
    <div class="menu-item">
 
-
      <h4><a href="#">Team</a></h4>
 
-
      <ul>
 
-
        <li><a href="#">iGEM</a></li>
 
-
        <li><a href="#">Subs</a></li>
 
-
      </ul>
 
-
    </div>
 
-
     
 
-
    <div class="menu-item">
 
-
      <h4><a href="#">Project</a></h4>
 
-
      <ul>
 
-
        <li><a href="#">Discription</a></li>
 
-
        <li><a href="#">other stuff</a></li>
 
-
      </ul>
 
-
    </div>
 
-
     
 
-
    <div class="menu-item">
 
-
      <h4><a href="#">Modeling</a></h4>
 
-
      <ul>
 
-
        <li><a href="#">agenda</a></li>
 
-
        <li><a href="#">total waiting time</a></li>
 
-
      </ul>
 
-
    </div>
 
-
</nav>
 
-
</html>
 
-
 
-
 
-
 
-
 
-
 
-
 
 +
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:Groningen/CSS3?action=raw&ctype=text/css" type="text/css" />
 +
</head>
 +
<table>
 +
<tr>
 +
<td>
 +
<div class="tileImage" >
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Project" > <img class="imgtile" src="https://static.igem.org/mediawiki/2013/b/b5/Project_tile.png"></a>
 +
</div>
 +
</td>     
 +
<td>
 +
       
 +
<h3>Project</h3>
 +
Our main goal is to coat implants with silk, produced and secreted by bacteria. Silk is a biocompatible            material and provides a scaffold for surrounding tissue cells, which reduces the chance of complications.
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Project" class="myButton" color="white">Read More</a> 
 +
</div>
 +
</td>
 +
<td>
 +
<div class="tileImage">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Outreach"><img class="imgtile" src="https://static.igem.org/mediawiki/2013/4/4c/MegaphoneV1.png"  ></a>
 +
</div>
 +
</td>
 +
<td> 
 +
<h3>Outreach</h3>
 +
As a team we promoted iGEM and the fantastic world of synthetic biology.
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Outreach" class="myButton" color="white">Read More</a> 
 +
</div>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<div class="tileImage">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Team"><img class="imgtile" src="https://static.igem.org/mediawiki/2013/8/80/Camera.png"></a>
 +
</div>
 +
</td>     
 +
<td> 
 +
<h3> Gallery</h3>
 +
View some awesome pictures
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Photos" class="myButton" color="white">Read More</a> 
 +
</div>
 +
</td>
 +
<td> 
 +
<div class="tileImage" >
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Achievements"><img class="imgtile"    src="https://static.igem.org/mediawiki/2013/4/40/Medal_tile.png" ></a>       
 +
</div>
 +
</td>
 +
<td> 
 +
<h3>Achievements</h3>
 +
iGEM still is a competition
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Achievements" class="myButton" color="white">Read More</a> 
 +
</div>
 +
</td>   
 +
</tr>
 +
<td>
 +
<div class="tileImage" >
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Team"><img class="imgtile" src="https://static.igem.org/mediawiki/2013/e/ed/Teamgroningen.png"  ></a>
 +
</div>
 +
</td> 
 +
<td> 
 +
<h3> Team </h3>
 +
Find more about who we are and what we do in daily life
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Team" class="myButton" color="white">Read More</a> 
 +
</div>
 +
</td>
 +
<td> 
 +
<div class="tileImage" >
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Notebook"><img class="imgtile"    src="https://static.igem.org/mediawiki/2013/f/f3/Book.png"  ></a>       
 +
</div>
 +
</td>
 +
<td> 
 +
<h3>Labjournal</h3>
 +
bladieblabla
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Notebook" class="myButton" color="white">Read More</a> 
 +
</div>
-
</BODY>
+
</td>    
-
</HTML>
+
</tr>       
 +
</table>

Latest revision as of 20:26, 31 July 2013

Project

Our main goal is to coat implants with silk, produced and secreted by bacteria. Silk is a biocompatible material and provides a scaffold for surrounding tissue cells, which reduces the chance of complications.
Read More

Outreach

As a team we promoted iGEM and the fantastic world of synthetic biology.
Read More

Gallery

View some awesome pictures
Read More

Achievements

iGEM still is a competition
Read More

Team

Find more about who we are and what we do in daily life
Read More

Labjournal

bladieblabla
Read More

Retrieved from "http://2013.igem.org/Team:Groningen/TESTPAGE3"