From 6b3072999877c52db27dc2119ea62c3d4fd0b78f Mon Sep 17 00:00:00 2001 From: Kiran Borge Date: Mon, 16 Oct 2023 10:27:12 -0700 Subject: [PATCH] Added Task Management Website --- Task Management/index.html | 24 ++++++++++++++++++ Task Management/style.css | 52 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 76 insertions(+) create mode 100644 Task Management/index.html create mode 100644 Task Management/style.css diff --git a/Task Management/index.html b/Task Management/index.html new file mode 100644 index 000000000..c752ea20d --- /dev/null +++ b/Task Management/index.html @@ -0,0 +1,24 @@ + + + + + + + Task Management + + + + + +
+
+ + + +
+ +
+ + + + \ No newline at end of file diff --git a/Task Management/style.css b/Task Management/style.css new file mode 100644 index 000000000..75f6429bb --- /dev/null +++ b/Task Management/style.css @@ -0,0 +1,52 @@ +body { + font-family: Arial, sans-serif; + background-image: url('https://img.freepik.com/free-vector/abstract-digital-grid-vector-black-background_53876-111550.jpg?w=740&t=st=1697476850~exp=1697477450~hmac=6e3292d926da8420c5022b8adb981c97fb3fc0b867be3e43f6437a7bc152a3f5'); + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-repeat: no-repeat; + background-size: cover; +} + +#task-container { + max-width: 600px; + width: 100%; + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.task { + margin-bottom: 15px; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.task input[type="checkbox"] { + margin-right: 10px; +} + +.task input[type="text"] { + flex: 1; + margin-right: 10px; + padding: 8px; + border: 1px solid #ddd; + border-radius: 4px; +} + +.task button { + background-color: #4caf50; + color: #fff; + border: none; + padding: 8px 12px; + border-radius: 4px; + cursor: pointer; +} \ No newline at end of file