-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
120 lines (105 loc) · 4.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Events</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar">
<div class="logo">Newton School of Technology</div>
<ul class="nav-links">
<li><a href="#">Upcoming Events</a></li>
<li><a href="#">Past Events</a></li>
<li><a href="#">Gallery</a></li>
<li><button class="register-btn">Register</button></li>
</ul>
</nav>
<header class="hero">
<h1>Welcome to NST Events</h1>
<p>Discover the vibrant campus life at Newton School of Technology through our exciting events and activities.</p>
<div class="buttons">
<button class="btn primary">Upcoming Events</button>
<button class="btn secondary">View Calendar</button>
</div>
</header>
<section id="upcoming-events">
<div class="section-header">
<h1>Upcoming Events</h1>
<p>Stay tuned for our exciting upcoming events at Newton School of Technology</p>
</div>
<div class="events-container">
<div class="event-card">
<h3 class="event-date">Jan 15, 2025</h3>
<h2 class="event-title">Annual Tech Summit</h2>
<p>Join us for a day of innovation, technology, and meeting great personalities</p>
<p><strong>Location:</strong> NST, 4th Floor</p>
<button class="register-button">Register Now</button>
</div>
<div class="event-card">
<h3 class="event-date">Feb 15, 2025</h3>
<h2 class="event-title">Sports Meet</h2>
<p>Join us for fun</p>
<p><strong>Location:</strong> Sports Ground</p>
<button class="register-button">Register Now</button>
</div>
<div class="event-card">
<h3 class="event-date">Mar 15, 2025</h3>
<h2 class="event-title">Hackathon 2025</h2>
<p>24-hour coding challenge to solve real-world problems. Amazing prizes to be won!</p>
<p><strong>Location:</strong> Online Newton Portal</p>
<button class="register-button">Register Now</button>
</div>
</div>
</section>
<section id="past-events">
<h1>Past Events</h1>
<p>Relive our most successful events from the past</p>
<div class="event-card">
<span class="tag">Hackathon</span>
<h3>November 2, 2024</h3>
<h2>Nirmaan</h2>
<p>5-hour Coding Hackathon where students build innovative websites</p>
<p><strong>Participation:</strong> 60+ Teams, 250+ Students</p>
<p><strong>Winners:</strong></p>
<ul>
<li>Team Crafters - Making eCommerce Website</li>
<li>CodeMonkeys - Making Portfolio Website</li>
</ul>
</div>
<div class="event-card">
<span class="tag">Workshop</span>
<h3>November 27, 2024</h3>
<h2>Robotics Workshop</h2>
<p><strong>Highlights:</strong> Robotics 1st Workshop, Competition</p>
</div>
</section>
<section id="event-details">
<h1>Event Details</h1>
<p>Capturing moments from our memorable events</p>
<div class="event-details-card">
<span class="tag">Featured Event</span>
<h2>Code Sprint 2024</h2>
<p><strong>Date:</strong> March 15-16, 2024 (9:00 AM - 9:00 PM)</p>
<p><strong>Location:</strong> Newton School Campus, Tech Hub</p>
<p>Join us for an exciting 48-hour coding challenge where participants will work on innovative solutions for real-world problems. Showcase your skills, learn from peers, and win exciting prizes.</p>
<h3>What to Expect:</h3>
<ul>
<li>Expert mentorship from industry professionals</li>
<li>Workshop sessions on emerging technologies</li>
<li>Networking opportunities with tech leaders</li>
<li>Prizes worth ₹1,00,000</li>
<li>Free food and refreshments</li>
</ul>
<div class="registration-details">
<p><strong>Registration Fee:</strong> ₹500</p>
<p><strong>Team Size:</strong> 2-4 members</p>
<p><strong>Available Slots:</strong> Only 10 left</p>
<button>Register Now</button>
</div>
<p><strong>Event Organizer:</strong> Ananya Gupta</p>
</div>
</section>
</body>
</html>