scratch.html

<div class="container">
    <div class="slider">
        <div class="slides">
            <input type="radio" name="radio-btn" id="radio1">
            <input type="radio" name="radio-btn" id="radio2">
            <input type="radio" name="radio-btn" id="radio3">
            <input type="radio" name="radio-btn" id="radio4">

            <div class="slide first">
                <img src="images/slideshow/fifty_snow.jpg" alt="">            
            </div>
            <div class="slide">
                <img src="images/slideshow/tail-release.jpg" alt="">            
            </div>
            <div class="slide">
                <img src="images/slideshow/three_snow.jpg" alt="">            
            </div><div class="slide">
                <img src="images/slideshow/back1.jpg" alt="">            
            </div>
            <!-- automatic navigation -->
            <div class="navigation-auto">
                <div class="auto-btn1"></div>
                <div class="auto-btn2"></div>
                <div class="auto-btn3"></div>
                <div class="auto-btn4"></div>
            </div>
            <!-- manual navigation -->
            <div class="navigation-manual">
                <label for="radio1" class="manual-btn"></label>
                <label for="radio2" class="manual-btn"></label>
                <label for="radio3" class="manual-btn"></label>
                <label for="radio4" class="manual-btn"></label>
            </div>


        </div>
    </div>
</div>