diff --git a/README.md b/README.md
index dc8e71147488479fec94c2dabaf90cf7b7ed388d..3f1ecb65787c6715c9fa5a4502e8b65868d82bfd 100644
--- a/README.md
+++ b/README.md
@@ -55,8 +55,9 @@ unless you want to contribute back to the upstream project.
## Troubleshooting
1. CSS is missing! That means that you have wrongly set up the CSS URL in your
- HTML files.
+ HTML files. Have a look at the [index.html] for an example.
[ci]: https://about.gitlab.com/gitlab-ci/
+[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
[userpages]: http://doc.gitlab.com/ee/pages/README.html#user-or-group-pages
[projpages]: http://doc.gitlab.com/ee/pages/README.html#project-pages
diff --git a/public/index.html b/public/index.html
index 3a19205898441e088a23b954576d8734f2c2313f..6652c7dd60ad34f6d80148f3c8e6876702d19854 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,8 +4,15 @@
<meta charset="utf-8">
<meta name="generator" content="GitLab Pages">
<title>Plain HTML site using GitLab Pages</title>
+ <link rel="stylesheet" href="style.css">
</head>
<body>
+ <div class="navbar">
+ <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
+ <a href="https://gitlab.com/pages/plain-html/">Repository</a>
+ <a href="https://gitlab.com/pages/">Other Examples</a>
+ </div>
+
<h1>Hello World!</h1>
<p>
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..3eae4084bda0c2270306b14ac8c1ca732415edc3
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,24 @@
+body {
+ font-family: sans-serif;
+ margin: auto;
+ max-width: 1280px;
+}
+
+.navbar {
+ background-color: #313236;
+ border-radius: 2px;
+ max-width: 800px;
+}
+
+.navbar a {
+ color: #aaa;
+ display: inline-block;
+ font-size: 15px;
+ padding: 10px;
+ text-decoration: none;
+}
+
+.navbar a:hover {
+ color: #ffffff;
+}
+