Difference between revisions of "Template:AUC TURKEY"

Line 27: Line 27:
 
}
 
}
  
#menu {
+
#header{
 
   width: 100%;
 
   width: 100%;
 
   height: 100px;
 
   height: 100px;
Line 36: Line 36:
 
-moz-box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44);
 
-moz-box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44);
 
box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44);
 
box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44);
 +
color:white;
 
}
 
}
  
Line 47: Line 48:
 
padding-left: 20px;
 
padding-left: 20px;
 
font-size: 20px;
 
font-size: 20px;
 +
}
 +
#menu a{
 +
color:white;
 +
}
 +
#menu a:hover {
 +
  text-decoration:none;
 +
}
 +
#menu ul {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#menu li {
 +
    display: inline-block;
 +
width:100px;
 +
}
 +
#menu li:hover {
 +
    background-color:lightgray;
 
}
 
}
 
</style>
 
</style>
 
</script>
 
</script>
 +
<div id="header">
 +
<div>
 +
Project Name
 +
</div>
 
<div id="menu">
 
<div id="menu">
 +
<ul>
 +
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Home</a></div></li>
 +
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Project</a></div></li>
 +
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Team</a></div></li>
 +
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Human Practice</a></div></li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
 
<div id="contentContainer">
 
<div id="contentContainer">
 
</html>
 
</html>

Revision as of 13:03, 23 June 2015