diff options
author | Saumit Dinesan <justsaumit@protonmail.com> | 2023-08-17 11:42:41 +0530 |
---|---|---|
committer | Saumit Dinesan <justsaumit@protonmail.com> | 2023-08-17 11:42:41 +0530 |
commit | 97e177c102a0bd32580c5f8b99d620924dae4a61 (patch) | |
tree | d38ceaf393fa091fc355a48a17e0cd00a34894ad /Lab02 | |
parent | a36b37df5e58f006cf3455720f620ae2bf4403db (diff) |
Lab02: Create College Events website make use of HTML Tables - Adding Readme
Diffstat (limited to 'Lab02')
-rw-r--r-- | Lab02/README.md | 33 | ||||
-rw-r--r-- | Lab02/screenshot-lab02.png | bin | 0 -> 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 Binary files differnew file mode 100644 index 0000000..5bec1d7 --- /dev/null +++ b/Lab02/screenshot-lab02.png |