404 styled page with glitch effect

Very cool!

You have to use alt codes for symbols within <code></code>. <code> just formats that section of code. Any code without <code></code> will still be parsed as normal code. :)

I believe this should fix it for the most part:
<div class="error">

<div class="wrap">
<div class="404">
<pre><code>
<span class="green">&#60;!</span><span>DOCTYPE html</span><span class="green">&#62;</span>
<span class="orange">&#60;html&#62;</span>
<span class="orange">&#60;style&#62;</span>
* {
<span class="green">everything</span>:<span class="blue">awesome</span>;
}
<span class="orange">&#60;/style&#62;</span>
<span class="orange">&#60;body&#62;</span>
Error 404!
page not found!
<span class="comment">&#60;!--go back.--&#62;
</span>
<span class="orange"></span>


<br />
<span class="info">
<br />

<span class="orange"> &#60;/body&#62;</span>

<br/>
<span class="orange">&#60;/html&#62;</span>
</code></pre>
</div>