Scribd
Upload
3 views1 page

Sparrow

The document outlines an Event Management System with a user-friendly interface for planning and managing events. It includes a header, navigation menu, and a dynamic event grid showcasing upcoming events with options to book. Additionally, it features a personal introduction from Rahul Sharma, a Frontend Developer with a background in Chemistry and experience in various programming languages and projects.

Uploaded by

rahulsharma200355
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views1 page

Sparrow

The document outlines an Event Management System with a user-friendly interface for planning and managing events. It includes a header, navigation menu, and a dynamic event grid showcasing upcoming events with options to book. Additionally, it features a personal introduction from Rahul Sharma, a Frontend Developer with a background in Chemistry and experience in various programming languages and projects.

Uploaded by

rahulsharma200355
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

!<!

DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"


content="width=device-width, initial-scale=1.0"> <title>Event Management System</title> <style> * { margin: 0;
padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; } body { background-color: rgb(168, 209,
238); line-height: 1.6; color: grey; } .header { background: linear-gradient(90deg, #153354, #abde64); color:
white; padding: 2rem; text-align: center; } .nav { background-color: #fff; padding: 1rem; box-shadow: 0 2px 5px
rgba(0,0,0,0.1); } .nav ul { list-style: none; display: flex; justify-content: center; gap: 2rem; } .nav a {
text-decoration: none; color: #007bff; font-weight: bold; } .nav a:hover { color: #0056b3; } .container {
max-width: 1200px; margin: 2rem auto; padding: 0 1rem; } .event-grid { display: grid; grid-template-columns:
repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem; } .event-card { background: white; padding:
1.5rem; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: transform 0.3s; }
.event-card:hover { transform: translateY(-5px); } .event-card h3 { color: #007bff; margin-bottom: 1rem; } .btn
{ display: inline-block; padding: 0.5rem 1rem; background-color: #007bff; color: white; text-decoration: none;
border-radius: 4px; margin-top: 1rem; } .btn:hover { background-color: #0056b3; } .footer { text-align: center;
padding: 1rem; background-color: #fff; margin-top: 2rem; } @media (max-width: 768px) { .nav ul {
flex-direction: column; align-items: center; gap: 1rem; } } </style> </head> <body> <div class="header">
<h1>Event Management System</h1> <p>Plan and manage your events with ease</p> </div> <div class="nav"> <ul>
<li><a href="#home">Home</a></li> <li><a href="#events">Events</a></li> <li><a href="#book">Book Event</a></li>
<li><a href="#contact">Contact</a></li> </ul> </div> <div class="container"> <h2>Upcoming Events</h2> <div
class="event-grid" id="eventGrid"> <!-- Events will be added dynamically --> </div> </div> <div class="footer">
<p>&copy; 2025 Event Management System. All rights reserved.</p> </div> <script> // Sample event data const
events = [ { title: "Tech Conference 2025", date: "March 15, 2025", location: "Convention Center", description:
"Join us for the biggest tech event of the year!" }, { title: "Music Festival", date: "April 20, 2025",
location: "City Park", description: "Experience live music from top artists!" } ]; // // Function to display
events function displayEvents() { const eventGrid = document.getElementById('eventGrid'); events.forEach(event
=> { const eventCard = document.createElement('div'); eventCard.className = 'event-card'; eventCard.innerHTML =
` <h3>${event.title}</h3> <p>Date: ${event.date}</p> <p>Location: ${event.location}</p>
<p>${event.description}</p> <a href="#book" class="btn">Book Now</a> `; eventGrid.appendChild(eventCard); }); }
// Load events when page loads window.onload = displayEvents; </script> </body> </html>

Good evening sir,my name is Rahul Sharma, and I am currently pursuing a Dual Degree BS-MS in
Chemistry from the National Institute of Technology Agartala I am a passionate Frontend Developer
with hands-on experience in building engaging and user-friendly web and mobile applications., I have
hands-on experience in building applications using Java, Kotlin, XML, JavaScript, HTML, CSS,
React, and SQL.I have developed multiple projects, including ChatsUp , quiz, and Event
Management.
During my BS-MS in Chemistry, I worked extensively with analytical tools, problem-solving
techniques, and logical reasoning. As I progressed in my studies, I developed a strong interest
in coding and technology, which initially started with automating data analysis and visualizing
research findings. This curiosity led me to explore web development, where I found a passion
for designing interactive and user-friendly interfaces.

You might also like