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

Sticky footer now

Browse source 
Doesn't work in ie, so that may be a problem. But it seems to work in all of the other browsers so that's fine.
Also added all of the social media icons to the footers on all the pages
This commit is contained in:
Maxunm 2017-06-13 10:59:10 -04:00
parent 9b0a5533d8
commit 4cd3a8b6ef
4 changed files with 106 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

34
about/index.html
View file

@ -5,6 +5,10 @@
<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"/>
<!--Import icons-->
<link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
<!--My css file-->
<link rel="stylesheet" href="../css/keepFoot.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>About Innovation Club</title>
@ -31,7 +35,7 @@
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />
</head>
<body>
<main>
<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>
@ -56,5 +60,31 @@
<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>
</main>
<footer class="page-footer grey darken-2">
<div class="container">
<div class="row">
<div class="col s6">
<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 s6 right-align">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="white-text" href="https://www.instagram.com/iclubwmu/?hl=en">Instagram <i class="fa fa-instagram"></i> </a></li>
<li><a class="white-text" href="https://www.linkedin.com/in/innovation-club-b71903118/">LinkedIn <i class="fa fa-linkedin-square"></i> </a></li>
<li><a class="white-text" href="https://www.facebook.com/people/Innovation-Club/100010691314678">Facebook <i class="fa fa-facebook-official"></i> </a></li>
<li><a class="white-text" href="https://twitter.com/iclubwmu">Twitter <i class="fa fa-twitter-square"></i> </a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made with <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>
</div>
</div>
</footer>
</html>