WMU-Iclub-Website/index.html
Maxunm 7188c1cb9d Head bar works
This is the final commit before the fork, All work will now be done on forks and pull requests be submitted and reviewed before being appened to the Master branch
2017-06-12 14:27:23 -04:00

154 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"/>
<!--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="&nbsp;"/>
<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>
<body>
<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">Something about fast?</h5>
<p class="light">This is placeholder text for when we have something to put here</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>
<footer class="page-footer grey darken-2">
<div class="container">
<div class="row">
<div class="col l6 s12">
<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 l3 s12">
<h5 class="white-text">Settings</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>
</div>
</div>
</footer>
<!--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>
</body>
</html>