Add files via upload
parent
867c0a906a
commit
78cb6ae576
Binary file not shown.
After Width: | Height: | Size: 250 KiB |
|
@ -0,0 +1,24 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Qub3d Engine</title>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
||||
<div class="row">\
|
||||
<div class="logo">
|
||||
<img src="Qub3d.png">
|
||||
</div>
|
||||
<ul class="main-nav">
|
||||
<li class="active"><a href="">HOME</a></li>
|
||||
<li><a href="">NEWS</a></li>
|
||||
<li><a href="">ABOUT</a></li>
|
||||
<li><a href="">CONTACT</a></li>
|
||||
<li><a href="">TEAM</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</header
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,62 @@
|
|||
*
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header
|
||||
{
|
||||
background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(image.png);
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.main-nav
|
||||
{
|
||||
float: right;
|
||||
list-style: none;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.main-nav li
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.main-nav li a
|
||||
{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 5px 20px;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.main-nav li.active a
|
||||
{
|
||||
border: 1px solid white;
|
||||
}
|
||||
|
||||
.main-nav li a:hover
|
||||
{
|
||||
border: 1px solid white;
|
||||
}
|
||||
|
||||
.logo img
|
||||
{
|
||||
width: 100px;
|
||||
height: auto;
|
||||
float: left;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.row
|
||||
{
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
}
|
Loading…
Reference in New Issue