Difference between revisions of "Team:Toulouse/test"

(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<title>Spectral by HTML5 UP</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<link rel="stylesheet" href="http://igemtoulouse.free.fr/css/main.css" />
 +
</head>
 +
<body class="landing">
  
 +
<!-- Page Wrapper -->
 +
<div id="page-wrapper">
 +
 +
<!-- Header -->
 +
<header id="header" class="alt">
 +
<h1><a href="https://2015.igem.org/Team:Toulouse">iGEM Toulouse 2015</a></h1>
 +
<nav id="nav">
 +
<ul>
 +
<li class="special">
 +
<a href="#menu" class="menuToggle"><span>Menu</span></a>
 +
<div id="menu">
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:Toulouse">Home</a></li>
 +
<li><a href="https://2015.igem.org/Team:Toulouse">Generic</a></li>
 +
<li><a href="https://2015.igem.org/Team:Toulouse">Elements</a></li>
 +
<li><a href="#">Sign Up</a></li>
 +
<li><a href="#">Log In</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</nav>
 +
</header>
 +
 +
<!-- Banner -->
 +
<section id="banner">
 +
<div class="inner">
 +
<h2>ApiColi</h2>
 +
<br>
 +
<img src="apicoli.jpeg"/><p>
 +
<br>
 +
<i>"If the bee disappeared off the face of the Earth,<br>
 +
man would only have four years left to live.”</i><br>
 +
<b>A. Einstein</b><br/>
 +
<br />
 +
</p>
 +
 +
</div>
 +
<a href="#one" class="more scrolly">Learn More</a>
 +
</section>
 +
 +
<!-- One -->
 +
<section id="one" class="wrapper style1 special">
 +
<div class="inner">
 +
<header class="major">
 +
<h2>Arcu aliquet vel lobortis ata nisl<br />
 +
eget augue amet aliquet nisl cep donec</h2>
 +
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
 +
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
 +
</header>
 +
<ul class="icons major">
 +
<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span></li>
 +
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
 +
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li>
 +
</ul>
 +
</div>
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt style2">
 +
<section class="spotlight">
 +
<div class="image"><img src="http://igemtoulouse.free.fr/images/pic01.jpg" alt="" /></div><div class="content">
 +
<h2>Magna primis lobortis<br />
 +
sed ullamcorper</h2>
 +
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
 +
</div>
 +
</section>
 +
<section class="spotlight">
 +
<div class="image"><img src="http://igemtoulouse.free.fr/images/pic02.jpg" alt="" /></div><div class="content">
 +
<h2>Tortor dolore feugiat<br />
 +
elementum magna</h2>
 +
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
 +
</div>
 +
</section>
 +
<section class="spotlight">
 +
<div class="image"><img src="http://igemtoulouse.free.fr/images/pic03.jpg" alt="" /></div><div class="content">
 +
<h2>Augue eleifend aliquet<br />
 +
sed condimentum</h2>
 +
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
 +
</div>
 +
</section>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper style3 special">
 +
<div class="inner">
 +
<header class="major">
 +
<h2>Accumsan mus tortor nunc aliquet</h2>
 +
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
 +
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
 +
</header>
 +
<ul class="features">
 +
<li class="icon fa-paper-plane-o">
 +
<h3>Arcu accumsan</h3>
 +
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 +
</li>
 +
<li class="icon fa-laptop">
 +
<h3>Ac Augue Eget</h3>
 +
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 +
</li>
 +
<li class="icon fa-code">
 +
<h3>Mus Scelerisque</h3>
 +
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 +
</li>
 +
<li class="icon fa-headphones">
 +
<h3>Mauris Imperdiet</h3>
 +
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 +
</li>
 +
<li class="icon fa-heart-o">
 +
<h3>Aenean Primis</h3>
 +
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 +
</li>
 +
<li class="icon fa-flag-o">
 +
<h3>Tortor Ut</h3>
 +
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
 +
</li>
 +
</ul>
 +
</div>
 +
</section>
 +
 +
<!-- CTA -->
 +
<section id="cta" class="wrapper style4">
 +
<div class="inner">
 +
<header>
 +
<h2>Arcue ut vel commodo</h2>
 +
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
 +
</header>
 +
<ul class="actions vertical">
 +
<li><a href="#" class="button fit special">Activate</a></li>
 +
<li><a href="#" class="button fit">Learn More</a></li>
 +
</ul>
 +
</div>
 +
</section>
 +
 +
<!-- Footer -->
 +
<footer id="footer">
 +
<ul class="icons">
 +
<li><a href="https://twitter.com/toulouse_igem" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 +
<li><a href="https://www.facebook.com/pages/iGEM-Toulouse-2015/1604834019761538?ref=aymt_homepage_panel" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 +
</ul>
 +
<ul class="copyright">
 +
<li>&copy; Untitled</li><li>iGEM: <a href="https://2015.igem.org/Team:Toulouse">Toulouse 2015</a></li>
 +
</ul>
 +
</footer>
 +
 +
</div>
 +
 +
<!-- Scripts -->
 +
<script src="http://igemtoulouse.free.fr/js/jquery.min.js"></script>
 +
<script src="http://igemtoulouse.free.fr/js/jquery.scrollex.min.js"></script>
 +
<script src="http://igemtoulouse.free.fr/js/jquery.scrolly.min.js"></script>
 +
<script src="http://igemtoulouse.free.fr/js/skel.min.js"></script>
 +
<script src="http://igemtoulouse.free.fr/js/util.js"></script>
 +
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
 +
<script src="http://igemtoulouse.free.fr/js/main.js"></script>
 +
 +
</body>
 +
</html>

Revision as of 08:55, 14 June 2015

Spectral by HTML5 UP

Arcu aliquet vel lobortis ata nisl
eget augue amet aliquet nisl cep donec

Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.

  • Lorem
  • Ipsum
  • Dolor

Magna primis lobortis
sed ullamcorper

Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.

Tortor dolore feugiat
elementum magna

Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.

Augue eleifend aliquet
sed condimentum

Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.

Accumsan mus tortor nunc aliquet

Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.

  • Arcu accumsan

    Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.

  • Ac Augue Eget

    Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.

  • Mus Scelerisque

    Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.

  • Mauris Imperdiet

    Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.

  • Aenean Primis

    Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.

  • Tortor Ut

    Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.

Arcue ut vel commodo

Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.