Firstly, you need to be familiar with HTML, CSS and JavaScript to understand this tutorial. If you are then move on and if not I'll suggest you get yourself familiarized with those. Now here are what we will be doing: 1. Create the modal structure with HTML 2. Style the structure with CSS 3. Show and hide the modal with JavaScript 1. Create the modal structure Create the modal container. We'll be doing this with the div element. Inside the container create a sub-container which will contain our modal content. Code snippet: <div class = "modal_container"> <div class = "modal_content"> </div> </div> The class names given to both the container and content will be referenced in our CSS style. 2. Style the structure Now lets give the .modal_container the following: a transparent black background-color : rgba(0,0,0,0.5) a width a...