<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/BeerSlider.css">
<!-- Bottom of body -->
<script src="js/BeerSlider.js"></script>
<style>
body{background-color: #272727}
.m {
width: 1800px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div class="m">
<div id="imgs" class="beer-slider" data-beer-label="before">
<img src="imgs/1.png" alt="">
<div class="beer-reveal" data-beer-label="after">
<img src="imgs/2.png" alt="">
</div>
</div>
</div>
<script>
new BeerSlider(document.getElementById('imgs'));
</script>
</body>
</html>
