Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>

<h3>Mate</h3>
<ul class="slides">
<input type="radio" name="radio-btn" id="img-1" checked />
<li class="slide-container">
    <div class="slide">
        <img src="img/1.jpg"/>
    </div>
    <div class="nav">
        <label for="img-3" class="prev">&#x2039;</label>
        <label for="img-2" class="next">&#x203a;</label>
    </div>
 </li>
<input type="radio" name="radio-btn" id="img-2" />
<li class="slide-container">
    <div class="slide">
        <img src="img/2.jpg" />
    </div>
    <div class="nav">
        <label for="img-1" class="prev">&#x2039;</label>
        <label for="img-3" class="next">&#x203a;</label>
    </div>
</li>
<input type="radio" name="radio-btn" id="img-3" />
<li class="slide-container">
    <div class="slide">
        <img src="img/3.jpg" />
    </div>
    <div class="nav">
        <label for="img-2" class="prev">&#x2039;</label>
        <label for="img-1" class="next">&#x203a;</label>
    </div>
</li>
<li class="nav-dots">
    <label for="img-1" class="nav-dot" id="img-dot-1"></label>
    <label for="img-2" class="nav-dot" id="img-dot-2"></label>
    <label for="img-2" class="nav-dot" id="img-dot-3"></label>
</li>
</ul>