<!DOCTYPE HTML>
<html>

<style>

img.gallery {
  height: 200px;
  width: 200px;
}

body {
  background-attachment: static;
  background-image: url("gundam.jpg");
}

img.pbjt {
  height: 150px;
  width: 100px;
}

img.poke {
  height: 80px;
  width: 80px;
  position: absolute;
  right: 500px;
}

h1 {
  font-family: Impact, Charcoal, sans-serif;
  text-align: center;
  font-size: 25px;
  color: white;
  background-color: #A0A8B3;
  padding: 0.5cm;
  border-radius: 10px;
  margin: 8px;
}

.big {
  font-size: 16px;
}

.sidebar {
  color: white;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background-color: #A0A8B3;
  width: 200px;
  font-size: 13px;
  border-radius: 10px;
  padding: 10px;
  margin: 8px;
}

#sidebar2 {
  width: 200px;
  position: absolute;
  right: 1125px;
}

button {
  background-color: #7E8691;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 10px 30px;
  margin: 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}

button:hover {
  background-color: rgb(109, 124, 146);
  padding: 12px 32px;
}

div.text {
  text-align: left;
  color: white;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background-color: #A0A8B3;
  font-size: 13px;
  border-radius: 10px;
  margin: 8px;
  position: absolute;
  top: 90px;
  padding: 20px;
  right: 160px;
  width: 900px;
}

</style>

<head>
<title>Hal's Webpage</title>
<h1>
✰★✰
<button type="button">Guestbook</button>
<button type="button">MySpace</button>
<button type="button">Photo Album</button>
HAL'S WEBPAGE
<button type="button">Contact</button>
<button type="button">About</button>
<button type="button">Projects</button>
✰★✰
</h1>
</head>

<body>

<div class="sidebar"><img src="miku.gif"></img></div>

<div class="sidebar">My name is Dr. Hal Emmerich. I'm 24.</br>
I know it sounds young, but I <i>am </i> a doctor!</br>
I have degrees in computer science and engineering. (So I'm not
<i>that </i> kind of doctor...)</br>
I'm also working on getting additional degrees.</br></div>
<img id="sidebar2" src="sidebar2.jpg"></img>

<div class= "text"> 
<div class="big">W E L C O M E   T O   M Y   W E B P A G E ! ! ! :D
<img class="poke" src="poke1.gif"></div></br>

<audio controls>
<source src="nge.mp3">
</audio>

<p>Thank you so much for stopping by! This is a website I coded myself from scratch using the languages HTML and CSS.
Here is where I will post memes that I think are funny and whatever else interests me! /w\</br>
This website is under constant development and will undergo changes, big and small, as I customize it and add more content (while removing content I no longer
enjoy.)</p>
<p>It's just a little project of mine to kill time while I work my way through college. If you like, you can visit the page regularly to keep track of
what changes and what has stayed the same, as I learn more about how web design works.</br></p>

<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>
<img class="pbjt" src="pbjt.gif"></img>

<p>As you may have guessed... I like anime O_O I'm an otaku! My favorites are sci-fi anime but I tend to enjoy anything that's well made.</br>
<p>Mecha anime inspired me towards going to school for engineering! Someday I want to build a really big robot! :D And hopefully I'll be able to protect people
that way, even though I'm not strong.

<div class="big"><b>MEME GALLERY</b></br></div>
<img class="gallery" src="cat1.jpg"></img>
<img class="gallery" src="bible.jpg"></img>
<img class="gallery" src="nyan.png"></img>
</p>

<form action="game.html">
<button type="submit">Don't click /w\</button>

</div>
</body>