summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSaumit Dinesan <justsaumit@protonmail.com>2023-08-17 11:42:41 +0530
committerSaumit Dinesan <justsaumit@protonmail.com>2023-08-17 11:42:41 +0530
commit97e177c102a0bd32580c5f8b99d620924dae4a61 (patch)
treed38ceaf393fa091fc355a48a17e0cd00a34894ad
parenta36b37df5e58f006cf3455720f620ae2bf4403db (diff)
Lab02: Create College Events website make use of HTML Tables - Adding Readme
-rw-r--r--Lab02/README.md33
-rw-r--r--Lab02/screenshot-lab02.pngbin0 -> 116545 bytes
2 files changed, 33 insertions, 0 deletions
diff --git a/Lab02/README.md b/Lab02/README.md
new file mode 100644
index 0000000..6498222
--- /dev/null
+++ b/Lab02/README.md
@@ -0,0 +1,33 @@
+# College Events Webpage
+This repository contains a simple HTML webpage that lists upcoming college events and their budgets. It uses HTML table for structuring the event information.
+
+## Table of Contents
+
+- [Description](#description)
+- [Brief Look](#brief-look)
+- [To-Do List](#to-do-list)
+
+## Description
+
+The webpage provides a clear overview of upcoming school events, their dates, locations, descriptions, and budgets. The use of HTML tables allows for organized presentation of event details.
+
+## Brief Look
+Here is a screenshot of the current look of the website:
+![Website Screenshot](screenshot-lab02.png)
+
+## To-Do List
+
+
+- [ ] **JavaScript for Sum:** Implement JavaScript to dynamically calculate and display the total budget of all events instead of having to manually update it in the HTML.
+
+- [ ] **Event Sorting:** Add functionality to sort events by date or budget in ascending or descending order.
+
+- [ ] **Event Details Page:** Create individual pages for each event with more detailed information and the option to RSVP.
+
+- [ ] **Event Images:** Include images for each event to make the webpage visually appealing.
+
+- [ ] **Responsive Design:** Make the webpage responsive to different screen sizes and devices.
+
+- [ ] **Event Countdown:** Add a countdown timer for each event to build anticipation.
+
+- [ ] **Interactive Maps:** Integrate interactive maps for event locations using APIs like Google Maps.
diff --git a/Lab02/screenshot-lab02.png b/Lab02/screenshot-lab02.png
new file mode 100644
index 0000000..5bec1d7
--- /dev/null
+++ b/Lab02/screenshot-lab02.png
Binary files differ