1afb5fcc57
Most of the stuff is probably not final but it can give us some ideas of what the front page could potentially look like.
105 lines
No EOL
5.6 KiB
HTML
105 lines
No EOL
5.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 href="./about/index.html">About</a></li>
|
|
</ul>
|
|
|
|
<ul id="nav-mobile" class="side-nav">
|
|
<li><a href="./about/index.html">About</a></li>
|
|
</ul>
|
|
<a href="#" data-activates="nav-mobile" 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>
|
|
<!--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>
|
|
|