mrumel/WMU-Iclub-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added header to all pages

Browse source 
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.
This commit is contained in:
Maxunm 2017-06-12 13:35:01 -04:00
parent 1afb5fcc57
commit e85dad705e
3 changed files with 128 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

25
about/index.html
View file

@ -1,7 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--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"/>
<title>About Innovation Club</title>
<!--Add the icon to the tab and add icons for all formats-->
@ -27,6 +32,22 @@
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
</head>
<body>
<big><b>This will be the about page eventually.</b></big>
<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>
<br>
<b>About page</b>
</body>
</html>

54
donate/index.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<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"/>
<title>Innovation Club donation page</title>
<!--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>
<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>
<br>
<b>Donate page</b>
</body>
</html>

55
index.html
View file

@ -36,13 +36,15 @@
<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>
<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="nav-mobile" class="side-nav">
<li><a href="./about/index.html">About</a></li>
<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="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
@ -96,6 +98,51 @@
</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>