Theme 9

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

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap" rel="stylesheet">

<style>

html{
height: 100%;
}

body{
margin: 0px;
height: 100%;
background-image: url('https://i.imgur.com/bpPvEFV.jpg');
background-attachment: fixed;
background-size: 100% 100%;
font-family: 'Fira Sans', sans-serif;
}

#top{
background-color: #061a2f;
opacity: 0.4;
width: 100%;
height: 90px;
position: fixed;
top: 0;
z-index: -1;
}

#bottom{
background-color: #061a2f;
opacity: 0.4;
width: 100%;
height: 90px;
position: fixed;
bottom: 0;
z-index: -1;
}

#container{
width: 600px;
margin: 0 auto;
}

#boxtop{
background-color: #fff;
opacity: 0.5;
height: 90px;
width: 600px;
}

#boxbottom{
background-color: #fff;
opacity: 0.4;
height: 90px;
width: 600px;
margin: 0 auto;
text-align: center;
}

#boxbottom p{
margin: 0px;
padding-top: 42px;
}

#box{
background-color: #fff;
padding: 15px;
overflow: visible;
}

#header{
text-align: center;
color: #ee8d00;
text-shadow: 1px 1px 15px #fff;
-webkit-text-stroke: 1px #184163;
font-size: 37px;
font-family: 'Ubuntu', sans-serif;
position: absolute;
top: 43px;
z-index: 2;
}

#subheader{
text-align: center;
color: #3881c5;
font-size: 26px;
letter-spacing: 30px;
font-family: 'Ubuntu', sans-serif;
text-shadow: -1px -1px 1px #b4cae2, 1px 1px 1px #20486a;
position: absolute;
top: 120px;
margin: 0 auto;
width: 600px;
}

#subheader h1{
margin: 0px;
}

#header h1{
margin: 0px;
}

#nav ul, li{
list-style-type: none;
padding-left: 0px;
text-shadow: 1px 1px 2px #ee8d00;
font-family: 'Ubuntu', sans-serif;
display: inline;
}

a{
text-decoration: none;
color: #2165ba;
}

a:visited{
color: #2165ba;
}

a:hover{
color: #ee8d00;
}

#content{
text-align: center;
padding: 76px 18px 15px 18px;
color: #184163;
}

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

::-webkit-scrollbar-track{
background-color: #000;
}

::-webkit-scrollbar-thumb{
background-color: #ee8d00;
}

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

</style>

</head>

<body>

<div id="top"></div>

<div id="bottom"></div>

<div id="container">

<div id="boxtop"></div>

<div id="box">

<div id="header"><h1>Dream Passport</h1></div>
<div id="subheader"><h1>PREMIER</h1></div>

<div id="content">

<!-- LINKS -->

<div id="nav">
<ul>
<li><a href="URL HERE">Link 1</a></li>
<li><a href="URL HERE">Link 2</a></li>
<li><a href="URL HERE">Link 3</a></li>
<li><a href="URL HERE">Link 4</a></li>
<li><a href="URL HERE">Link 5</a></li>
</ul>
</div>

<!-- Replace with your content below -->

<h3 style="margin-bottom:10px;">The spectacle before us was indeed sublime</h3>

<p style="margin:0px;">Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.</p>

<p>wigan kebab… now that’s what you call a butty. i been ‘earin about the wigan kebab for years, an now am finally ‘ere in wigan, at the trawlerman, one of the best chippies. am gonna go an try one. let’s go. right mate, a been told to come in ‘ere an order a wigan kebab, but, a don actually know what et is. yeh don know whatta wigan kebab is? heh, no<p>

<p>buttered barm, meat and potaeto pie. you’re in ‘eaven. carbs on carbs on carbs absolutely ‘ats whot i like to see. d’you wont one? yeah, go on mate. es et a popular dish? fourty percent of the people oo come in order et, ets quick an good. quick an readay. an do ‘ey call et a wigan kebab or a pie barm? wot do they ask for?</p>

<p>wigan kebab. wigan kebab? wigan kebab.</p>

<p>wigan kebab… that actually looks class. mate. that is sensational. that is spot on mate</p>

<!-- End of content -->
</div>

</div>

<div id="boxbottom"><p>footer 2021</p></div>

</div>

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

</body>

</html>