diff --git a/hos.html b/hos.html
new file mode 100644
index 0000000..c1cda17
--- /dev/null
+++ b/hos.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head><title>LEZZO.org - Wall of Fame</title>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
+    <style>
+      .header-image {
+    background-image: url("processed/flutinboy.jpg");
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: cover;
+    background-color: #999;
+      }
+      </style>
+  </head>
+  <body>
+<div>
+    <section class="hero is-primary is-fullheight header-image">
+        <!-- Hero header: will stick at the top -->
+        <div class="hero-head">
+            <header class="navbar">
+                <div class="navbar-brand">
+                    <a class="navbar-item" href="http://bulma.io">
+                        <img src="http://bulma.io/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
+                    </a>
+
+                    <div class="navbar-burger" v-on:click="showNav = !showNav" v-bind:class="{ 'is-active' : showNav }">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </div>
+                </div>
+                <div class="navbar-menu" v-bind:class="{ 'is-active' : showNav }">
+                    <!-- navbar start, navbar end -->
+                    <div class="navbar-end">
+                        <a class="navbar-item" href="/about">About</a>
+                        <a class="navbar-item" href="/path">Path</a>
+                        <a class="navbar-item" href="/blog">Blog</a>
+                    </div>
+                </div>
+            </header>
+        </div>
+
+
+        <!-- Hero content: will be in the middle -->
+        <div class="hero-body">
+            <div class="container has-text-centered">
+                <h1 class="title">
+                    Title
+                </h1>
+                <h2 class="subtitle">
+                    Subtitle
+                </h2>
+            </div>
+        </div>
+        <!-- Hero footer: will stick at the bottom -->
+        <div class="hero-foot">
+            <nav class="tabs is-boxed is-fullwidth">
+                <div class="container">
+                    <ul>
+                        <li class="is-active"><a>Overview</a></li>
+                        <li><a>Modifiers</a></li>
+                        <li><a>Grid</a></li>
+                        <li><a>Elements</a></li>
+                        <li><a>Components</a></li>
+                        <li><a>Layout</a></li>
+                    </ul>
+                </div>
+            </nav>
+        </div>
+    </section>
+</div>
+  </body>
diff --git a/processed/flutinboy.jpg b/processed/flutinboy.jpg
new file mode 100644
index 0000000..9611e1b
Binary files /dev/null and b/processed/flutinboy.jpg differ
