From 97e177c102a0bd32580c5f8b99d620924dae4a61 Mon Sep 17 00:00:00 2001 From: Saumit Dinesan Date: Thu, 17 Aug 2023 11:42:41 +0530 Subject: Lab02: Create College Events website make use of HTML Tables - Adding Readme --- Lab02/README.md | 33 +++++++++++++++++++++++++++++++++ Lab02/screenshot-lab02.png | Bin 0 -> 116545 bytes 2 files changed, 33 insertions(+) create mode 100644 Lab02/README.md create mode 100644 Lab02/screenshot-lab02.png (limited to 'Lab02') 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 Binary files /dev/null and b/Lab02/screenshot-lab02.png differ -- cgit v1.2.3