-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
190 lines (183 loc) · 8.78 KB
/
index.html
File metadata and controls
190 lines (183 loc) · 8.78 KB
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Physics Scholarship Program</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<a href="index.html" class="logo">
<img src="images/logo.png" alt="Physics Scholarship Program Logo">
<span class="logo-text">Physics Scholarship</span>
</a>
<nav>
<ul class="nav-menu">
<li class="nav-item"><a href="index.html" class="nav-link active">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="past-cohorts.html" class="nav-link">Past Cohorts</a></li>
<li class="nav-item"><a href="apply.html" class="nav-link">Apply</a></li>
<li class="nav-item"><a href="resources.html" class="nav-link">Resources</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<h1 class="hero-title">Particle & Nuclear Physics Scholarship Program</h1>
<p class="hero-subtitle">Advancing undergraduate research in fundamental physics</p>
<div class="hero-buttons">
<a href="apply.html" class="btn btn-primary">Apply Now</a>
<a href="about.html" class="btn btn-secondary">Learn More</a>
</div>
</div>
</div>
</section>
<!-- Program Highlights -->
<section class="section features">
<div class="container">
<h2 class="section-title">Program Highlights</h2>
<div class="features-grid">
<div class="feature-item">
<div class="feature-icon">
<i class="fas fa-atom"></i>
</div>
<h3 class="feature-title">Cutting-Edge Research</h3>
<p>Work alongside leading scientists on groundbreaking particle and nuclear physics experiments.</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<h3 class="feature-title">Academic Support</h3>
<p>Receive mentorship, training, and academic guidance throughout your research journey.</p>
</div>
<div class="feature-item">
<div class="feature-icon">
<i class="fas fa-dollar-sign"></i>
</div>
<h3 class="feature-title">Financial Assistance</h3>
<p>Competitive stipends and funding to support your education and research activities.</p>
</div>
</div>
</div>
</section>
<!-- Important Dates -->
<section class="section">
<div class="container">
<h2 class="section-title">Important Dates</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">January 15, 2026</div>
<h3>Applications Open</h3>
<p>Begin your application process for the upcoming cohort.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">March 31, 2026</div>
<h3>Application Deadline</h3>
<p>Last day to submit your complete application package.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">April 15, 2026</div>
<h3>Interviews</h3>
<p>Selected candidates will be invited for interviews.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">May 1, 2026</div>
<h3>Final Selection</h3>
<p>Announcement of scholarship recipients.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="timeline-date">June 15, 2026</div>
<h3>Program Begins</h3>
<p>Start of the summer research program.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="section" style="background-color: var(--background-color);">
<div class="container">
<h2 class="section-title">Student Experiences</h2>
<div class="card">
<div class="testimonial">
<p class="testimonial-text">"The Physics Scholarship Program provided me with invaluable hands-on experience in particle physics research. Working with state-of-the-art equipment and brilliant mentors shaped my academic career and opened doors to prestigious graduate programs."</p>
<p class="testimonial-author">- Alex Johnson, 2024 Cohort</p>
</div>
</div>
<div class="text-center">
<a href="past-cohorts.html" class="btn btn-primary">More Experiences</a>
</div>
</div>
</section>
<!-- Participating Institutions -->
<section class="section">
<div class="container">
<h2 class="section-title">Participating Institutions</h2>
<div class="institutional-logos" style="justify-content: center;">
<!-- Placeholder for institutional logos -->
<img src="images/institution-1.png" alt="Institution Logo" class="institutional-logo">
<img src="images/institution-2.png" alt="Institution Logo" class="institutional-logo">
<img src="images/institution-3.png" alt="Institution Logo" class="institutional-logo">
<img src="images/institution-4.png" alt="Institution Logo" class="institutional-logo">
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-column">
<h4>Contact Us</h4>
<p>Department of Physics<br>University Campus<br>City, State ZIP</p>
<p>Email: physics.scholarship@university.edu<br>Phone: (123) 456-7890</p>
</div>
<div class="footer-column">
<h4>Quick Links</h4>
<ul class="footer-links">
<li class="footer-link"><a href="index.html">Home</a></li>
<li class="footer-link"><a href="about.html">About the Program</a></li>
<li class="footer-link"><a href="past-cohorts.html">Past Cohorts</a></li>
<li class="footer-link"><a href="apply.html">Apply</a></li>
<li class="footer-link"><a href="resources.html">Resources</a></li>
<li class="footer-link"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Institutional Partners</h4>
<div class="institutional-logos">
<img src="images/institution-1.png" alt="Institution Logo" class="institutional-logo">
<img src="images/institution-2.png" alt="Institution Logo" class="institutional-logo">
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Physics Scholarship Program. All rights reserved.</p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>