e85dad705e
Still working on moble nav thing. also small browser sizes don't really work right now. As soon as I finish the moble navbar I will fork and continue working on my own.
152 lines
No EOL
7.6 KiB
HTML
152 lines
No EOL
7.6 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=" "/>
|
|
<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" href="./about/index.html">About</a></li>
|
|
<li><a class="waves-effect" href="./donate/index.html">Donate</a></li>
|
|
</ul>
|
|
|
|
<ul id="slide-out" class="side-nav">
|
|
<li><a class="waves-effect" href="./about/index.html">About</a></li>
|
|
<li><a class="waves-effect" 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>
|
|
|
|
</body>
|
|
</html>
|
|
|