Team:Groningen/TESTPAGE2

From 2013.igem.org

(Difference between revisions)
 
(125 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!-- Begin floating menu code-->
+
<!-- INSTRUCTIONS: If you want to edit the content of this webpage, please ONLY edit the part between
-
<style>
+
<div class="mainContent"> and </div>. Dont edit anything else. For questions contact Erik or Tycho
-
body {
+
SO for example you get:
-
  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*/
+
<div class="mainContent">
-
.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 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 {
+
Some text overhere about anything
-
  height: 200px;
+
-
}
+
-
.menu-item h4:hover { 
+
</div>
-
  background: rgb(0,71,171); /* Old browsers */
+
-
background: -moz-linear-gradient(left, rgba(0,71,171,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
+
-
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*/
+
-->
-
.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="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/contact">Contact</a></h4>
 
-
    </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>
 
-
</nav>
 
-
 
-
<!-- Einde floating menu code-->
 
-
 
-
 
-
<!-- Begin slideshow code-->
 
<head>
<head>
-
<script type="text/javascript">
+
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
-
var image1 = new Image()
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Groningen/CSS/DefaultPage?action=raw&ctype=text/css" type="text/css" />
-
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>
<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>
 
 +
</html> {{:Team:Groningen/Templates/DefaultHeader}}<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>
+
<div class="colmask threecol">
 +
<span class="navigation">
 +
    </html>{{:Team:Groningen/Templates/Navigationbar}}<html>
 +
</span>
-
<!-- Eind facebook code -->
+
<span class="widgets">
 +
    </html>{{:Team:Groningen/Templates/facebook}}<html>
 +
</span>
-
<!-- Begin Facebook code, De onderstaande code kan je ergens plaatsen, maakt niet uit waar-->
+
<div class="mainContent">
-
<div margin="50" id="fb-root"></div>
+
<!-- Call slider -->
-
<script>(function(d, s, id) {
+
-
  var js, fjs = d.getElementsByTagName(s)[0];
+
-
  if (d.getElementById(id)) return;
+
-
  js = d.createElement(s); js.id = id;
+
-
  js.src = "//connect.facebook.net/nl_NL/all.js#xfbml=1";
+
-
  fjs.parentNode.insertBefore(js, fjs);
+
-
}(document, 'script', 'facebook-jssdk'));</script>
+
-
</html>
+
<div align="center">
 +
<!-- {{:Team:Groningen/Templates/slider}} -->
 +
</div>
 +
<!-- end call slider -->
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at fringilla sem, ac pulvinar risus. Praesent dapibus nulla ac enim vulputate, quis porttitor metus porttitor. Vestibulum aliquam eros purus, vel aliquet lacus varius id. Phasellus rhoncus mi in accumsan pellentesque. Nam turpis lectus, scelerisque at viverra ut, placerat sagittis tellus. Vestibulum tincidunt lectus quis blandit porttitor. Donec vel odio eu sem fermentum imperdiet. Sed at mollis justo, vitae dignissim est. Donec nec est in velit posuere interdum a et nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas nec massa sed orci porta eleifend. Pellentesque ullamcorper lacus nisl, vel interdum mi posuere quis.
 
-
Mauris id suscipit elit. Etiam id augue consectetur tortor ultricies volutpat eu ut lorem. Morbi tristique condimentum lacus non interdum. Quisque felis augue, sodales et sem quis, molestie lacinia orci. Nam purus magna, lobortis eget sagittis ac, rutrum quis turpis. Duis a arcu et lectus fermentum feugiat elementum sit amet erat. In at nibh et erat eleifend rhoncus vel eu nisi. Suspendisse semper interdum velit sit amet laoreet. Vivamus vitae mi fermentum, gravida odio vitae, mattis diam. Vivamus pharetra non felis at blandit. Nulla malesuada, libero nec condimentum pulvinar, magna nulla vulputate erat, in hendrerit nibh urna ut leo. Curabitur gravida ligula diam, ut fermentum nulla tincidunt sit amet. Morbi gravida turpis eu sem ultricies ullamcorper. Aliquam erat volutpat. Mauris eget risus nec massa hendrerit consequat. Fusce eget est faucibus, volutpat lectus et, tincidunt sapien.
 
-
Nullam dui enim, sagittis sit amet auctor nec, blandit eu augue. Pellentesque magna nibh, eleifend fermentum diam dictum, feugiat porttitor erat. Duis volutpat tellus est, quis interdum est malesuada sed. Fusce laoreet pulvinar imperdiet. Vestibulum congue ultricies sem ut egestas. Duis vestibulum mi sit amet magna semper pretium. Fusce a mi libero. Aliquam vel mauris nec odio adipiscing lobortis. Sed rhoncus urna nibh, et aliquam lorem viverra sed. Suspendisse consectetur faucibus leo in pharetra. Cras vulputate massa diam, id dictum dui bibendum sit amet.
+
<div align="center">
 +
</html> {{:Team:Groningen/TESTPAGE3}} <html>
 +
</div>
-
Donec blandit, lacus sed pharetra ultrices, metus libero placerat dolor, a consequat neque purus sed mi. Phasellus dapibus dolor vel eleifend mollis. Nullam lacinia diam vitae venenatis tempor. Nunc pretium justo eu auctor ultrices. Nam eros lorem, sollicitudin non tellus at, pharetra consequat sapien. Pellentesque viverra blandit tortor in scelerisque. Proin nec volutpat libero, ut dapibus justo. Morbi eget consectetur ante. Duis eget leo accumsan, tristique turpis eu, imperdiet ipsum. Nam vulputate massa id tellus dignissim placerat. Ut rutrum bibendum tortor ac sodales. In id magna a nunc tincidunt consectetur sit amet quis magna. Quisque sed erat ipsum.
 
-
Curabitur congue velit nec lorem dignissim ultricies. In purus sapien, tempus non dolor vitae, dictum bibendum nunc. Pellentesque lobortis ac quam a sodales. In ut mauris eu mauris consequat ornare ut ut magna. Nulla sit amet auctor odio. Integer ac sodales metus. Curabitur laoreet enim ut purus ultricies elementum. Curabitur nec sem lobortis, aliquam metus a, cursus arcu.
+
   
 +
</div>
 +
 
 +
 
 +
</div>
 +
 
 +
</html> {{:Team:Groningen/Templates/DefaultFooter}}<html>
 +
 
 +
</body>
 +
</html>

Latest revision as of 20:00, 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