<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<link rel="stylesheet" href="style.css">
<body>
<div class="slider-wrap">
<div class="slider">
<div class="slide">
<img src="img/portfolio-img3.jpg" alt="">
</div>
<div class="slide">
<img src="img/portfolio-img4.jpg" alt="">
</div>
<div class="slide">
<img src="img/portfolio-img5.jpg" alt="">
</div>
</div>
<div class="controls-wrap">
<div class="controls">
<a class="controls__btn active" href="#" data-index="1"></a>
<a class="controls__btn" href="#" data-index="2"></a>
<a class="controls__btn" href="#" data-index="3"></a>
</div>
</div>
</div>
<script src="main.js"></script>
</body>
</html>