-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (93 loc) · 4.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Out In Business - Northeastern University</title>
<!-- Google font link -->
<link
href="https://fonts.googleapis.com/css2?family=PT+Sans"
rel="stylesheet"
/>
<link rel="stylesheet" type="text/css" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<main>
<div class="landing" >
<!--Page Header-->
<header>
<div class="header-logo-container">
<img class="header-logo" src="assets/Logo.svg" alt="O.I.B.s Logo" />
</div>
<nav>
<div class="div-with-links">
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="Team.html">Team</a></li>
<li><a href="getInvolved.html">Get Involved</a></li>
</ul>
</div>
</nav>
</header>
<!--Landing Page-->
<div class="landing-text">
<h1 class="main-header">
Out in Business is Northeastern’s
<span class="underline-yellow">LGBTQ+</span> Business Club
</h1>
<p class="description-landing-text">
Out in Business is an undergraduate organization at
Northeastern University focused on promoting the advancement of
LGBTQ+ individuals within the business field.
</p>
<a href="getInvolved.html"><button class="button">Get Involved</button></a>
</div>
</div>
<div class="body">
<div class="body1">
<div class="half-width">
<h2><span class="underline-blue">Who</span> are we?</h2>
<p class="this">
Out In Business is a newly revived LGBTQ+ student organization at Northeastern! During the spring of 2020, 3 students came together with the goal of forming a queer community within the business school. Through speaker events, workshops, and social outing we want to help every LGBTQ+ individual within the D'amore-McKim break into, and succeed within, the business world.
</p>
</div>
<div class="center">
<img src="assets/people.png" alt="Students Hanging Out" />
</div>
</div>
<div class="body2">
<div class="center">
<img src="assets/chairs.png" alt="chairs at event" />
</div>
<div class="half-width">
<h2><span class="underline-blue">What</span> do we do?</h2>
<p class="this">
OIB's events rest on three pillars: personal development, community engagement, and professional relations. Through workshops and student mentors, members of OIB can hone both their hard and soft skills. Social events and community service opportunities can connect members of the club with the larger queer community on campus and in Boston. Speaker events and professional mentors help OIB members learn how to best break into the business world and navigate unique challenges.
</p>
</div>
</div>
<div class="body1">
<div class="half-width">
<h2><span class="underline-blue">Who</span> can join?</h2>
<p class="this">
OIB is a collective of students interesting interested in both the business world and the LGBTQ+ community. To reflect the accepting and open community we want to cultivate, OIB is open to all LGBTQ+ individuals as well as allies who are interested in business. Not sure of OIB is the right community for you? Come to one of our bi-weekly meetings or events!
</p>
</div>
<div class="center">
<img src="assets/friends.png" alt="Students Hanging Out" />
</div>
</div>
</div>
<footer class="green-background">
<hr>
<div class="footer-links">
<ul >
<li>OIB is a Northeastern University Business Club</li>
<ul class="this-list">
<li><img src="assets/mail.svg">[email protected]</li>
<li><a href="https://www.instagram.com/northeasternoib/" target="_blank"><img src="assets/instagram.svg">@northeasternOIB</a></li>
</ul>
</ul>
</div>
</footer>
</main>
</html>