-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
146 lines (122 loc) · 7.09 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
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
<!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 </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>
</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 active" 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" 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>
</div>
</nav>
<!--- Image Slider -->
<div id="slides" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#slides" data-slide-to="0"> class = "active"</li>
<li data-target="#slides" data-slide-to="1"></li>
<li data-target="#slides" data-slide-to="2"></li>
</ul>
<div class="carousel-inner" >
<div class="carousel-item active">
<img src = "img/MAME_2324.JPG" alt="bg0">
<div class="carousel-caption">
<h2 class="display-4"></h1> <!--PLACE FOR TITLE-->
<h3> </h3> <!--PLACE FOR SUBTITLE-->
</div>
</div>
<!-- PLACE FOR IMAGE SLIDER-->
<!--<div class="carousel-item">
<img src = "img/SliderBackgroundImage2.jpg" alt="bg1"style="width:100%;height:90%;">
</div>
<div class="carousel-item">
<img src = "img/SliderBackgroundImage3.jpg" alt="bg2"style="width:100%;height:90%;">
</div> -->
</div>
</div>
<!--- Welcome Section -->
<div class="container-fluid padding">
<div class="row welcome text-center">
<div class="col-12">
<h1 class="display-4"> McGill Association of Mechanical Engineers (MAME) </h1>
</div>
<hr>
<div class="col-12">
<p class="lead">About MAME</p>
</div>
</div>
</div>
<!-- About Mame Section -->
<div class="container-fluid padding">
<div class="row text-center padding">
<div class="col-12">
<p>The McGill Association of Mechanical Engineers (MAME) represents over 700 undergraduate mechanical engineering students at McGill University. The elected student council of the association provides yearlong services and events for all of the students within the mechanical engineering department. We aim to support them academically, professionally, and socially. In terms of academics, we voice all concerns and suggestions to the department in order to enrich our students’ McGill undergraduate studies. Building networks is also a big part of our goal, such that our students have as many opportunities as possible upon graduation. Moreover, MAME also strives to maintain a fun and exciting atmosphere throughout the year by organizing social events in addition to the academic and professional ones. These range from weekend long CAD competitions to end of semester banquets.</p>
<p>University is challenging. It will also be one of the best experiences in your life. MAME’s main purpose is to improve the experience for all mechanical engineering students; so take advantage of it! If you have any questions, feel free to contact us by email or stop by our office located in MC120 from 10AM-4PM.</p>
</div>
</div>
<hr class="my-4">
</div>
<!--- Connect -->
<div class="container-fluid padding">
<div class="row text-center padding">
<div class="col-12">
<h2 style="margin-top:30px;"> Our Social Media </h2>
</div>
<div class="col-12 social padding">
<!--<a href="https://www.facebook.com/mcgillchess/"> <i class="fab fa-facebook"></i> </a>-->
<a href="https://www.facebook.com/mamemcgill"> <i class="fab fa-facebook-f"></i> </a>
<!--<a href="https://www.youtube.com/channel/UCt6g1JV8yX0YZZtQ8OWl9EQ"> <i class="fab fa-youtube"></i></a>-->
<a href="https://www.instagram.com/mame_mcgill/"> <i class="fab fa-instagram"> </i></a> <!--FIX INSTA LOGO-->
</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" style = "width: 279px;height: 74px;" class= "responsive"> </a>
<hr class="light">
<p></p>
<p>[email protected]</p>
<p>McConnell Engineering Building, Room 120</p>
</div>
</div>
</div>
</footer>
</body>
</html>