├── images ├── reset.png ├── start.png ├── stop.png └── background.png ├── style.css └── index.html /images/reset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Uvajanani/Stop-Watch/HEAD/images/reset.png -------------------------------------------------------------------------------- /images/start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Uvajanani/Stop-Watch/HEAD/images/start.png -------------------------------------------------------------------------------- /images/stop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Uvajanani/Stop-Watch/HEAD/images/stop.png -------------------------------------------------------------------------------- /images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Uvajanani/Stop-Watch/HEAD/images/background.png -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0px; 3 | padding: 0px; 4 | font-family: Arial, Helvetica, sans-serif; 5 | } 6 | .container{ 7 | background: rgb(213, 194, 231); 8 | width: 100vw; 9 | height: 100vh; 10 | display: flex; 11 | justify-content: center; 12 | align-items: center; 13 | } 14 | 15 | .box{ 16 | width: 500px; 17 | background-color: black; 18 | text-align: center; 19 | border-radius: 15px; 20 | 21 | 22 | } 23 | #wrapper{ 24 | font-size: 50px; 25 | color: white; 26 | margin-top: 80px; 27 | 28 | } 29 | .buttons{ 30 | display: flex; 31 | align-items: center; 32 | justify-content: space-around; 33 | margin-top: 50px; 34 | margin-bottom: 70px; 35 | 36 | } 37 | .play{ 38 | 39 | 40 | width: 60px; 41 | height: 60px; 42 | 43 | cursor: pointer; 44 | } 45 | .pause{ 46 | width: 50px; 47 | height: 50px; 48 | margin-left: 100px; 49 | cursor: pointer; 50 | } 51 | .resume{ 52 | width: 50px; 53 | height: 50px; 54 | margin-right: 100px; 55 | cursor: pointer; 56 | } 57 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Stop Watch 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |

00:00:00

15 |
16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 | 67 | 68 | --------------------------------------------------------------------------------