Skip to content

Footer #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vipin14119 merged 5 commits into from
Apr 7, 2016
Merged

Footer #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
00be75a
Added Sticky header
vipin14119 Apr 7, 2016
37231af
Added proper footer with social buttons
vipin14119 Apr 7, 2016
d52886b
added correct size icons
vipin14119 Apr 7, 2016
e9a9279
Footer done
vipin14119 Apr 7, 2016
ae5ce12
Fixed CC errors
vipin14119 Apr 7, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 24 additions & 1 deletion css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@media (max-width:768px){ .footer{position:absolute;width:100%;} }
@media (min-width:768px){ .footer{position:absolute;width:100%;bottom:0;height:100px;} }
.navbar{
background-color: transparent;
background: transparent;
Expand All @@ -7,7 +9,6 @@
{
color: #000;
}

.header-container{
width: 100%;
height: 900px;
Expand Down Expand Up @@ -45,3 +46,25 @@ video{
margin-top: 25.833333333%;
margin-left: 2%
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 100px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 100px;
background-color: #393939;
}
.footer-text {
color: #FF9900;
}
.row-footer {
margin: 0 auto;
padding: 20px 0;
background-color: #393939;
}
15 changes: 15 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,21 @@
<div class="temp">
<p>hello</p>
</div>
<footer class="footer">
<div class="container">
<div class="row row-footer">
<div class="col-sm-10 col-xs-12">
<h4 class="footer-text">Programmer Hub is maintained by <strong>Divay Prakash and Vipin Chaudhary</strong> @ IIIT Delhi</h4>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-1 col-xs-12">
<div class="nav navbar-nav">
<a class="btn btn-social-icon btn-github" href="http://github.com/programmer-hub/programmer-hub.github.io/"><i class="fa fa-github fa-2x"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="./bower_components/jquery/dist/jquery.min.js"></script>
<script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
Expand Down