This repository has been archived by the owner on Jul 4, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
163 lines (145 loc) · 7.72 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
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
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta charset="utf-8">
<title>MakeBU at Boston University</title>
<meta name="description" content="MakeBU is a student-run organization at Boston University that is focused on creating projects and gaining experience in various fields of technology.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://make.bu.edu/"/>
<link rel="stylesheet" href="libs/bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://use.typekit.net/suk4yhz.css">
<!-- <link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css"/> -->
<link rel="stylesheet" href="css/style.css"/>
<script src="libs/jquery/dist/jquery.min.js"></script>
<script src="libs/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<link rel="icon" href="img/fav-1x.png" type="image/png" sizes="16x16">
<link rel="icon" href="img/fav-2x.png" type="image/png" sizes="128x128">
<link rel="icon" href="img/fav-4x.png" type="image/png" sizes="512x512">
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- SEO -->
<meta itemprop="name" content="MakeBU at Boston University">
<meta itemprop="description" content="MakeBU is a student-run organization at Boston University that is focused on creating projects and gaining experience in various fields of technology.">
<meta itemprop="image" content="img/makebu-head.png">
<meta property="og:url" content="http://make.bu.edu/">
<meta property="og:type" content="Website">
<meta property="og:title" content="MakeBU at Boston University">
<meta property="og:image" content="img/makebu-head.png">
<meta property="og:description" content="MakeBU is a student-run organization at Boston University that is focused on creating projects and gaining experience in various fields of technology.">
<meta property="og:site_name" content="MakeBU">
<meta property="og:locale" content="en_US">
<!-- GA -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67825496-6', 'auto');
ga('send', 'pageview');
</script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- NAVBAR -->
<div class="container navbar-top">
<nav class="navbar navbar-default navbar-fixed-top navbar-border-show" id="main-navbar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6" aria-expanded="false">
<span class="sr-only">Menu</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand" href="#home"><span class="navbrand">Make</span><span class="navbrand-red">BU</span></a> -->
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
<ul class="nav navbar-nav pull-left" id="nav-selectors">
<li><a class="" href="#home">HOME</a></li>
<li><a class="" href="#about">ABOUT</a></li>
<!-- <li><a class="" href="#projects">Projects</a></li> -->
<li><a class="" href="#joinus">JOIN US</a></li>
<!-- <li><a class="" href="#email">Get Updates</a></li> -->
</ul>
</div>
</div>
</nav>
</div>
<div class="container-fullwidth" id="home">
<!-- Home -->
<div class="row">
<div class="container-fullwidth">
<img class="big-feature" src="img/makeBU_logo.png" onerror="this.onerror=null; this.src='img/makeBU_logo.png'"/>
</div>
<div class="container-fullwidth">
<h1 class="feature-text">
COME AND
<span class="feature-text-red" id="scroll-verbs">MAKE, HACK, CREATE, and LEARN</span>
WITH US
</h1>
</div>
</div>
<!-- Break -->
<div class="anchor" id="about"></div>
<!-- Who are we? -->
<div class="row box-normal">
<div class="col-md-offset-1 col-md-4 col-sm-5 col-xs-12">
<h3 class="container-fullwidth" id="about-text"> WHO ARE WE? </h3>
<img class="png-feature" src="img/makebu_term.png"/>
</div>
<div class="col-md-6 col-sm-7 col-xs-12 about-text">
<h3 id="titles">Us</h3>
<p>We're a student-run group of makers that build awesome projects. We also bring in mentors from various fields and companies so we can learn from their experience and expertise.</p>
<h3 id="titles">You</h3>
<p>Innovation comes from all kinds of fields and minds. We welcome all majors. In fact, we very much enjoy working in diverse teams. No matter your background, stop by and say hello!</p>
<h3 id="titles">Together</h3>
<p>We want to create a strong platform for students to work on projects and gain practical experience, supplemented by interacting with mentors in our fields of interest.</p>
</div>
</div>
<!-- Break -->
<div class="anchor" id="joinus"></div>
<div class="col-xs-12">
</div>
</div>
<!-- Join Us -->
<div class="row box-normal">
<div id="join-us-next-to-fb" class="col-sm-6 col-xs-12 about-text">
<h3 id="join-us">JOIN US</h3>
<img class="png-feature-2" src="img/laptopMakeBU.png"/>
</div>
<div id="fb-side-box" class="col-sm-6 col-xs-12">
<h4 id="updates">Like our Facebook page to receive updates on upcoming events.</h4>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmakebu%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=133524000151621" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" id="facebook-page-iframe"></iframe>
</div>
</div>
<!-- Break -->
<div class="row email-box">
<!-- EMAIL -->
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://make.us9.list-manage.com/subscribe/post?u=94b5fe1dc0438a137b9ae3088&id=417283e451" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Subscribe to our mailing list</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_94b5fe1dc0438a137b9ae3088_417283e451" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<footer id="footer">
<div id="footer-content"></div>
</footer>
<!--End mc_embed_signup-->
</div>
</body>
</html>