-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
705 lines (684 loc) · 43.1 KB
/
index.html
File metadata and controls
705 lines (684 loc) · 43.1 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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="style.css" />
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RESOURCESfirst</title>
</head>
<body>
<header>
<!-- ADD a logo for resource first -->
<div class="rf-logo"><img src="assets/rf-logo.png" alt="RF Logo" data-switcher data-tab="1" /></div>
<style>
.bc-logo {
animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.rf-logo {
animation: fadeInAnimation ease 6s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
<div class="bc-logo"><img src="assets/logo.png" alt="BC Logo" /></div>
<nav class="header-menu">
<a href="https://cunyfirst.cuny.edu" target="_blank">CUNYfirst</a>
<a href="https://portal.brooklyn.edu/uPortal/f/welcome/normal/render.uP" target="_blank">Brooklyn
College Portal</a>
<a data-switcher data-tab="2">Contact</a>
</nav>
</header>
<!-- End of header -->
<!-- Landing page -->
<section class="pages">
<section class="page is-active" data-page="1">
<!-- Start of body -->
<div class="body-flex-container">
<!-- Sidebar -->
<div class="sidebar-flex-container">
<!-- Options -->
<h4>Directory</h4>
<nav class="directory">
<button class="my-button">Academics</button>
<div class="sidebar-dropdown">
<a href="#advisement">Advisement</a>
<a href="#learning-center">Learning Center</a>
<a href="#career-center">Career Center</a>
</div>
<button class="my-button">Financial</button>
<div class="sidebar-dropdown">
<a href="#financial-aid">Financial Aid</a>
<a href="#social-services">Social Services</a>
</div>
<button class="my-button">Health & Nutrition</button>
<div class="sidebar-dropdown">
<a href="#counseling">Counseling</a>
<a href="#health-clinic">Health Clinic</a>
<a href="#immunizations">Immunizations</a>
<a href="#food-pantry">Food Pantry</a>
</div>
<button class="my-button">Social Services</button>
<div class="sidebar-dropdown">
<a href="#social-services">Social Services</a>
<a href="#womens-center">Women's Center</a>
<a href="#housing">Additional Housing</a>
</div>
<a href="#disability">Disability Services</a>
</nav>
</div>
<!-- Information -->
<div class="info-flex-container">
<!-- Advisement -->
<section class="sub-section" id="advisement">
<section class="first-child advisement-desc">
<h2>Advisement</h2>
<p>The mission of the <b>Center for Academic Advisement and Student Success (CAASS)</b> is
to provide academic advisement for first-year, transfer, and continuing students. We
work with academic departments and administrative offices to help undergraduate students
establish, monitor, and achieve graduation requirements.</p>
</section>
<section class="second-child advisement-info">
<p><b>Contact Information</b><br>
3207 Boylan Hall<br>
Email: caass@brooklyn.cuny.edu<br>
Phone: 718.951.5471
</p>
</section>
</section>
<style>
.sub-section {
border-style: double;
}
</style>
<!-- Learning Center -->
<section class="sub-section" id="learning-center">
<section class="first-child learning-desc">
<h2>Learning Center</h2>
<p>The <b>Learning Center</b> offers Brooklyn College students free peer tutoring in courses
across
the curriculum in a comfortable, supportive environment well-stocked with computers and
reference materials for student use. The Learning Center is open every weekday, some
evenings, and weekends.<br><br>
Students working on writing assignments can get help with
every stage of the writing process. Those who wish to work on their writing are
encouraged to schedule an appointment for regular weekly meetings or an individual
session. All writing sessions are conducted on a one-on-one basis and last for one hour.
For all other subjects unrelated to writing, students may drop in without an appointment
during our advertised days and times. Sessions are conducted in small groups or
one-on-one depending on availability.
</p>
</section>
<section class="second-child learning-info">
<p><b>Contact Information</b><br>
1300 Boylan Hall<br>
Email: lc@brooklyn.cuny.edu<br>
Phone: 718.951.5821<br>
Fax: 718.951.4130<br><br>
<b>Hours (Summer Sessions 1 and 2):</b><br>
Monday: 10 a.m.–4 p.m.<br>
Tuesday: 10 a.m.–4 p.m.<br>
Wednesday: 10 a.m.–4 p.m.<br>
Thursday: 10 a.m.–4 p.m.<br>
</p>
</section>
</section>
<!-- Career Center -->
<selection class="sub-section" id="career-center">
<section class="first-child career-desc">
<h2>Career Center</h2>
<p>The <b>Magner Career Center</b> provides students the knowledge, skills, values and
opportunities essential to fulfilling their career aspirations.</p>
</section>
<section class="second-child career-info">
<p><b>Contact Information</b><br>
1303 James Hall<br>
Email: careernews@brooklyn.cuny.edu<br>
Phone: 718.951.5696
</p>
</section>
</selection>
<!-- Financial Aid -->
<section class="sub-section" id="financial-aid">
<section class="first-child financial-desc">
<h2>Financial Aid</h2>
<p>The <b>Office of Financial Aid</b> is currently offering virtual office services via
Zoom. The
virtual office is your first stop for questions about your financial aid record whether
you are on or off campus. Financial aid advisement is available by appointment only.
Advisement services are reserved for special circumstance counseling and financial aid
planning. All general inquiries, troubleshooting your CUNYfirst financial aid record,
and questions about the financial aid process should be referred to the ESC or Virtual
Office. Available financial aid advisement service options are:
<ul>
<li>Financial aid planning for each year and academic level, including graduate
financial aid.</li>
<li>Students with special circumstances for federal aid.</li>
<li>Students completing a TAP waiver.</li>
<li>Students with questions about the effect of withdrawing from courses on their
financial aid eligibility.</li>
<li>Students who are not meeting SAP and need additional assistance with the appeal
process.</li>
</ul>
Additionally, the Financial Aid Office offers <a
href="https://students.brooklyn.edu/knowledge-base/financial-aid-filing-workshops/">filing
workshops</a> for the Free Application for Federal Student Aid (FAFSA) and NY State
Tuition Assistance Program (TAP).</p>
</section>
<section class="second-child financial-info">
<p><b>Contact Information</b><br>
Lobby, West Quad Center<br>
finaid@brooklyn.cuny.edu<br>
718.951.5234<br><br>
<b>Virtual Hours:</b><br>
Mondays, 10 a.m.–1 p.m.<br>
Wednesdays, 2–5 p.m.<br>
<a href="https://students.brooklyn.edu/knowledge-base/how-do-i-access-my-cuny-zoom-account/"
target="_blank">Access CUNY Zoom account</a>
</p>
</section>
</section>
<!-- Counseling -->
<section class="sub-section" id="counseling">
<section class="first-child counseling-desc">
<h2>Counseling</h2>
<p>Personal counseling is available to Brooklyn College undergraduate and graduate students.
A staff of psychologists, counselors, and social workers are available to assist you
with personal issues or problems you may experience during your academic years.
Emergency consultations and referrals to outside services are also provided. Workshops
are offered on stress management, time management, test anxiety, etc. <b>All services
are free and confidential.</b> No information is released without consent of the
student. Initial appointments for services must be made in person. You may find
counseling helpful. Consult <a
href="https://www.brooklyn.edu/dosa/health-and-wellness/personal-counseling/referrals/counselor/">
Finding the Right Counselor or Psychotherapist for You</a>.</p>
</section>
<section class="second-child counseling-info">
<p><b>Contact Information</b><br>
0203 James Hall<br>
Email: BCPersonalCounseling@gmail.com<br>
Phone: 718.951.5363<br>
Fax: 718.951.5734<br><br>
<b>Hours (June–August):</b><br>
Mondays–Thursdays: 9:15 a.m.–4:30 p.m.<br>
Fridays–Sundays: Closed
</p>
</section>
</section>
<!-- Health Clinic -->
<section class="sub-section" id="health-clinic">
<section class="first-child health-desc">
<h2>Health Clinic</h2>
<p>The <b>Health Clinic</b> is a primary care facility where students may receive evaluation
and
treatment for acute and chronic medical conditions as well as guidance on practices that
promote good health and disease prevention. These high-quality health services are
offered free of charge to all enrolled Brooklyn College students to help improve
well-being and productivity. <b>All visits to the Health Clinic are
confidential and free.</b> Many medications and on-site
laboratory tests are provided for free or for a nominal fee. Tests requiring outside
analysis are available at reduced fees or may be billed to your health insurance.
</p>
</section>
<section class="second-child health-info">
<p><b>Contact Information</b><br>
114 Roosevelt Hall<br>
bchealthclinic@brooklyn.cuny.edu<br>
Phone: 718.951.5580<br><br>
<b>Hours:</b><br>
Mondays, Tuesdays, and Thursdays: 10 a.m.–6 p.m. <i>(last scheduled appointment at 5:30
p.m.)</i><br>
Wednesdays: 10 a.m.–7 p.m. <i>(last scheduled appointment at 6:30 p.m.)</i>
</p>
</section>
</section>
<!-- Immunization -->
<section class="sub-section" id="immunizations">
<section class="first-child immunizations-desc">
<h2>Immunizations</h2>
<p>In order to register for classes, all newly enrolled students born on or after January 1,
1957 must submit documentation proving immunity to measles, mumps, and rubella (German
measles) as well as complete and sign the <a
href="https://www.brooklyn.edu/wp-content/uploads/DOSA-HPIRO-Student-Immunization-Form.pdf">Student
Immunization Form (PDF)</a> to the Health Programs/Immunization Requirements Office.
You may e-mail the form to the Health Programs Office. The immunization requirements are
as
follows:</p>
<ul>
<li>Proof of two doses of live measles virus vaccine given after 1968. The first dose
should be administered on or after your first birthday; the second dose must be
administered at least 28 days after the first dose. A blood test showing immunity to
measles will also satisfy this requirement.</li>
<li>One dose of live mumps vaccine administered on or after your first birthday, or a
blood test showing immunity.</li>
<li>One dose of live rubella vaccine administered on or after your first birthday, or a
blood test showing immunity.</li>
</ul>
<p>The meningococcal vaccination is not mandatory, but you are required to submit the
Meningitis Acknowledgment Form. You can do this by signing into CUNYfirst >
Navigating to Student Services Center > and clicking on the Meningitis
Acknowledgment link in your to-do list. If you have received the meningitis
vaccination within the past five years, you may choose the first option. If you do,
you must submit hard copy proof with that date. <i>Hint: You may also choose the third
option declining it. The record will upload
into your CUNYfirst account and the meningitis hold will be removed immediately.
Feel free to contact us with any further questions.</i><br><br>
New York State Public Health Law 2167 requires all postsecondary institutions to provide
information on meningitis and the meningitis vaccine to all students registering for six
credits or more (or its equivalent) and requires all students (regardless of age) to
submit a Meningococcal Meningitis Vaccination Response Form signed by the student or
student’s parent or guardian to the Health Programs / Immunization Requirements Office.
The form acknowledges the receipt of mandatory meningococcal disease and vaccination
information. Vaccination is not required.<br><br>
<b>Health Insurance:</b><br>
The <b>Affordable Care Act</b> is a federal law that requires everyone to have health
insurance. Eligible students may sign up for Medicaid and Child Health Plus through the
Exchange at any time. You can look for health insurance in the New York State–run New
York State of Health, the official health plan marketplace. For more information, e-mail
New York State of Health.
</p>
</section>
<section class="second-child immunizations-info">
<p><b>Contact Information</b><br>
0710 James Hall<br>
Email: hpo@brooklyn.cuny.edu<br>
Phoen: 718.951.4505<br>
Fax: 718.951.4278<br>
</p>
</section>
</section>
<!-- Food Pantry -->
<section class="sub-section" id="food-pantry">
<section class="first-child food-desc">
<h2>Food Pantry</h2>
<p>The <b>Food Pantry</b> offers healthy food and toiletries to enrolled Brooklyn College
students
so that they can focus on their academic studies. All applications to the Food Pantry
are confidential. We are excited to assist you!<br><br>
<b>Student Eligibility:</b>
<ul>
<li>The program is open to currently enrolled Brooklyn College students.</li>
<li>A valid Brooklyn College ID is required.</li>
<li>Applicants need to complete a brief intake form.</li>
<li>Two visits per month are permitted.</li>
</ul>
</p>
</section>
<section class="second-child food-info">
<p><b>Contact Information</b><br>
312 Student Center<br>
2705 Campus Road<br>
Brooklyn, NY<br>
Email: sss@brooklyn.cuny.edu<br>
Phone: 718.951.5059<br><br>
<b>Hours:</b><br>
Tuesdays: 11:30 a.m.–4 p.m.<br>
Wednesdays: 11:30 a.m.–6:30 p.m.<br>
Thursdays: 11:30 a.m.–3 p.m.
</p>
</section>
</section>
<!-- Social Services -->
<section class="sub-section" id="social-services">
<section class="first-child social-desc">
<h2>Social Services</h2>
<p><b>Social Services</b> supports students by coordinating services across the campus and
within the community to assist students who need help accessing resources like housing,
health insurance, food, and more. If you are unsure what you need help with, schedule an
appointment to find out more.<br>
Resources include:
<ul>
<li>Emergency housing</li>
<li>Health insurance</li>
<li>Food programs</li>
<li>Legal assistance</li>
<li>Financial support</li>
</ul>
</p>
</section>
<section class="second-child social-info">
<p><b>Contact Information</b><br>
312 Student Center<br>
Email: Nicole.Cohen@brooklyn.cuny.edu<br>
Phone: 718.951.5000, ext. 3936<br>
<a
href="https://login.brooklyn.cuny.edu/cas/login?service=https://websql.brooklyn.cuny.edu/saht/login.jsp">Schedule
Appointment</a>
</p>
</section>
</section>
<!-- Housing -->
<section class="sub-section" id="housing">
<section class="first-child housing-desc" style="padding-right: 0px;">
<h2>Additional Housing</h2>
<div class="housing-flex-container">
<div class="left">
<p><b>Brooklyn</b><br>
Gathering Place (24/7)<br>
2402 Atlantic Avenue, Basement<br>
Phone: 718.385.8726<br>
Directions: Take the A train to Broadway Junction.<br><br>
<b>Manhattan</b><br>
Ali Forney Center (24/7, for ages 16–24 only)<br>
307 West 38th Street<br>
Phone: 212.222.3427<br>
Directions: Take the 1, 2, 3, 7, N, Q, R, or W train to Times Square, or the B,
D, F, or M train to 42 Street–Bryant Park.<br><br>
Mainchance (24/7)<br>
120 East 32nd Street<br>
Phone: 212.883.0680<br>
Directions: Take the 7 train to 33 Street.<br><br>
Antonio Olivieri Center (24/7)<br>
257 West 30th Street<br>
Phone: 212.947.3211<br>
Directions: Take the 1, 2, 3, A, C, or E train to 32 Street–Penn Station, or the
B, D, F, M, N, Q, R, or W train to 34 Street–Herald Square.
</p>
</div>
<div class="middle">
<p><b>The Bronx</b><br>
Cardinal McCloskey Services (24/7; for ages 14–24 only)<br>
333 East 149th Street<br>
Phone: 718.993.5495<br>
Directions: Take the 2 or 5 train to 3 Avenue–149 Street.<br><br>
The Living Room (24/7)<br>
800 Barretto Street<br>
Phone: 718.893.3606<br>
Directions: Take the 6 train to Hunts Point Avenue.<br><br>
<b>Queens</b><br>
Sheltering Arms/Safe Space (24/7)<br>
89-74 162nd Street, 3rd Floor<br>
Phone: 718.526.2400, ext. 2077<br>
Directions: Take the E, J, or Z train to Jamaica Center–Parsons/Archer.<br><br>
Breaking Ground (24/7)<br>
100-32 Atlantic Avenue<br>
Directions: Take the J train to 104 Street or the Q24 bus to Atlantic Avenue/102
Street.
</p>
</div>
<div class="right">
<p><b>Staten Island</b><br>
Project Hospitality (24/7)<br>
150 Richmond Terrace, Upper Level<br>
Phone: 718.720.0079<br>
Directions: Take the Staten Island Ferry to St. George Ferry Terminal, or the
S74 or S76 bus to Bay Street/Borough Place.
</p>
</div>
</div>
</section>
</section>
<!-- Women's Center -->
<section class="sub-section" id="womens-center">
<section class="first-child womens-desc">
<h2>Women's Center</h2>
<p>The <b>Brooklyn College Women’s Center</b> is one of the oldest college women’s centers
in the
United States. By expanding the conventional direct services approach of traditional
women’s centers, which focuses on solving immediate crises through referrals and/or
counseling, the Brooklyn College Women’s Center is committed to adopting a wide range of
multidimensional needs-driven program activities that address the emotional,
intellectual, physical and financial well-being of the whole person. Our challenge is to
create, promote and organize programs that raise awareness of women’s issues and in
return empower participants to live a life that will reduce victimization, encourage
self-sufficiency and independence, and model the skills to help women organize and
sustain an environment of self-awareness where they are better able to maintain a
healthy life style and make choices that will positively impact their own
future.<br><br>
<b>Programs and Services</b><br>
<b>Daily Drop-In:</b> The center houses the Returning Women’s Café, a multi-function
drop-in lounge, the Alice Miller Computer Lounge, and a resource center. Coffee and tea
are available during regular office hours.<br>
<b>Crisis Intervention:</b> The center provides crisis intervention and advocacy
services to Brooklyn College students on academic or nonacademic issues.<br><br>
<b>Organizations and Clubs</b><br>
<b>The Exchange</b> is a club that is dedicated to on-campus community building and the
fostering of open-dialogue and support networks. Brooklyn College hosts a multitude of
students from different backgrounds. The Exchange seeks to be a meeting point for our
students, providing a safe-space for free conversation, connectivity, and networking,
and there’s no better place to do this than over food. Our events consist largely of
monthly Friday Potlucks during the semester. Despite COVID restrictions, The Exchange
remains dedicated to community through virtual events.
</p>
</section>
<section class="second-child womens-info">
<p><b>Contact Information</b><br>
227 Ingersoll Hall Extension<br>
Phone: 718.951.5777<br><br>
<b>Hours:</b><br>
Mondays–Thursdays: 10 a.m.–6 p.m.<br>
Fridays: 10 a.m.–4 p.m.
</p>
</section>
</section>
<!-- Disability -->
<section class="sub-section" id="disability">
<section class="first-child disability-desc">
<h2>Disability</h2>
<p>The <b>Center for Student Disability Services (CSDS)</b> is committed to ensuring that
students with disabilities enjoy an equal opportunity to participate in the classrooms,
programs, and services that the college has to offer by facilitating the necessary
accommodations. According to the Americans with Disabilities Act, no otherwise qualified
person with a disability shall be denied a benefit or opportunity or be excluded from
participation solely on the basis of that disability. Services provided by the center
include:</p>
<ul>
<li>Preadmission interviews</li>
<li>Priority registration</li>
<li>Accommodations</li>
<li>A CUNY LEADS counselor who facilitates successful academic and career outcomes</li>
<li>Referrals to the most appropriate resources on campus</li>
<li>Assistance in developing self-advocacy skills</li>
<li>ADA Part-Time TAP Program</li>
<li>Assistive technology</li>
<li>Auxiliary aids (readers, writers, laboratory assistants)</li>
<li>New York State voter registration</li>
</ul>
<p>In addition, the center offers adaptive equipment for studying, taking tests, tutoring,
and other academic activities. A wide variety of equipment and software is available,
including a Dragon dictate speech-recognition system, a scanner with screen-access
software, a text-to-speech synthesizer, magnification systems, CCTV systems, 17-inch VGA
display monitors, braille and large print keyboards, and a braille printer. Computers
allow many documents to be accessible in alternative formats, such as braille print or
vocalized text.</p>
</section>
<section class="second-child disability-info">
<p><b>Contact Information</b><br>
138 Roosevelt Hall<br>
Phone: 718.951.5538<br>
Fax: 718.951.4442<br><br>
<b>Hours:</b><br>
Monday, Tuesday, Friday: 9 a.m.–4:45 p.m.<br>
Wednesday and Thursday: 9 a.m.–6:45 p.m.<br>
<i>Note: Hours vary during Summer and Winter sessions</i>
</p>
</section>
</section>
</div>
</div>
<!-- End of directory -->
<div class="bulldog-container">
<img src="assets/bulldog.png" alt="BC Bulldog Logo" />
</div>
<footer>
<!-- Carrousel Item -->
<div id="multiItemCarousel" class="carousel slide" data-bs-ride="carousel">
<h2 class="headline">Discover more resources at other CUNY campuses</h2>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col">
<img src="assets\bc.png" class="d-block w-100" alt="..." data-switcher
data-tab="1" />
<div class="overlay">You're Here!</div>
</div>
<div class="col">
<img src="assets\cct.jpg" class="d-block w-100" alt="..." />
<div class="overlay">Coming Soon</div>
</div>
<div class="col">
<img src="assets\hunter.jpeg" class="d-block w-100" alt="..." />
<div class="overlay">Coming Soon</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col">
<img src="assets\baruch.png" class="d-block w-100" alt="..." />
<div class="overlay">Coming Soon</div>
</div>
<div class="col">
<img src="assets\ccny.png" class="d-block w-100" alt="..." />
<div class="overlay">Coming Soon</div>
</div>
<div class="col">
<img src="assets\lehman.png" class="d-block w-100" alt="..." />
<div class="overlay">Coming Soon</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#multiItemCarousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#multiItemCarousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<style>
.carousel-item {
display: flex;
}
.carousel-item .col {
position: relative;
padding: 0 5px;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.151);
color: white;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.col:hover .overlay {
opacity: 1;
}
</style>
<!-- Carrousel Item -->
</footer>
</section>
<section class="page" data-page="2" hidden>
<!-- PLACEHOLDER -->
<div class="contact-flex-container">
<div class="container mt-5">
<h3>"Our mission is to empower every student within the CUNY system by providing a centralized,
accessible platform that connects them to essential resources across all CUNY colleges. From
academic support to mental health services,
financial aid guidance to career development, our goal is to ensure that every student has the
tools and information they need to thrive during their academic journey.
We are committed to fostering a community of support, inclusivity, and success for all students
in the CUNY network."
</h3>
<div class=" con-box row justify-content-center">
<h2 class="text-center mb-4">Contact Us</h2>
<div class="col-md-8">
<form>
<div class="mb-3">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" placeholder="Your Name">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" placeholder="Your Email">
</div>
<div class="mb-3">
<label for="subject" class="form-label">Subject</label>
<input type="text" class="form-control" id="subject" placeholder="Subject">
</div>
<div class="mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" rows="5"
placeholder="Your Message"></textarea>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary"
style="color: black; background-color: #d2c7c7; border: none">Send
Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
<style>
.con-box {
border-style: dotted;
padding: 50px
}
</style>
</section>
<!-- Chatbot Item -->
<div id="chatbot-con">
<button class="chatbot-toggler">
<span class="material-symbols-outlined">mode_comment</span>
<span class="material-symbols-outlined">close</span>
</button>
<div class="chatbot">
<header>
<h2>Ask a Question!</h2>
<span class="close-btn material-symbols-outlined">close</span>
</header>
<ul class="chatbox">
<li class="chat incoming">
<span class="material-symbols-outlined">smart_toy</span>
<p>Hi there! <br> How can I help you today?</p>
</li>
</ul>
<div class="chat-input">
<textarea placeholder="Enter a message...." required></textarea>
<span id="send-btn" class="material-symbols-outlined">Send</span>
</div>
</div>
</div>
<style>
.chatbot {
border-style: solid;
}
</style>
<!-- Chatbot Item -->
</section>
</section>
</body>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Bootstrap JS (with Popper.js) -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
<script defer src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
</html>