Skip to content

Instantly share code, notes, and snippets.

@dominikbasista

dominikbasista/start.css

Created April 6, 2018 23:12
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 dominikbasista/5cfb2aac740b71e559c972b9ed760e9d to your computer and use it in GitHub Desktop.
Save dominikbasista/5cfb2aac740b71e559c972b9ed760e9d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
start.css
body{
background-size: cover;
}
ul{
left:0;
right:0;
top:0;
margin: 0px;
padding: 0px;
list-style: none;
}
ul li {
float:left;
width: 200px;
height: 40px;
background-color: black;
color: aliceblue;
line-height: 40px;
text-align: center;
}
ul li a {
text-decoration: none;
display: block;
color: antiquewhite;
}
ul li ul li {
display: none;
}
ul li:hover ul li{
display: block;
}
.logo{
position: relative;
top: 100px;
height: 180px;
width: 350px;
margin-left: auto;
margin-right: auto;
/* background-color: yellow;*/
}
.obrazek{
position: absolute;
width: 100%;
height: 100%;
}
.media_container{
height: 40px;
width: 300px;
right: 0px;
bottom: 0px;
}
.media_container .media_box {
float:right;
margin-right: 10px;
}
Raw
start_page.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://fonts.googleapis.com/css?family=Handlee|Julius+Sans+One|Lobster|Marck+Script|Petit+Formal+Script|Raleway|Rock+Salt|Ruge+Boogie|Ruthie" rel="stylesheet">
<link rel="stylesheet" href="./css/start_page.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
</head>
<body background="pictures/walpaper_1.jpg">
<div class="logo">
<img alt="book lovers logo" src="./pictures/logo_1.png" class="obrazek">
</div>
<ul>
<li><a>Coś1</a>
<ul>
<li><a>Coś4</a></li>
<li><a>Coś5</a></li>
<li><a>Coś6</a></li>
</ul>
</li>
<li><a>Coś2</a></li>
<li><a>Coś3</a></li>
</ul>
<div class="media_container">
<div class="media_box"></div>
<div class="media_box"><a href="#"><img src="./pictures/face_book.png"/></a></div>
<div class="media_box"><a href="#"><img src="/home/dominik/Pulpit/Frontent/Strona_Book_Lovers/pictures/you_tube.png"/></a></div>
<div class="media_box"><a href="#"><img src="/home/dominik/Pulpit/Frontent/Strona_Book_Lovers/pictures/twitter.png"/></a></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment