Skip to content

Commit 0bb1b67

Browse files
kanaklatwalkanaklatwal
committed
Keyword project
1 parent 3220be0 commit 0bb1b67

1 file changed

Lines changed: 83 additions & 0 deletions

File tree

‎08_Events/Projects/keyboard/index.html‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Event Key Codes</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
background-color: #1c1c1c;
16+
color: #ffffff;
17+
font-family: Arial, sans-serif;
18+
}
19+
20+
/* Navbar */
21+
nav {
22+
background-color: #eeeeee;
23+
padding: 10px;
24+
}
25+
26+
nav a {
27+
text-decoration: none;
28+
color: black;
29+
margin-right: 10px;
30+
padding: 8px 16px;
31+
background-color: #dddddd;
32+
border-radius: 5px;
33+
border: 1px solid #999;
34+
}
35+
36+
/* Center container */
37+
.project {
38+
background-color: #1c1c1c;
39+
color: #ffffff;
40+
display: flex;
41+
justify-content: center;
42+
align-items: center;
43+
height: 90vh;
44+
text-align: center;
45+
}
46+
47+
/* Table styling */
48+
table {
49+
border-collapse: collapse;
50+
margin-top: 20px;
51+
}
52+
53+
th, td {
54+
border: 1px solid #7e7e7e;
55+
padding: 15px 25px;
56+
font-size: 18px;
57+
}
58+
59+
th {
60+
background-color: #333;
61+
}
62+
63+
/* Message text */
64+
.key {
65+
font-size: 26px;
66+
font-weight: bold;
67+
}
68+
69+
</style>
70+
</head>
71+
<body>
72+
<nav>
73+
<a href = "/" aria-current = "page">Home</a>
74+
<a target = "_blank" href = "https://www.google.com">Google</a>
75+
</nav>
76+
<div class = "project">
77+
<div id = "insert">
78+
<div class = "key">Press the key and watch magic></div>
79+
</div>
80+
</div>
81+
<script src = "./script.js"></script>
82+
</body>
83+
</html>

0 commit comments

Comments
 (0)