Team:Groningen/TESTPAGE3

From 2013.igem.org

(Difference between revisions)
 
(314 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<table border="0">
 
-
<tr>
 
-
<td colspan="2" style="background-color:##FFFFFF;">
 
-
<!-- Header tabel-->
+
<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" />
-
 
+
-
<!-- Begin slideshow code-->
+
-
<head>
+
-
<script type="text/javascript">
+
-
var image1 = new Image()
+
-
image1.src = "https://static.igem.org/mediawiki/2013/7/77/Groningen_team.png"
+
-
var image2 = new Image()
+
-
image2.src = "https://static.igem.org/mediawiki/2013/a/a2/2013_allBlack_BIG_corr.png"
+
-
var image3 = new Image()
+
-
image3.src = ""
+
-
</script>
+
</head>
</head>
-
<body>
 
-
<p><img src="https://static.igem.org/mediawiki/2013/7/77/Groningen_team.png" width="900px" height="302px%" name="slide" /></p>
 
-
<script type="text/javascript">
 
-
        var step=1;
 
-
        function slideit()
 
-
        {
 
-
            document.images.slide.src = eval("image"+step+".src");
 
-
            if(step<2)
 
-
                step++;
 
-
            else
 
-
                step=1;
 
-
            setTimeout("slideit()",4000);
 
-
        }
 
-
        slideit();
 
-
</script>
 
-
</body>
 
-
</td>
 
-
</tr>
 
-
 
-
<!-- Menu tabel-->
 
 +
<table>
<tr>
<tr>
-
<td style="background-color:#FFFFFF;height:200px;width:250px;">
+
<td>
-
<!-- Begin floating menu code-->
+
<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>
-
<style>
+
</td>      
-
body {
+
<td>
-
  background: #e5e5e7;
+
       
-
}
+
<h3>Project</h3>
-
nav {
+
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.
-
  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: auto;
+
-
}
+
-
+
-
.menu-item {
+
-
  background: #fff;
+
-
  width: 210px;
+
-
}
+
-
/*Menu Header Styles*/
+
<div class="RMbutton">
-
.menu-item h4 {
+
<a href="https://2013.igem.org/Team:Groningen/Navigation/Project" class="myButton" color="white">Read More</a> 
-
  border-bottom: 1px solid rgba(0,0,0,0.3);
+
</div>
-
  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: rgb(0,71,171); /* Old browsers */
+
-
background: -moz-linear-gradient(left, rgba(0,71,171,1) 48%, rgba(87,122,168,1) 100%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, right top, color-stop(48%,rgba(0,71,171,1)), color-stop(100%,rgba(87,122,168,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* IE10+ */
+
-
background: linear-gradient(to right, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */
+
-
}
+
-
.menu-item:hover ul {
+
</td>
-
  height: 130px;
+
<td>
-
}
+
-
.menu-item h4:hover { 
+
<div class="tileImage">
-
  background: rgb(0,71,171); /* Old browsers */
+
<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>
-
background: -moz-linear-gradient(left, rgba(0,71,171,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
+
</div>
-
background: -webkit-gradient(linear, left top, right top, color-stop(100%,rgba(0,71,171,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(left, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(left, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(left, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
+
-
background: linear-gradient(to right, rgba(0,71,171,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
+
-
}
+
-
/*ul Styles*/
+
</td>
-
.menu-item ul {
+
<td>    
-
   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*/
+
<h3>Outreach</h3>
-
.alpha p {
+
As a team we promoted iGEM and the fantastic world of synthetic biology.  
-
    font-size: 13px;
+
-
    padding: 8px 12px;
+
-
    color: #aaa;
+
-
}
+
-
.menu-item h4 a {
+
<div class="RMbutton">
-
  color: white;
+
<a href="https://2013.igem.org/Team:Groningen/Navigation/Outreach" class="myButton" color="white">Read More</a> 
-
  display: block;
+
</div>
-
  text-decoration: none;
+
-
  width: 200px;
+
-
}
+
-
</style>
+
-
 
-
<nav>
 
-
    <div class="menu-item alpha">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen">Home</a></h4>
 
-
 
 
-
    </div>
 
-
     
 
-
    <div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/Team" >Team</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://igem.org/Team.cgi?year=2013" target="_blank" >Official profile</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/attributions">Attributions</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Acknowledgements">Acknowledgements</a></li>
 
-
      </ul>
 
-
    </div>
 
-
     
 
-
    <div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/Project">Project</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Project/secretion">Silk Secretion</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Project/Motility">Motility</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Project/Biofilm">Biofilm</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Notebook">Labjournal</a></li>
 
-
      </ul>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href="#">Lab Work</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/protocols">Protocols</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/experiments">Experiments</a></li>
 
-
      </ul>
 
-
    </div>
 
-
     
 
-
    <div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/Modeling">Modeling</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Modeling/codonoptimaztion">Codon optimization</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Modeling/folding">Folding</a></li>
 
-
        <li><a href="#">More modeling stuff</a></li>
 
-
      </ul>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/Achievements">Achievements</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Achievements/medal">Medal fulfillment</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Achievements/Parts">Submitted parts <br>to the registry</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Achievements/collaboration">Collaboration</a></li>
 
-
      </ul>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/Safety">Safety</a></h4>
 
-
      <ul>
 
-
        <li><a href="#">Some text</a></li>
 
-
        <li><a href="#">And text</a></li>
 
-
      </ul>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/outreach">Outreach</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/outreach/summerschool">Summerschool</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/outreach/indiansummer">Indian summer</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/outreach/symposia">Symposia</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/outreach/press">Press</a></li>
 
-
      </ul>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/sponsors">Sponsors</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/donation">How to donate</a></li>
 
-
      </ul>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href="https://2013.igem.org/Team:Groningen/contact">Contact</a></h4>
 
-
    </div>
 
-
<div class="menu-item">
 
-
      <h4><a href=""> Wiki Development</a></h4>
 
-
      <ul>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/TESTPAGE">Testpage I</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/TESTPAGE2">Testpage II</a></li>
 
-
      </ul>
 
-
    </div>
 
-
</nav>
 
-
 
-
<!-- Einde floating menu code-->
 
</td>
</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
-
<!-- Content tabel -->
+
<div class="RMbutton">
-
<td style="background-color:#EEEEEE;width:1000px;">
+
<a href="https://2013.igem.org/Team:Groningen/Photos" class="myButton" color="white">Read More</a> 
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis arcu non nunc elementum, sit amet tristique purus dapibus. Nulla facilisi. Integer semper, orci quis aliquam placerat, orci velit fermentum turpis, tristique blandit orci nisl ac eros. Donec venenatis nunc ultricies nibh placerat, a cursus leo feugiat. Nulla cursus tincidunt sem. Sed rutrum leo sit amet lacus dictum condimentum. Curabitur rutrum arcu a lorem ullamcorper euismod. Pellentesque non mattis metus, dapibus dignissim tortor.
+
</div>
-
Vivamus rutrum condimentum ipsum, ut bibendum ipsum ultricies id. Etiam non diam lobortis, placerat odio vitae, dignissim turpis. Mauris at tempus nisi, vel congue arcu. Integer sollicitudin tellus augue, eu posuere dui vestibulum sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tempus semper lacus, ac egestas risus aliquam quis. Vivamus sed vestibulum ligula. Aliquam consectetur tincidunt ullamcorper. Quisque elementum velit eget convallis elementum. Nulla facilisi.
+
</td>
-
Nullam tincidunt tellus vitae neque accumsan facilisis. Pellentesque vestibulum placerat nunc, vitae luctus lorem bibendum vel. Praesent ut urna in enim lobortis ullamcorper. Vestibulum a nunc vehicula, adipiscing urna a, tempus nulla. Donec bibendum dui quis aliquam viverra. Sed nunc mi, mattis quis luctus vel, porta et nibh. Aenean suscipit tellus nec nulla egestas ornare. Nullam eu mollis ante. Aenean id lectus quis dolor tempus elementum ac fermentum mi. Sed odio risus, blandit eget placerat quis, aliquam nec massa. Nullam adipiscing enim massa, consequat adipiscing augue faucibus congue. Pellentesque placerat, leo in tempus rhoncus, elit elit faucibus magna, bibendum semper nisl mauris nec quam. Nam vitae quam in nunc sagittis dignissim. Phasellus in ornare magna. Vestibulum non eros felis. Fusce pharetra massa ac aliquam ultrices.
+
<td> 
-
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas quam augue, ultrices at egestas eget, ultrices ut odio. Cras urna nunc, placerat ut augue id, molestie tincidunt tortor. Etiam diam ante, porttitor vitae placerat id, posuere vitae tortor. Nulla at sem nec mauris molestie venenatis ut et leo. Aenean rutrum mauris ac elit consequat imperdiet. Morbi nisl dolor, laoreet ac tortor a, dapibus tincidunt lacus. Mauris fringilla consectetur leo ut sagittis. Praesent hendrerit molestie dapibus.
+
<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>
-
Ut adipiscing turpis et consectetur ornare. Suspendisse potenti. Nunc semper condimentum orci, eu malesuada magna mattis quis. Vivamus ac purus eu lacus porttitor elementum in vitae tortor. Duis pharetra dictum eros a bibendum. Fusce eu nulla ante. Morbi egestas metus enim, at laoreet lectus ornare varius. Duis quis faucibus lacus. Nunc lobortis sed massa sed congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus tempus ipsum non nisl pharetra, sed gravida nulla pulvinar. Duis dignissim diam et pellentesque dapibus.
+
</td>
 +
<td> 
-
Vivamus viverra nisi nibh, at consectetur nibh mollis vel. Aenean imperdiet nibh enim, ut blandit quam condimentum tincidunt. Ut consectetur ligula urna, et lobortis enim suscipit a. Duis nec ipsum aliquet, vulputate justo ac, malesuada magna. Nulla ut lorem justo. Duis pretium hendrerit turpis id ornare. Fusce tempus id leo interdum vehicula.
+
<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>
-
Aenean pharetra felis adipiscing, viverra quam non, gravida enim. Nulla facilisis tincidunt faucibus. Integer tristique ante vitae enim dignissim, at auctor purus pulvinar. Nulla facilisi. Curabitur sit amet nisl sit amet eros molestie bibendum vel at massa. Maecenas leo risus, placerat ultricies vulputate et, ultricies vel erat. Praesent eu interdum metus. Morbi sodales turpis a semper interdum. In vel tortor vitae est malesuada sollicitudin. Etiam odio dui, dapibus non laoreet eu, condimentum ut metus. Duis egestas est libero, eget placerat eros tempus ut. Phasellus aliquet scelerisque accumsan. Maecenas vel hendrerit libero.
+
</td>   
 +
</tr>
 +
<td>
-
In ut vestibulum erat. Nam nec hendrerit arcu. Donec pellentesque sapien a massa placerat dapibus. Nam vel dignissim urna. Quisque nisi diam, mattis vulputate cursus vitae, pharetra vel lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut semper sodales tempus. Aenean vitae nibh interdum, pellentesque ipsum ut, gravida erat.
+
<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>
-
Aliquam lobortis lobortis diam, quis blandit mi fermentum nec. Sed bibendum urna sit amet luctus facilisis. Curabitur et neque ut augue pellentesque mollis. Maecenas placerat arcu eu purus condimentum scelerisque. Nulla eget aliquam leo, in iaculis purus. Donec vitae convallis enim. Sed tempus volutpat sem id adipiscing. Donec posuere, elit eget tincidunt euismod, felis elit mollis ipsum, vel cursus lacus mi ut turpis.
+
</td> 
 +
<td> 
-
In suscipit justo et leo mattis, sit amet pharetra ipsum imperdiet. In id ipsum nec nunc tincidunt tristique at a risus. Ut id magna tempus, aliquet lectus eget, malesuada diam. Ut feugiat porta leo imperdiet porttitor. Vestibulum porta imperdiet ornare. Ut in dui metus. Mauris convallis, felis in iaculis fringilla, eros tellus volutpat metus, at malesuada risus sapien sed mi. Nam sed magna luctus, adipiscing lectus vitae, pretium arcu. Duis volutpat facilisis eros vel pulvinar. Aenean dictum pharetra nulla nec consectetur. Vestibulum mauris quam, pretium rhoncus nunc nec, pretium ultricies elit. Mauris vitae imperdiet nulla. Nulla consectetur erat eget posuere condimentum. Fusce aliquam, erat in vestibulum molestie, est leo elementum nunc, pharetra tristique lacus felis ut tortor. Phasellus ornare leo at neque iaculis egestas.
+
<h3> Team </h3>
-
 
+
Find more about who we are and what we do in daily life
-
Aliquam quis bibendum risus. Fusce condimentum sapien ac hendrerit sagittis. Maecenas convallis dictum justo nec aliquam. Ut interdum justo sed libero blandit, sit amet pellentesque augue malesuada. Duis ornare sagittis lectus, vel laoreet purus pulvinar a. Integer nec nisi mi. Sed consequat accumsan dignissim. Integer quis porttitor velit. Nam bibendum libero tincidunt tincidunt mollis. Morbi vitae pretium leo. Sed tincidunt, dolor ut suscipit aliquet, magna lacus feugiat est, sed auctor arcu dolor quis massa. Vestibulum pulvinar ligula velit, et porta urna varius sed. Nullam accumsan eget turpis eget posuere.
+
 +
<div class="RMbutton">
 +
<a href="https://2013.igem.org/Team:Groningen/Navigation/Team" class="myButton" color="white">Read More</a> 
 +
</div>
</td>
</td>
-
</tr>
+
<td>  
-
<tr>
+
<div class="tileImage" >
-
<td colspan="2" style="background-color:#FFFFF;text-align:center;">
+
<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>      
-
iGEM 2013</td>
+
</div>
-
</tr>
+
-
</table>
+
-
</body>
+
</td>
 +
<td> 
-
<!-- Begin Facebook code, De onderstaande code kan je ergens plaatsen, maakt niet uit waar-->
+
<h3>Labjournal</h3>
 +
bladieblabla
-
<div id="fb-root" ></div>
+
<div class="RMbutton">
-
<script>(function(d, s, id) {
+
<a href="https://2013.igem.org/Team:Groningen/Navigation/Notebook" class="myButton" color="white">Read More</a> 
-
  var js, fjs = d.getElementsByTagName(s)[0];
+
</div>
-
  if (d.getElementById(id)) return;
+
-
  js = d.createElement(s); js.id = id;
+
-
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+
-
  fjs.parentNode.insertBefore(js, fjs);
+
-
}(document, 'script', 'facebook-jssdk'));</script>
+
-
<!-- Eind facebook code -->
+
</td>    
-
</html>
+
</tr>        
-
 
+
</table>
-
 
+
-
<html>
+
-
<!-- Dit is de code voor de plugin, dit zie je dus ergens op de site, de maximale 'width' is 292 -->
+
-
 
+
-
<div class="fb-like-box" data-href="https://www.facebook.com/Igem2013Groningen" data-width="292" data-show-faces="false" data-stream="true" data-show-border="true" data-header="true"></div>
+
-
 
+
-
 
+
-
<!-- Eind facebook code -->
+
-
</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"