4cd3a8b6ef
Doesn't work in ie, so that may be a problem. But it seems to work in all of the other browsers so that's fine. Also added all of the social media icons to the footers on all the pages
149 lines
No EOL
8 KiB
HTML
149 lines
No EOL
8 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">Rapid prototyping (?)</h5>
|
|
|
|
<p class="light">With rapid prototyping we can have a physical prototype in record time. This will allow you to go through as many iterations to make your idea perfect.</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">Group learning?</h5>
|
|
|
|
<p class="light">By using our extensive network of skilled people. We are able to provide you with the most information about how to complete your innovative idea!</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">Easily adaptable</h5>
|
|
|
|
<p class="light">There are many ways to take on a project, and we are able to provide you the most options to complete it in a way that you are satisfied.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<br><br>
|
|
|
|
<div class="section">
|
|
|
|
</div>
|
|
</div>
|
|
<!--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">We are a growing club that strives to provide you with the best options for bringing your ideas into the real world. Share this page to help us out greatly!</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/people/Innovation-Club/100010691314678">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>
|
|
|