forked from codepath/campus-life-p2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (93 loc) · 6.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fugaz+One&family=Inconsolata:[email protected]&display=swap" rel="stylesheet">
<title>Campus Life Guide</title>
</head>
<body>
<header id="banner">
<h1>Campus Life</h1>
<p>Your guide to activities, organizations, and events around campus.</p>
</header>
<nav id="navigation">
<ul>
<li><a href="#student-organizations">Student Organizations</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#news">News</a></li>
<li><button>Sign Up</button></li>
</ul>
</nav>
<section id="student-organizations">
<h2>Student Organizations</h2>
<p>Join one of our vibrant student organizations to connect with peers, explore interests, and engage with the community.</p>
<article class="organization">
<img src="/assets/tech_innovators.png" alt="Tech Innovators Logo" width="200">
<h3>Tech Innovators Club</h3>
<p>The Tech Innovators Club is a dynamic community for students passionate about technology and innovation. Members have the opportunity to work on collaborative projects, participate in hackathons, and attend workshops led by industry experts.</p>
</article>
<article class="organization">
<img src="/assets/green_campus.png" alt="Green Campus Logo" width="200">
<h3>Green Campus Initiative</h3>
<p>The Green Campus Initiative is dedicated to promoting sustainability and environmental awareness within the campus community. Through educational campaigns, volunteer projects, and collaboration with the administration, members advocate for green practices and policies.</p>
</article>
<article class="organization">
<img src="/assets/cultural_exchange.png" alt="Cultural Exchange Logo" width="200">
<h3>Cultural Exchange Society</h3>
<p>The Cultural Exchange Society celebrates the diverse cultural backgrounds of our student body. Through a series of events, workshops, and social gatherings, the society fosters an environment of mutual respect and learning.</p>
</article>
</section>
<section id="events">
<h2>Upcoming Events</h2>
<p>Don't miss out on the latest events happening on and around campus.</p>
<div class="event">
<img src="/assets/tech_expo.png" alt="Tech Expo" width="200">
<h3><a href="https://techspodallas.com/" target="_blank">Tech Expo 2024</a></h3>
<p>Date: October 15</p>
<p>Time: 10am - 4pm</p>
<p>Location: University Conference Center, Room A</p>
</div>
<div class="event">
<img src="/assets/green_campus_cleanup.png" alt="Green Week Campus Cleanup" width="200">
<h3><a href="https://www.edumed.org/resources/going-green-in-college/" target="_blank">Green Week: Campus Clean-Up</a></h3>
<p>Date: April 22</p>
<p>Time: 9am - 12pm</p>
<p>Location: Main Quad and Surrounding Areas</p>
</div>
<div class="event">
<img src="/assets/global_cultural_festival.png" alt="Global Cultural Festival" width="200">
<h3><a href="https://worldculturefest.org/" target="_blank">Global Culture Festival</a></h3>
<p>Date: September 5</p>
<p>Time: 2pm - 8pm</p>
<p>Location: Student Union PLaza</p>
</div>
</section>
<section id="news">
<h2>Campus News</h2>
<p>Stay informed with the latest news stories and announcements.</p>
<article class="headline">
<img src="/assets/headline_article.jpg" alt="man reading a book" width="300">
<h3><a href="https://www.usnews.com/education/best-colleges/articles/how-to-choose-a-microcredential">How to Choose a Microcredential</a></h3>
<p>These educational credentials, offered for credit or not for credit, may include certificates, badges or boot camps.</p>
</article>
<article class="news-article">
<h3><a href="https://www.usnews.com/education/articles/what-to-wear-to-a-graduation">What to Wear to a Graduation</a></h3>
<p>Here’s some advice on how to dress appropriately as a guest at a high school or college commencement.</p>
</article>
<article class="news-article">
<h3><a href="https://www.usnews.com/education/best-colleges/slideshows/where-ncaa-tournament-schools-rank-among-best-colleges">March Madness in the Classroom</a></h3>
<p>Men's basketball teams at these colleges made it to March Madness. Here's where these schools stand in U.S. News rankings.</p>
</article>
<article class="news-article">
<h3><a href="https://www.usnews.com/education/best-colleges/articles/basic-components-of-an-online-college-course">Basic Components of an Online Course</a></h3>
<p>Remote college courses rely on learning management systems and timely feedback from professors.</p>
</article>
<article class="news-article">
<h3><a href="https://www.usnews.com/education/best-global-universities/articles/ways-international-students-can-maximize-campus-life">Ways to Maximize Campus Life</a></h3>
<p>Participating in clubs and volunteer opportunities at global universities can help students adjust and build new skills.</p>
</article>
</section>
</body>
</html>