Description

Screenshots of your portfolio projects and their names probably do not convey the whole essence of your work. Let's create pop-ups with more detailed information about your projects and work experience. For example, you can specify what technologies you used to create each project, how exactly they were made, and where they can be found.

Objectives

1. In front of each project/achievement, add a button that will trigger a pop-up window when pressed. Specify the open-window class for the buttons.

2. In an HTML file, create a pop-up template. Add the window class to the tag in which your window will be wrapped.

3. Write a script so that the pop-up window with the necessary information appears when the button is pressed.

4. Complete your script so that the window can close.

5. Write styles for your new elements.

Example

Here is an example of a pop-up window: