Skip to content

Commit bf81515

Browse files
committed
I added some html and css.
1 parent 4882255 commit bf81515

2 files changed

Lines changed: 36 additions & 1 deletion

File tree

Sprint-3/alarmclock/index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,10 @@
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>

Sprint-3/alarmclock/style.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,3 +13,37 @@
1313
h1 {
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+
}

0 commit comments

Comments
 (0)