| Window Name |
| Main Page |
 |
| Description |
| Main page of website, contains information about owner, project and contact data. |
| Sections |
| Header |
Section with page name, navigation links and translation buttons. |
| Introduction Message |
Section with a short introduction of owner with a picture in the background. |
| My Projects |
Section with all projects information and link to details of each one. It also have two buttons allowing user to sort the projects according to relevance or date. |
| Contact Me |
Section with various contact data. |
| Footer |
Section with copyrights information. |
| Actions |
| Home |
Link to the greeting message on main page. |
| Portfolio |
Link to the My Projects section of main page. |
| Contact |
Link to the Contact section of main page. |
| About |
Link to the 'About' page. |
| English Translation Button |
Translates the webpage to English language. |
| Polish Translation Button |
Translates the webpage to Polish language. |
| German Translation Button |
Translates the webpage to German language. |
| Relevance Sorting Button |
Sorts the projects according to relevance. |
| Date Sorting Button |
Sorts the projects according to date. |
| View More |
Loads the subpage of chosen project. |
| Interactive Email |
Allows contact with owner by email. |
| Interactive Phone Number |
Allows contact with owner by phone number. |
| Linkedin Icon |
Transports user to the LinkedIn profile of owner. |
| GitHub Icon |
Transports user to the GitHub profile of owner. |
| Window Name |
| Project page |
 |
| Description |
| Page that displays details about a project, including description, images and results. |
| Sections |
| Header |
Section with page name, navigation links and translation buttons. |
| Technology Logo |
Logo of the main technology used in the project. |
| Project Title |
Full title of the project. |
| Description |
Section with detailed description of project. It also contains date and information if project is sel-paced or is related to any organization. |
| Gallery |
Section with images and screenshots of project. It also contains descriptions of images. |
| Project Results |
Section with description of project results. |
| Project Media |
Section with links to outside sources of project. |
| Footer |
Section with copyrights information. |
| Actions |
| Home |
Link to the greeting message on main page. |
| Portfolio |
Link to the My Projects section of main page. |
| Contact |
Link to the Contact section of main page. |
| About |
Link to the 'About' page. |
| English Translation Button |
Translates the webpage to English language. |
| Polish Translation Button |
Translates the webpage to Polish language. |
| German Translation Button |
Translates the webpage to German language. |
| Project Media Link |
Transports user to linked project media. |
| Window Name |
| About page |
 |
| Description |
| Page that displays details about the owner of webpage. |
| Sections |
| Header |
Section with page name, navigation links and translation buttons. |
| Informations and picture |
Section with information about owner and picture. |
| My Skills |
Section with skills presented in form of certificates and badges. |
| Footer |
Section with copyrights information. |
| Actions |
| Home |
Link to the greeting message on main page. |
| Portfolio |
Link to the My Projects section of main page. |
| Contact |
Link to the Contact section of main page. |
| About |
Link to the 'About' page. |
| English Translation Button |
Translates the webpage to English language. |
| Polish Translation Button |
Translates the webpage to Polish language. |
| German Translation Button |
Translates the webpage to German language. |
| Skill certificate or badge |
Transports user to linked website with certificate or badge. |