added a bit to the website files and made a little bit of a theme
This commit is contained in:
0
games.html
Normal file
0
games.html
Normal file
23
index.html
23
index.html
@ -1 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Retro City</title>
|
||||
<script src='sketch.js' type="text/javascript"></script>
|
||||
<link href='style.css' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1 id="logo">Retro City</h1>
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="pong.html">Pong</a></li>
|
||||
<li><a href="systems.html">Systems</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h1 id="title">Home</h1>
|
||||
<div class="content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium ratione ipsum, vero inventore quam sunt sint architecto similique aliquid alias pariatur recusandae autem tempora minima iure rerum sit minus illum quis quos eos cupiditate commodi magni accusamus! Ipsam doloremque, sapiente doloribus veniam maxime tempore vero a dignissimos in inventore maiores reprehenderit quo dolor dolorem commodi odit voluptates quas perspiciatis molestias magnam ab corporis laborum ratione quidem qui. Voluptas veritatis dolor inventore eligendi minus rerum nisi explicabo reprehenderit! Esse voluptatem, quos, facere quas animi tenetur repellendus consectetur similique, recusandae dolore voluptas deserunt eveniet optio nisi veniam! Voluptas hic, pariatur vero ullam.</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
57
style.css
Normal file
57
style.css
Normal file
@ -0,0 +1,57 @@
|
||||
body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color:rgb(86, 105, 110);
|
||||
font-family: sans;
|
||||
}
|
||||
|
||||
/* Header Bar */
|
||||
#logo{
|
||||
float:left;
|
||||
color: red;
|
||||
margin: inherit;
|
||||
margin-top: 5px;
|
||||
text-shadow: 1px 1px white, -1px -1px white, -1px 1px white, 1px -1px white;
|
||||
}
|
||||
|
||||
#title{
|
||||
color: red;
|
||||
text-shadow: 1px 1px white, -1px -1px white, -1px 1px white, 1px -1px white;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.nav li{
|
||||
display: inline;
|
||||
margin: .3em;
|
||||
}
|
||||
.nav ul{
|
||||
background-color: black;
|
||||
}
|
||||
.nav a{
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
border-bottom: dotted 2px white;
|
||||
text-decoration: none;
|
||||
}
|
||||
.nav a:hover{
|
||||
color: red;
|
||||
|
||||
}
|
||||
.nav{
|
||||
margin: 0;
|
||||
background-color: black;
|
||||
height: 50px;
|
||||
text-align: right;
|
||||
padding-right: 2em;
|
||||
padding-top: 5px;
|
||||
border-bottom: solid red 4px;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.content{
|
||||
margin: 1em;
|
||||
background-color: white;
|
||||
height: 100%;
|
||||
}
|
||||
0
system.html
Normal file
0
system.html
Normal file
Reference in New Issue
Block a user