<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="style.css">

<script defer src="script.js"></script>

<title>Modal-Window</title>

<button class="show-modal">Show Modal</button>

<div class="modal hidden">

<button class="close-modal">&times;</button>

<h1 class ="modal-heading">I'm a modal Window😎</h1>

<p class="modal-discription">Hi! everyone, I'm modal.</br> Some of you might be familiar with me and some of you don't even have an idea who am I. No worries!, let me introduce myself. I modal is one of the most fundamental part of websites. Have you ever noticed the pop-us or a window that pops out when you click something on a website, I'm that window that forces the you to interact with me before you can go back to using the parent application😅. </br>Do you also want to learn how to implement me, don't worry I will teach you just go through the code in all the files present in this repository and by the end of each file you will learn how to implement me. </p>

</div>

<div class="overlay hidden"></div>