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

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>