-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
24 lines (23 loc) · 1.16 KB
/
index.html
File metadata and controls
24 lines (23 loc) · 1.16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tasks CRUD</title>
<style>
body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; margin: 0; background: #0b1020; color: #e7eaf6; }
header { padding: 16px 24px; background: #111733; border-bottom: 1px solid #1b244a; position: sticky; top: 0; z-index: 10; }
header h1 { margin: 0; font-size: 18px; letter-spacing: .5px; }
main { max-width: 960px; margin: 0 auto; padding: 24px; }
.card { background: #131a3a; border: 1px solid #1b244a; border-radius: 12px; padding: 16px; box-shadow: 0 4px 16px rgba(0,0,0,.25); }
.grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) { .grid { grid-template-columns: 360px 1fr; } }
a { color: #8ab4ff; }
</style>
</head>
<body>
<header><h1>Tasks CRUD (Node.js + React + SQLite)</h1></header>
<main id="root"></main>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>