WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
SOURCE CODE :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>College Annual Fest - Mindkraft 2025</title>
<style>
body {
background-image: url('[Link]');
background-size: cover;
background-attachment: fixed;
background-position: center;
color: #333;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
.content {
background-color: rgba(255, 255, 255, 0.85);
margin: 20px;
padding: 20px;
border-radius: 10px;
nav {
background-color: #2c3e50;
padding: 10px;
nav ul {
list-style-type: none;
margin: 0;
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
padding: 0;
display: flex;
justify-content: space-around;
nav a {
color: white;
text-decoration: none;
font-weight: bold;
table {
width: 100%;
border-collapse: collapse;
table, th, td {
border: 1px solid #ddd;
th, td {
padding: 8px;
text-align: left;
th {
background-color: #3498db;
color: white;
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#events">Events</a></li>
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
<li><a href="#schedule">Schedule</a></li>
<li><a href="#register">Register</a></li>
</ul>
</nav>
<div class="content">
<header id="home">
<h1>Welcome to Horizon 2023</h1>
<h2>Annual Cultural Fest of Karunya College</h2>
<p><strong>Date:</strong> November 15-17, 2023</p>
<p><em>"Where creativity meets passion"</em></p>
</header>
<section>
<h2>About the Fest</h2>
<p>Horizon is our college's flagship annual event that brings together students from
across the country for three days of <mark>competitions, performances, workshops, and
fun</mark>.</p>
<p>This year's theme is <u>"Sustainable Futures"</u> with special focus on eco-friendly
events.</p>
</section>
<section id="events">
<h2>Main Events</h2>
<ul>
<li><strong>Battle of Bands</strong> - Musical competition</li>
<li><em>Drama Night</em> - Theatrical performances</li>
<li>Dance <del>Competition</del> <ins>Showdown</ins></li>
<li>Art <small>Exhibition</small></li>
</ul>
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
<h3>Workshops</h3>
<ol>
<li>Photography Basics</li>
<li>Creative Writing</li>
<li>Street Art</li>
</ol>
<h3>Event Details</h3>
<dl>
<dt>Venue</dt>
<dd>College Main Auditorium and Sports Ground</dd>
<dt>Timings</dt>
<dd>9:00 AM to 9:00 PM each day</dd>
</dl>
</section>
<section id="schedule">
<h2>Event Schedule</h2>
<table>
<tr>
<th>Day</th>
<th>Morning (9AM-12PM)</th>
<th>Afternoon (2PM-5PM)</th>
<th>Evening (6PM-9PM)</th>
</tr>
<tr>
<td>Day 1</td>
<td>Registration</td>
<td>Art Exhibition</td>
<td>Battle of Bands Prelims</td>
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
</tr>
<tr>
<td>Day 2</td>
<td>Workshops</td>
<td>Drama Competition</td>
<td>DJ Night</td>
</tr>
<tr>
<td>Day 3</td>
<td>Sports Events</td>
<td>Dance Competition</td>
<td>Prize Distribution</td>
</tr>
</table>
</section>
<section>
<h2>Gallery</h2>
<div>
<h3>Last Year's Highlights</h3>
<img src="[Link]" alt="Students performing at last year's fest" width="400">
<p><small>Photo from Horizon 2022</small></p>
</div>
<div>
<h3>Our College Campus</h3>
<img src="[Link]" alt="ABC College campus" width="400">
</div>
</section>
<section id="register">
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
<h2>Registration Form</h2>
<form action="[Link]" method="post">
<div>
<label for="name">Full Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div>
<label for="college">College Name:</label>
<input type="text" id="college" name="college" required>
</div>
<div>
<label for="event">Select Event:</label>
<select id="event" name="event">
<option value="band">Battle of Bands</option>
<option value="dance">Dance Competition</option>
<option value="drama">Drama Competition</option>
<option value="art">Art Exhibition</option>
</select>
</div>
<div>
<label for="comments">Any special requests:</label><br>
<textarea id="comments" name="comments" rows="4" cols="40"></textarea>
</div>
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
<div>
<input type="checkbox" id="accommodation" name="accommodation">
<label for="accommodation">Need accommodation?</label>
</div>
<button type="submit">Register Now</button>
</form>
</section>
<footer>
<p>Contact us: <a href="[Link]
<p>© 2023 Karunya College. All rights reserved.</p>
</footer>
</div>
</body>
</html>
OUTPUT SCREENSHOTS :
WEB TECHNOLOGY ASSIGNMENT-1
-NANDA GOPAL M
URK23CS1016
