Skip to content

Instantly share code, notes, and snippets.

@ivannrs

ivannrs/Problem04

Created December 8, 2015 12:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ivannrs/14101b5e80f671e78202 to your computer and use it in GitHub Desktop.
Save ivannrs/14101b5e80f671e78202 to your computer and use it in GitHub Desktop.
Download ZIP
Problem04
Raw
Problem04
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Website Header</title>
<style type="text/css">
table#header {
width: 1170px;
height: 60px;
background: #234465;
}
body {
color:white;
font-family: "Arial";
font-size:18px;
}
td#logo {
text-align: left;
padding-left: 10px;
}
td.links {
width: auto;
float: right;
}
td.links li {
float:left;
margin: 0px 15px;
list-style-type: none;
color: white;
}
li>a {
color:white;
text-decoration: none;
opacity: 0.7;
}
li>a:hover {
color:white;
text-decoration: none;
opacity: 1;
}
li.dropdown:after {
content: "";
}
li#searchimg img {
width:25px;
}
li#profileimg img{
width: 30px;
}
</style>
</head>
<body>
<table id="header">
<tr>
<td id="logo"><a href="https://softuni.bg"> <img src="https://softuni.bg/Content/images/software-university-logo.png"></a></td>
<td class="links">
<ul>
<li class="dropdown"> <a href=""> SOFTUNI</a></li>
<li class="dropdown"> <a href=""> TRAININGS </a></li>
<li> <a href=""> JOBS </a></li>
<li> <a href=""> PARTNERS </a></li>
<li> <a href="">FORUM </a></li>
<li> <a href=""> CONTACTS</a></li>
<li id="searchimg"> <a href=""> <img src="http://icons.iconarchive.com/icons/gakuseisean/radium/256/Search-icon.png"></a></li>
<li id="profileimg"> <a href=""> <img src="https://cdn0.iconfinder.com/data/icons/profession-and-occupation-icons/110/avatar_occupation_profile_man_firefighter_lifeguard-128.png"></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment