AGATON.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	 <link rel="stylesheet" href="css/snapshot.css">
	
	<title>Tropical Storm Agaton (Megi)</title>
</head>
<body>

	<h1>Tropical Storm Agaton (Megi)</h1>
   		<section class="gallery">
        	<div class="carousel">

            <input type="radio" id="image1" name="gallery-control" checked>


            <input type="checkbox" id="fullscreen" name="gallery-fullscreen-control"/>

            <div class="wrap">	

                <figure>
                    <label for="fullscreen">
                        <img src="img/snapshot/TY AgatonSnapshot_20220704.jpg" alt="image1"/>
                    </label>
                </figure>

            </div>

            <div class="thumbnails">

                <div class="slider"><div class="indicator"></div></div>

                <label for="image1" class="thumb" style="background-image: url('img/snapshot/TY AgatonSnapshot_20220704.jpg')"></label>

                
            </div>
        </div>
    </section>
    
</body>
</html>