Theme 19

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>theme 19</title>

<style>

body{
background-color: #f8fff0;
}

#all{
position: absolute;
left: 25%;
right: 25%;
}

#container{
width: 500px;
border: 1px solid #535c4a;
margin: 0 auto;
}

#header{
background-image: url('https://i.imgur.com/5eCSi2f.png');
background-repeat: no-repeat;
background-position: center center;
height: 339px;
color: #7a856f;
}

#header h1{
margin: 0px;
position: relative;
left: 20px;
top: 75px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
font-size: 20px;
text-shadow: 0px 0px 20px #b2cc97;
}

#header h2{
margin: 0px;
position: relative;
left: 20px;
top: 76px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
font-size: 14px;
text-shadow: 0px 0px 15px #b2cc97;
}

#nav{
position: relative;
text-align: right;
right: 1px;
bottom: 36px;
}

#nav ul li{
list-style-type: none;
padding: 0px;
font-size: 13px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
}

#nav ul{
margin: 0px;
}

#nav li{
margin: 1px;
}

a{
color: #535c4a;
}

#nav a{
text-decoration: none;
color: #7a856f;
}

#nav a:hover{
text-shadow: 0px 0px 10px #b2cc97;
}

#content{
padding: 15px;
background-image: linear-gradient(180deg, white, #cee6b3);
text-align: justify;
color: #535c4a;
}

#content h2{
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
font-size: 13px;
}

#content p{
font-size: 13px;
}

form{
display: inline-block;
margin-left: auto;
margin-right: auto;
}

#form{
text-align: center;
display: block;
}

::-webkit-scrollbar{
width: 8px;
}

::-webkit-scrollbar-track{
background-color: transparent;
}

::-webkit-scrollbar-thumb{
background-color: #7a856f;
}

#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
}

</style>

</head>

<body>

<div id="all">

<div id="container">

<div id="header">

<h1>title here</h1>

<h2>sub-heading here</h2>

<div id="nav">
<ul>
<li><a href="URL HERE">home</a></li>
<li><a href="URL HERE">about</a></li>
<li><a href="URL HERE">gallery</a></li>
<li><a href="URL HERE">blog</a></li>
<li><a href="URL HERE">other</a></li>
<li><a href="URL HERE">links</a></li>
</ul>
</div>

</div>

<div id="content">

<!-- REPLACE CONTENT BELOW WITH YOUR OWN -->

<h2>header here</h2>

<p><b>Sed ac diam ipsum</b>. <i>Sed semper tellus orci, sit amet tincidunt nunc</i> gravida quis. Quisque <s>sollicitudin euismod</s> facilisis. Fusce id lorem non sem blandit ullamcorper sed ullamcorper enim. Etiam sagittis sed lectus sit amet varius. Sed ultricies semper eleifend. In tempus sapien ut tortor fermentum, in euismod quam faucibus.</p>

<p>Nulla eu velit odio. Phasellus sollicitudin rhoncus ex, id semper nisi tempor ornare. In non finibus mi. Cras rhoncus molestie placerat. Sed et placerat nunc. Pellentesque aliquet mollis leo, sit amet hendrerit <a href="">lacus fermentum vitae</a>.</p>

<!-- the form below is just for show and can't actually submit anything :P -->

<div id="form">

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<div>
<textarea name="comments" id="comments" style="width:460px;height:100px;background-color:#f8fff0;color:#535c4a;padding:5px;font-family:serif;">
say something!
</textarea>
</div>
<input type="submit" value="Submit" style="background-color:#eefae1;color:#535c4a;border:1px solid #535c4a;font-family:serif;font-size:12px;cursor:pointer;">
</form>

<!-- END OF CONTENT -->

</div>

</div>

</div>

</div>

<div id="credit"><a href="https://repth.neocities.org/index.html">@Repth</a></div>

</body>

</html>