mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-16 10:04:45 +02:00
Code Issues Releases Wiki Activity

new demo: netflix culture, more video examples...

Browse Source
This commit is contained in:
José Luis Antúnez
2017-04-11 19:39:17 +02:00
committed by GitHub
parent 38a061d6d1
commit c8603a1830
11 changed files with 685 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
demos/classes.html
View File

@@ -517,43 +517,6 @@
</div>
<!-- .end .wrap -->
</section>
<section>
<div class="wrap">
<div class="card-50 bg-white">
<figure>
<img src="https://source.unsplash.com/POYDluw0tyw/800x600" alt="Big Ben, London">
<figcaption>
<a href="https://unsplash.com/@dibert" title="David Dibert">
<svg class="fa-camera">
<use xlink:href="#fa-camera"></use>
</svg>
David Dibert (Unsplash)
</a>
</figcaption>
</figure>
<!-- end figure-->
<div class="flex-content">
<h2>
Discover London
</h2>
<p>.card-50.bg-white</p>
<ul class="description">
<li>
<strong title="Density">Density:</strong> 5,518/km<sup>2</sup>
</li>
<li><strong title="Population">Population:</strong> 8,673,713</li>
<li><strong title="Website">Website:</strong> <a href="http://www.visitlondon.com/">visitlondon.com</a></li>
</ul>
<p>
There are many reasons to visit London. London has a diverse range of people and cultures, and more than 300 languages are spoken in the region.
</p>
</div>
<!-- end .flex-content-->
</div>
<!-- end .card-50-->
</div>
<!-- .end .wrap -->
</section>
<section>
<div class="wrap">
<div class="card-50 bg-white">
@@ -589,6 +552,43 @@
</div>
<!-- .end .wrap -->
</section>
<section>
<div class="wrap">
<div class="card-50 bg-white">
<figure>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1241.8442158987712!2d-0.1268272!3d51.5005848!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604c38c8cd1d9%3A0xb78f2474b9a45aa9!2sBig+Ben!5e0!3m2!1ses!2ses!4v1491497625579" width="800" height="600" allowfullscreen></iframe>
<figcaption>
<a href="https://maps.google.com" title="Google Maps">
<svg class="fa-maps">
<use xlink:href="#fa-maps"></use>
</svg>
Google Maps
</a>
</figcaption>
</figure>
<!-- end figure-->
<div class="flex-content">
<h2>
Discover London
</h2>
<p>.card-50.bg-white</p>
<ul class="description">
<li>
<strong title="Density">Density:</strong> 5,518/km<sup>2</sup>
</li>
<li><strong title="Population">Population:</strong> 8,673,713</li>
<li><strong title="Website">Website:</strong> <a href="http://www.visitlondon.com/">visitlondon.com</a></li>
</ul>
<p>
There are many reasons to visit London. London has a diverse range of people and cultures, and more than 300 languages are spoken in the region.
</p>
</div>
<!-- end .flex-content-->
</div>
<!-- end .card-50-->
</div>
<!-- .end .wrap -->
</section>
<section class="fullscreen">
<div class="card-50">
<figure>
@@ -1934,9 +1934,11 @@
<!-- Required -->
<script src="../static/js/webslides.js"></script>
<script>
window.ws = new WebSlides();
</script>
<!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome as svg icons) -->
<script defer src="../static/js/svg-icons.js"></script>