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