This is a pomodoro clock created with HTML CSS & JAVASCRIPT
There are three main divs in the body tag of the html file,
- The first "DIV" contains the Minutes and seconds timer,
- The second "DIV" contains the start and reset button of the timer
- The last "DIV" contains the popup message to be displayed after each POMODORO session
Fontawesome was used to add the start and reset icon and Bootstrap was used for it's ready-made flexbox properties and to add a layout other custom css properties includes changing background and text colours, Hover effects and Box radius.
What this does is, the minutes and seconds variables continuesw to decrease by 1 and dynamically read into the web page