Skip to content

Instantly share code, notes, and snippets.

@jacobmischka
Created October 20, 2016 20:51
Show Gist options
  • Save jacobmischka/a824dca2e633a7ae9b776cd75c4a8a5d to your computer and use it in GitHub Desktop.
Save jacobmischka/a824dca2e633a7ae9b776cd75c4a8a5d to your computer and use it in GitHub Desktop.
index.html
<html>
<head>
<style>
.slider {
height: 100vh;
}
.slider__content {
height: 100%;
}
.slider__content > div {
background-image: url('http://lorempixel.com/400/200');
background-size: cover;
height: 100%;
}
</style>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
</head>
<body>
<div id="app">
</div>
<div class="slider">
<div class="slider__content">
<div>
</div>
<div>
</div>
</div>
</div>
<script src="/js/vendor.js"></script>
<script src="/js/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment