Skip to content

Instantly share code, notes, and snippets.

@mattjburrows

mattjburrows/index.html (snippet 1.1)

Last active August 29, 2015 13:57
Show Gist options
  • Save mattjburrows/9549821 to your computer and use it in GitHub Desktop.
Save mattjburrows/9549821 to your computer and use it in GitHub Desktop.
Download ZIP
HTML code snippets for the "Swipe activated gallery" tutorial on medium. Article URL to be confirmed.
Raw
index.html (snippet 1.1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
<title>CSS3 Animated Swipe Gallery</title>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no">
<!-- Here is where we include the stylesheet. -->
<link rel="stylesheet" href="screen.css">
</head>
<body>
<section id="banner-gallery" class="gallery-module">
<div class="gallery-module__wrapper">
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
<div class="gallery-module__slide"><img src="http://www.fillmurray.com/1536/672"></div>
</div>
</section>
<nav class="navigation-module">
<ul id="banner-navigation" class="navigation-module__list"></ul>
</nav>
// Here is where we are including the JavaScript.
<script src="app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment