Team:Heidelberg/StartPage Test

From 2013.igem.org

(Difference between revisions)
m
m
 
(One intermediate revision not shown)
Line 2: Line 2:
{{:Team:Heidelberg/Templates/basic-css}}
{{:Team:Heidelberg/Templates/basic-css}}
{{:Team:Heidelberg/Templates/style-css}}
{{:Team:Heidelberg/Templates/style-css}}
-
{{:Team:Heidelberg/Templates/flipclock-css}}
+
{{:Team:Heidelberg/Templates/countd-css}}
<html>
<html>
<style type="text/css">
<style type="text/css">
Line 17: Line 17:
<div class="container" style="margin-left:8%; margin-right:8%">
<div class="container" style="margin-left:8%; margin-right:8%">
<a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a>
<a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a>
-
<div class="clock-example daily-counter clearfix flip-clock-wrapper">
+
 
-
<span class="flip-clock-divider days">
+
-
<span class="flip-clock-label">Days</span>
+
-
</span>
+
-
<ul class="flip">
+
-
<li class="flip-clock-active" data-digit="0">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="1">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="2">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="3">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="down">
+
-
</a>
+
-
</li>
+
-
<li data-digit="4">
+
-
<a href="#">
+
-
<div class="u}.flip-clock-wrapper * {margin: 0px;padding: 0px;-moz-box-sizing: border-box;}ul {line-height: 1.1em;}ul, ol {margin-top: 0px;margin-bottom: 10px;}ul {line-height: 1.5em;list-style-type: square;margin: 0.3em 0px 0px 1.5em;padding: 0px;list-style-image: url("bullet.gif");}* {margin: 0px;padding: 0px;}* {margin: 0px;padding: 0px;}*, *:before, *:after {-moz-box-sizing: border-box;}.flip-clock-wrapper {text-align: center;}.flip-clock-wrapper {font: 11px "Helvep">
+
-
<div class="down">
+
-
</a>
+
-
</li>
+
-
<li data-digit="5">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="6">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="7">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="8">
+
-
<a href="#">
+
-
</li>
+
-
<li data-digit="9">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<ul class="flip play">
+
-
<li data-digit="0">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="1">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="2">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="3">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="4">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="5">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="6">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="7">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="8">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="9">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<span class="flip-clock-divider hours">
+
-
<span class="flip-clock-label">Hours</span>
+
-
</span>
+
-
<ul class="flip play">
+
-
<li class="" data-digit="0">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="1">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="2">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="3">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="4">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="5">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="6">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="7">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="8">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="9">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<ul class="flip play">
+
-
<li class="" data-digit="0">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="1">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="2">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="3">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="4">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="5">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="6">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="7">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="8">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="9">
+
-
<a href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<span class="flip-clock-divider minutes">
+
-
<span class="flip-clock-label">Minutes</span>
+
-
<span class="flip-clock-dot top"></span>
+
-
<span class="flip-clock-dot bottom"></span>
+
-
</span>
+
-
<ul class="flip play">
+
-
<li class="flip-clock-before" data-digit="0">
+
-
<a class="flip-clock-before" href="#">
+
-
<div class="up flip-clock-before">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="1">
+
-
<a class="flip-clock-before" href="#">
+
-
<div class="up flip-clock-before">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="2">
+
-
<a class="flip-clock-before" href="#">
+
-
<div class="up flip-clock-before">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="3">
+
-
<a class="flip-clock-before" href="#">
+
-
<div class="up flip-clock-before">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="4">
+
-
<a class="flip-clock-before" href="#">
+
-
<div class="up flip-clock-before">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="5">
+
-
<a class="flip-clock-before" href="#">
+
-
<div class="up flip-clock-before">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow flip-clock-before"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<ul class="flip play">
+
-
<li class="" data-digit="0">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="1">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="2">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="3">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="4">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li data-digit="5">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="6">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="7">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="8">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="9">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<span class="flip-clock-divider seconds">
+
-
<span class="flip-clock-label">Seconds</span>
+
-
<span class="flip-clock-dot top"></span>
+
-
<span class="flip-clock-dot bottom"></span>
+
-
</span>
+
-
<ul class="flip play">
+
-
<li class="" data-digit="0">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="1">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="2">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="3">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="4">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="5">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
<ul class="flip play">
+
-
<li class="" data-digit="0">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">0</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="1">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">1</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="2">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">2</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="3">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">3</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="4">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">4</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-active" data-digit="5">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">5</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="flip-clock-before" data-digit="6">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">6</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="7">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">7</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="8">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">8</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
<li class="" data-digit="9">
+
-
<a class="" href="#">
+
-
<div class="up">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
<div class="down">
+
-
<div class="shadow"></div>
+
-
<div class="inn">9</div>
+
-
</div>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
     <div class="row">    
     <div class="row">    
Line 989: Line 113:
        
        
             <h3 style="font-size:21px; float:right; margin-right:5%">Check out our Highlights:</h3>
             <h3 style="font-size:21px; float:right; margin-right:5%">Check out our Highlights:</h3>
-
 
+
<div class="your-clock"></div>
Line 996: Line 120:
    </div>
    </div>
<div>
<div>
-
<script type="text/javascript">
 
-
var clock = $('.clock-example').FlipClip(3600 * 24 * 3, {
 
-
clockFace: 'DailyCounter',
 
-
countdown: true
 
-
});
 
-
</script>
 
</html>
</html>
{{:Team:Heidelberg/Templates/Footer-Start}}
{{:Team:Heidelberg/Templates/Footer-Start}}

Latest revision as of 19:21, 3 October 2013

Welcome! Click here!

Check out our Highlights:

Retrieved from "http://2013.igem.org/Team:Heidelberg/StartPage_Test"