Slide 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Line 2: | Line 2: | ||
<html> | <html> | ||
- | |||
<style> | <style> | ||
.header-right { | .header-right { | ||
Line 12: | Line 11: | ||
} | } | ||
</style> | </style> | ||
- | |||
<div class="wrapper-outer"> | <div class="wrapper-outer"> | ||
- | <div class=" | + | <div class="content home-page"> |
- | <div class=" | + | <div class="slideshow"> |
- | <div class=" | + | <div class="slides"> |
- | <div | + | <div class="slide active"> |
- | + | <div class="left" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/a/ad/TeamFreiburgHomepageSlide1.jpg/800px-TeamFreiburgHomepageSlide1.jpg);background-size:cover;"> | |
- | < | + | </div> |
- | + | <div class="right" style="background-color: darkred;"> | |
- | < | + | <div class="description"> |
- | < | + | <h2>Overview</h2> |
- | </ | + | <p class="subtitle">The Accellerator</p> |
- | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quis veniam dolor quo ut voluptates voluptatum quidem nobis excepturi provident?</p> | |
- | + | <a href="#" class="read-more">Read More</a> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="slide"> | |
+ | <div class="left" style="background-image: url(https://static.igem.org/mediawiki/2014/3/3a/TeamFreiburgHomeSlide2.jpg);background-size:cover;"> | ||
+ | </div> | ||
+ | <div class="right" style="background-color: teal;"> | ||
+ | <div class="description"> | ||
+ | <h2>The Project</h2> | ||
+ | <p class="subtitle">Jetzt auch in Farbe. Und bunt.</p> | ||
+ | <p>Schemazeichnung zur linken.</p> | ||
+ | <a href="#" class="read-more">Read More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <div class="left" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/f/f0/TeamFreiburgHomeSlide3.jpg/600px-TeamFreiburgHomeSlide3.jpg);background-size:cover;"> | ||
+ | </div> | ||
+ | <div class="right" style="background-color: Crimson;"> | ||
+ | <div class="description"> | ||
+ | <h2>The Cell</h2> | ||
+ | <p class="subtitle">Die rote Zelle</p> | ||
+ | <p>Konfokale Aufnahme zur linken.</p> | ||
+ | <a href="#" class="read-more">Read More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <div class="left" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/a/a8/TeamFrHomeSlide4.jpg/800px-TeamFrHomeSlide4.jpg);background-size:cover;"> | ||
+ | </div> | ||
+ | <div class="right" style="background-color: teal;"> | ||
+ | <div class="description"> | ||
+ | <h2>The Team</h2> | ||
+ | <p class="subtitle">iGEM Freiburg 2014</p> | ||
+ | <p>Team Freiburg 2014</p> | ||
+ | <a href="#" class="read-more">Read More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <div class="left" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/6/6c/TeamFrHomeSlide5.jpg/800px-TeamFrHomeSlide5.jpg);background-size:cover;"> | ||
+ | </div> | ||
+ | <div class="right" style="background-color: purple;"> | ||
+ | <div class="description"> | ||
+ | <h2>Notebook</h2> | ||
+ | <p class="subtitle">Mit Stift</p> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quis veniam dolor quo ut voluptates voluptatum quidem nobis excepturi provident?</p> | ||
+ | <a href="#" class="read-more">Read More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="slides-list"> | ||
+ | <div class="entry"> | ||
+ | <a href="#"> | ||
+ | <div class="list-image" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/a/ad/TeamFreiburgHomepageSlide1.jpg/800px-TeamFreiburgHomepageSlide1.jpg);background-size:cover;"></div> | ||
+ | <div class="list-description" style="background-color:darkred;"> | ||
+ | <div class="text"> | ||
+ | <h2>Slide 1</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
</div> | </div> | ||
- | <div class=" | + | </div> |
- | + | </a> | |
- | + | </div> | |
+ | <div class="entry"> | ||
+ | <a href="#"> | ||
+ | <div class="list-image" style="background-image: url(https://static.igem.org/mediawiki/2014/3/3a/TeamFreiburgHomeSlide2.jpg);background-size:cover;"></div> | ||
+ | <div class="list-description" style="background-color:teal;"> | ||
+ | <div class="text"> | ||
+ | <h2>Slide 2</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
</div> | </div> | ||
- | <div class=" | + | </div> |
- | + | </a> | |
- | + | </div> | |
+ | <div class="entry"> | ||
+ | <a href="#"> | ||
+ | <div class="list-image" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/f/f0/TeamFreiburgHomeSlide3.jpg/600px-TeamFreiburgHomeSlide3.jpg);background-size:cover;"></div> | ||
+ | <div class="list-description" style="background-color:Crimson;"> | ||
+ | <div class="text"> | ||
+ | <h2>Slide 3</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
</div> | </div> | ||
</div> | </div> | ||
- | </ | + | </a> |
- | + | </div> | |
- | + | <div class="entry"> | |
- | + | <a href="#"> | |
- | + | <div class="list-image" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/a/a8/TeamFrHomeSlide4.jpg/800px-TeamFrHomeSlide4.jpg);background-size:cover;"></div> | |
- | + | <div class="list-description" style="background-color:teal;"> | |
- | + | <div class="text"> | |
- | + | <h2>Slide 4</h2> | |
- | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
- | </ | + | </a> |
- | + | ||
</div> | </div> | ||
- | < | + | <div class="entry"> |
- | + | <a href="#"> | |
- | + | <div class="list-image" style="background-image: url(https://static.igem.org/mediawiki/2014/thumb/6/6c/TeamFrHomeSlide5.jpg/800px-TeamFrHomeSlide5.jpg);background-size:cover;"></div> | |
- | + | <div class="list-description" style="background-color:purple;"> | |
- | + | <div class="text"> | |
- | <div | + | <h2>Slide 5</h2> |
- | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
- | < | + | |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
- | </ | + | </a> |
- | + | </div> | |
- | </ | + | </div> |
+ | |||
+ | <div class="controls"> | ||
+ | <span class="button slide-up">Up</span> | ||
+ | <span class="button slide-down">Down</span> | ||
+ | <span class="button show-list">Show List</span> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</html> | </html> | ||
{{:Team:Freiburg/Templates/html/foot.html}} | {{:Team:Freiburg/Templates/html/foot.html}} |