Team:Groningen/TESTPAGE3

From 2013.igem.org

(Difference between revisions)
 
(321 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style>
 
-
 
-
body {
 
-
  background: #e5e5e7;
 
-
}
 
-
nav {
+
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
-
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Groningen/CSS3?action=raw&ctype=text/css" type="text/css" />
-
  line-height: 1.5;
+
</head>
-
  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*/
+
<table>
-
.menu-item h4 {
+
<tr>
-
  border-bottom: 1px solid rgba(0,0,0,0.3);
+
<td>
-
  border-top: 1px solid rgba(255,255,255,0.2);
+
-
  color: #fff;
+
-
  font-size: 15px;
+
-
  font-weight: 500;
+
-
  padding: 7px 12px;
+
-
 
+
-
  /*Gradient Heb deze site gebruikt om dit te maken: http://www.colorzilla.com/gradient-editor/*/
+
-
  background: #0047ab; /* Old browsers */
+
-
background: -moz-linear-gradient(left, #0047ab 0%, #258dc8 100%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0047ab), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(left, #0047ab 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(left, #0047ab 0%,#258dc8 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(left, #0047ab 0%,#258dc8 100%); /* IE10+ */
+
-
background: linear-gradient(to right, #0047ab 0%,#258dc8 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 */
+
-
}
+
-
.menu-item:hover ul {
+
<div class="tileImage" >
-
  height: 93px;
+
<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>
-
.menu-item h4:hover { 
+
</td>     
-
  background: #cc002c; /* Old browsers */
+
<td>
-
  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+ */
+
<h3>Project</h3>
-
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
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.
-
  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*/
+
<div class="RMbutton">
-
.menu-item ul {
+
<a href="https://2013.igem.org/Team:Groningen/Navigation/Project" class="myButton" color="white">Read More</a>  
-
  background: #fff;
+
</div>
-
  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*/
+
</td>
-
.alpha p {
+
<td>
-
    font-size: 13px;
+
-
    padding: 8px 12px;
+
-
    color: #aaa;
+
-
}
+
-
.menu-item h4 a {
+
<div class="tileImage">
-
  color: white;
+
<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>
-
  display: block;
+
</div>
-
  text-decoration: none;
+
-
  width: 200px;
+
-
}
+
-
</style>
+
 +
</td>
 +
<td> 
-
<nav>
+
<h3>Outreach</h3>
-
    <div class="menu-item alpha">
+
As a team we promoted iGEM and the fantastic world of synthetic biology.
-
      <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>
+
 +
<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>
-
 
+
</td>   
-
 
+
</tr>        
-
 
+
</table>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</BODY>
+
-
</HTML>
+

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"