142 lines
No EOL
8.1 KiB
HTML
142 lines
No EOL
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--Import Google Icon Font-->
|
|
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<!--Import materialize.css-->
|
|
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
|
|
<!--Import icons-->
|
|
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
|
|
<!--My css file-->
|
|
<link rel="stylesheet" href="css/keepFoot.css">
|
|
<!--Let browser know website is optimized for mobile-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<!--Add the icon to the tab and add icons for all formats-->
|
|
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
|
|
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
|
|
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
|
|
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
|
|
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
|
|
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
|
|
<meta name="application-name" content=" "/>
|
|
<meta name="msapplication-TileColor" content="#FFFFFF" />
|
|
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
|
|
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
|
|
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
|
|
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
|
|
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
|
|
|
|
</head>
|
|
<title> Innovation Club </title>
|
|
<main>
|
|
<nav class="grey darken-2" role="navigation">
|
|
<div class="nav-wrapper container">
|
|
<a id="logo-container" href="" class="brand-logo"> <img class="responsive-img" src="logo.png" width="100"> </a>
|
|
<ul class="right hide-on-med-and-down">
|
|
<li><a class="waves-effect grey-text text-lighten-5" href="./index.html">Home</a></li>
|
|
<li><a class="waves-effect grey-text text-lighten-5" href="./about/index.html">About</a></li>
|
|
<li><a class="waves-effect grey-text text-lighten-5" href="./donate/index.html">Donate</a></li>
|
|
</ul>
|
|
|
|
<ul id="slide-out" class="side-nav grey darken-2">
|
|
<li><a class="waves-effect grey-text text-lighten-5" href="./index.html">Home</a></li>
|
|
<li><a class="waves-effect grey-text text-lighten-5" href="./about/index.html">About</a></li>
|
|
<li><a class="waves-effect grey-text text-lighten-5" href="./donate/index.html">Donate</a></li>
|
|
</ul>
|
|
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="section no-pad-bot" id="index-banner">
|
|
<div class="container">
|
|
<br><br>
|
|
<h1 class="header center yellow-text text-darken-1">WMU Innovation Club</h1>
|
|
<div class="row center">
|
|
<h5 class="header col s12 light">A modern take on innovation in the university space.</h5>
|
|
</div>
|
|
<div class="row center">
|
|
<a href="" id="download-button" class="btn-large waves-effect waves-light yellow darken-2">Get Started</a>
|
|
</div>
|
|
<br><br>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="section">
|
|
|
|
<!-- Icon Section -->
|
|
<div class="row">
|
|
<div class="col s12 m4">
|
|
<div class="icon-block">
|
|
<h2 class="center yellow-text text-darken-1"><i class="material-icons">flash_on</i></h2>
|
|
<h5 class="center">Ideation</h5>
|
|
|
|
<p class="light">Founded on the principles of design thinking, the Innovation Club promotes the idea of fast failure. By creating and testing many ideas, students quickly learn from mistakes and pivot their ideas.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col s12 m4">
|
|
<div class="icon-block">
|
|
<h2 class="center yellow-text text-darken-1"><i class="material-icons">group</i></h2>
|
|
<h5 class="center">Collaboration</h5>
|
|
|
|
<p class="light">By using our extensive network of skilled peers, we are able to connect students with the people and resources they need to accomplish their innovative ideas!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col s12 m4">
|
|
<div class="icon-block">
|
|
<h2 class="center yellow-text text-darken-1"><i class="material-icons">settings</i></h2>
|
|
<h5 class="center">Innovation</h5>
|
|
|
|
<p class="light">Innovation Club provides an open space filled with materials and cutting edge technology to support the creation of students new and unique ideas.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
<!--Import jQuery before materialize.js-->
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
|
<script type="text/javascript" src="js/materialize.min.js"></script>
|
|
<script type="text/javascript" src="js/SideNav.js"></script>
|
|
|
|
</main>
|
|
|
|
<footer class="page-footer grey darken-2">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col s6">
|
|
<h5 class="white-text">Innovation Club</h5>
|
|
<p class="grey-text text-lighten-4">Innovation Club provides an open Makerspace which offers a place for would-be inventors to tinker, test and try out new ideas. Here students have access to rapid prototyping supplies, 3D printing and electronics equipment to build ideas for class and personal projects.</p>
|
|
|
|
|
|
</div>
|
|
<div class="col s6 right-align">
|
|
<h5 class="white-text">Connect</h5>
|
|
<ul>
|
|
<li><a class="white-text" href="https://www.instagram.com/iclubwmu/?hl=en">Instagram <i class="fa fa-instagram"></i> </a></li>
|
|
<li><a class="white-text" href="https://www.linkedin.com/in/innovation-club-b71903118/">LinkedIn <i class="fa fa-linkedin-square"></i> </a></li>
|
|
<li><a class="white-text" href="https://www.facebook.com/WMUInnovationClub/?pnref=story">Facebook <i class="fa fa-facebook-official"></i> </a></li>
|
|
<li><a class="white-text" href="https://twitter.com/iclubwmu">Twitter <i class="fa fa-twitter-square"></i> </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-copyright">
|
|
<div class="container">
|
|
Made with <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</html>
|
|
|