From fc248155864bb83177606b468c7e8eb8344eeba7 Mon Sep 17 00:00:00 2001 From: Saumit Dinesan Date: Thu, 17 Aug 2023 11:15:53 +0530 Subject: Lab02: Create College Events website make use of HTML Tables --- Lab02/index.html | 113 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ Lab02/style.css | 52 +++++++++++++++++++++++++ 2 files changed, 165 insertions(+) create mode 100644 Lab02/index.html create mode 100644 Lab02/style.css (limited to 'Lab02') diff --git a/Lab02/index.html b/Lab02/index.html new file mode 100644 index 0000000..1abcef7 --- /dev/null +++ b/Lab02/index.html @@ -0,0 +1,113 @@ + + + + + + + Using Tables + + +

College Events

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ The following table showcases the Upcoming Events +
Sr. NoDateEventLocationTimeDescription
01.August 09, 2023Back to College SessionAuditorium10AM ISTMeet teachers and learn about the upcoming college year
02.August 16, 2023Tech Adrishta 2023 Launch EventAmphi Theatre6PM ISTJoin us for the exciting launch of our renowned tech event
03.September 12, 2023Fall FestivalOpen Ground6PM ISTJoin us for games, food, and fun to celebrate the Fall Festival
04.October 31, 2023Halloween Costume ContestGymnasium6PM ISTShow off your creative costumes and win prizes!
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ The following table showcases the allocated budgets for Upcoming Events +
Sr. NoDateEventDescriptionBudget (Rs)
SUM 13,000
01.August 09, 2023Back to College SessionMeet teachers and learn about the upcoming college year2,000
02.August 16, 2023Tech Adrishta Launch EventJoin us for games, food, and fun to celebrate the Fall Festival2,000
03.September 12, 2023Fall FestivalJoin us for games, food, and fun to celebrate the Fall Festival4,000
04.October 31, 2023Halloween Costume ContestShow off your creative costumes and win prizes!5,000
+ + \ No newline at end of file diff --git a/Lab02/style.css b/Lab02/style.css new file mode 100644 index 0000000..21946af --- /dev/null +++ b/Lab02/style.css @@ -0,0 +1,52 @@ +html { + font-family: sans-serif; + text-align: center; + background-color: whitesmoke; + } + +h1 { + text-decoration: underline; +} + +table{ + border-collapse: collapse; + letter-spacing: 1px; + font-size: 0.8rem; + margin-left: auto; + margin-right: auto; +} + +#table1{ + border: 2px solid rgb(255, 0, 0); +} +#table2{ + border: 2px solid rgb(16, 245, 16); +} +thead{ + font-size: 15px; +} +tbody{ + font-style: normal; +} +tfoot{ + border-top: 2px solid rgb(0, 0, 0); +} + +td, th { + border: 1px solid rgb(190,190,190); + padding: 10px 20px; +} + +th { + background-color: rgb(235,235,235); +} + +td { + text-align: center; + background-color: white; +} + +caption { + font-size: 15px; + padding: 10px; +} \ No newline at end of file -- cgit v1.2.3