how to make a super calendar in script html
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/G-TEAMcss/3/G-TEAM.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<body>
<!-- Navigation -->
<nav class="w3-bar w3-black">
<a href="#home" class="G-TEAM-button w3-bar-item">Home</a>
<a href="#G-TEAM" class="G-TEAM-button w3-bar-item">G-TEAM</a>
<a href="#contact" class="G-TEAM-button w3-bar-item">Contact</a>
</nav>
<!-- Slide Show -->
<section>
<img class="mySlides" src="img_band_la.jpg"
style="width:100%">
<img class="mySlides" src="img_band_ny.jpg"
style="width:100%">
<img class="mySlides" src="img_band_chicago.jpg"
style="width:100%">
</section>
<!-- Band Description -->
<section class="w3-container w3-center w3-content" style="max-width:600px">
<h2 class="w3-wide">G-TEAM</h2>
<p class="G-TEAM-justify">G-TEAM ARE TWO AND ITA BOSS GIFTSON</p>
</section>
</article>
</section>
<!-- Footer -->
<footer class="G-TEAM-container G-TEAM-padding-64 G-TEAM-center G-TEAM-black w3-xlarge">
<a href="#"><i class="fa fa-facebook-official"></i></a>
<a href="#"><i class="fa fa-pinterest-p"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-flickr"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<p class="w3-medium">
Powered by <a href="https://www.G-TEAM.com/G-TEAMcss/default.asp" target="_blank">G-TEAM.css</a>
</p>
</footer>
</script>
</body>
</html>