Skip to content

Instantly share code, notes, and snippets.

@tungurlakachakcak

tungurlakachakcak/SoftUni-Footer.markdown

Created June 29, 2014 13:18
Show Gist options
  • Save tungurlakachakcak/a96e12a582bcba61f372 to your computer and use it in GitHub Desktop.
Save tungurlakachakcak/a96e12a582bcba61f372 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Valeri Hristov.
Raw
index.html
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="Valeri"/>
<link type="text/css" rel="stylesheet" href="footer.css"/>
<title>SoftUni Footer</title>
<div id="fb-root"></div>
</head>
<body>
<footer>
<section id="apply">
<a href="https://softuni.bg/users/candidate/register">Apply Now</a>
<a href="https://softuni.bg/trainings/fasttracks">Fast Track Courses</a>
</section>
<section id="about">
<header><h4>ABOUT SOFTUNI</h4></header>
<ul>
<li><a href="https://softuni.bg/about">About</a></li>
<li><a href="https://softuni.bg/professions">Professions</a></li>
<li><a href="https://softuni.bg/plans">Plans</a></li>
<li><a href="https://softuni.bg/partner-universities">Partner Universities</a></li>
<li><a href="https://softuni.bg/trainers">Trainers</a></li>
<li><a href="https://softuni.bg/dorms">Dorms</a></li>
<li><a href="https://softuni.bg/apply">Apply</a></li>
</ul>
</section>
<section id="friends">
<header><h4>OUR FRIENDS</h4></header>
<ul>
<li><a href="http://www.nakov.com/">Svetlin Nakov`s Blog</a></li>
<li><a href="http://www.introprogramming.info/">C# Book</a></li>
</ul>
</section>
<section id="copyright">
<header><h4>SOFTWARE UNIVERSITY LEARNING SYSTEM - 1.0.5291</h4></header>
<p>&#169;&nbsp;2013-2014 Software University. All rights reserved.</p>
<a id="tweet" href="https://twitter.com/softunibg">twitter</a>
<a id="face" href="https://www.facebook.com/SoftwareUniversity">facebook</a>
<a id="google" href="https://plus.google.com/+SoftuniBg">google</a>
</section>
<section id="facebook-dage">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=300&amp;height=240&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe>
</section>
</footer>
</body>
</html>
Raw
style.css
* {
padding:0px;
margin:0px;
}
footer {
padding:20px 20px 10px 20px;
background-color: #234465;
color:white;
}
section {
display: inline-block;
vertical-align: top;
width:240px;
height: 250px;
}
ul li {
list-style: none;
display: block;
}
ul li a {
display: block;
margin-bottom: 8px;
text-decoration: none;
color:white;
}
section#apply a {
display: block;
width:125px;
height: 45px;
padding: 10px;
line-height: 45px;
text-align: center;
text-decoration: none;
font-size: 16px;
border:2px solid #FF9900;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
color:white;
}
section#apply a:hover {background:#FFCC00; color:#FF3300;}
section > header > h4 {
margin-bottom: 5px;
color:#FF9900;
}
section#copyright {margin-right: 15px;}
section#copyright a {
display: inline-block;
width:45px;
height: 45px;
background-color: #0099CC;
background-size: 40px;
background-repeat: no-repeat;
background-position: center;
text-indent: -9999px;
border-radius: 10px;
margin-top:15px;
}
#tweet {
background-image: url('http://www.reganassociates.org/twitter-icon-white-png-20.png');
}
#face {
background-image: url('http://cieszanowrockfestiwal.pl/wp-content/uploads/2014/03/f1.png');
}
#google {
background-image: url('http://aweebitirish.com/wp-content/uploads/2014/04/google-plus-icon-png-black.png');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment