File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 88 </ head >
99 < body >
1010 < div class ="centre ">
11+ < h2 > ⏰ Alarm Clock</ h2 >
1112 < h1 id ="timeRemaining "> Time Remaining: 00:00</ h1 >
1213 < label for ="alarmSet "> Set time to:</ label >
13- < input id ="alarmSet " type ="number " />
14+ < input id ="alarmSet " type ="number " placeholder =" Seconds " />
1415
1516 < button id ="set " type ="button "> Set Alarm</ button >
1617 < button id ="stop " type ="button "> Stop Alarm</ button >
Original file line number Diff line number Diff line change 1313h1 {
1414 text-align : center;
1515}
16+
17+ body {
18+ background-color : # f4f4f4 ;
19+ font-family : Arial, sans-serif;
20+ }
21+
22+ .centre {
23+ background-color : white;
24+ padding : 30px ;
25+ border-radius : 10px ;
26+ box-shadow : 0 4px 10px gray;
27+ }
28+
29+ button {
30+ padding : 10px 15px ;
31+ margin : 5px ;
32+ border : none;
33+ border-radius : 5px ;
34+ cursor : pointer;
35+ }
36+
37+ # set {
38+ background-color : green;
39+ color : white;
40+ }
41+
42+ # stop {
43+ background-color : red;
44+ color : white;
45+ }
46+
47+ button : hover {
48+ opacity : 0.9 ;
49+ }
You can’t perform that action at this time.
0 commit comments