-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathFirst Year Council.html
122 lines (101 loc) · 4.92 KB
/
First Year Council.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
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>McGill Association of Mechanical Engineers - Events</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link href="style.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src = "img/mameLogo.png" style = "width: 279px;height: 74px;" class= "responsive"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a> </li>
<li class="nav-item">
<a class="nav-link" href="council.html">Council</a> </li>
<li class="nav-item">
<a class="nav-link" href="Events.html">Events</a> </li>
<li class="nav-item">
<a class="nav-link" href="tutorials.html"> Tutorials </a> </li>
<li class="nav-item">
<a class="nav-link" href="Getting%20Involved.html">Getting Involved</a> </li>
<li class="nav-item">
<a class="nav-link" href="sponsorship.html">Sponsorship</a> </li>
<li class="nav-item">
<a class="nav-link active" href="First%20Year%20Council.html"> First Year Council </a> </li>
<li class="nav-item">
<a class="nav-link" href="Contact%20Us.html"> Contact Us </a> </li>
</ul>
</div>
</nav>
<div class="container-fluid padding">
<div class="row welcome text-center">
<div class="col-md-12 col-lg-12">
<h1>MAME First Year Council (FYC)</h1>
<img src="img/fyc.JPG" alt="FYC Photo" class="img-fluid">
<p>Led by the MAME U1 Representative and VP Administration, the MAME First Year Council (FYC) consists of first year mechanical students (U1 or U0) who plan events for first year mech students.</p>
</div>
</div>
<hr>
<div class="row welcome text-center">
<div class="col-md-12 col-lg-12">
<h2>Meet the Team</h2>
<h4>Co-Chairs</h4>
<p>Julia Deist & Lachlan Holbrook</p>
<h4>VP Events</h4>
<p>Leo Richards, Isabella Hensley, Grace Hayward Pilon, Rawan Olabi, & Elsa Edwards</p>
<h4>VP Communications</h4>
<p>Amelia Perna, Jacob Covington, Benjamin Gagnon, & Emile Lalonde</p>
<h4>VP Internal</h4>
<p>Majd Boulos, Michael Li, Amy Mills, & PJ Hewakaluge</p>
<h4>VP Sponsorship</h4>
<p>Ioann Dousse, Marie-Emmanuelle Kwassi, & Sofia Del Raso</p>
<h4>Sustainability Representative</h4>
<p>Elsa Edwards</p>
<h4>U0 Representative</h4>
<p>Amy Mills</p>
</div>
</div>
<hr>
<div class="row welcome text-center">
<div class="col-md-12 col-lg-12">
<h2>Our Events</h2>
<h4>Candy Casino</h4>
<p>Coming Soon!</p>
<h4>Banquet Pres</h4>
<p>Coming Soon!</p>
<h4>Trivia Night</h4>
<p>Coming Soon!</p>
</div>
</div>
</div>
<!--- Footer -->
<footer>
<div class="container-fluid padding">
<div class="row text-center">
<div class="col-md-12">
<img src="img/mameLogo.png" width="10%" height="auto">
<hr class="light">
<p></p>
<p>[email protected]</p>
<p>McConnell Engineering Building, Room 120</p>
</div>
</div>
</div>
</footer>
</body>
</html>