diff --git a/.gitignore b/.gitignore
index 897fdc4..2f0d0a6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,5 @@
 hieradata/nodes/example-puppet-master.yaml
+.DS_Store
+site/.DS_Store
+site/profile/.DS_Store
+site/.DS_Store
diff --git a/site/profile/files/sample_website/403.html b/site/profile/files/sample_website/403.html
new file mode 100755
index 0000000..5dd33a6
--- /dev/null
+++ b/site/profile/files/sample_website/403.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="icon" href="../../favicon.ico">
+<style type="text/css">
+.top-fixed {
+        position: fixed;
+        top: 0;
+        left: 0;
+        padding: 3px 10px;
+}
+</style>
+    <title>Puppet Example Site</title>
+
+
+    <!-- Bootstrap core CSS -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+
+
+    <!-- Custom styles for this template -->
+    <link href="css/cover.css" rel="stylesheet">
+
+    <!-- jQuery -->
+    <script src="js/jquery-2.1.4.min.js"></script>
+
+    <!-- Site Script -->
+    <script type="text/javascript">
+        $(document).ready(function() {
+          $('div.jfadeInOut.one').delay(500).fadeIn(1000);
+        });
+    </script>
+</head>
+
+<body>
+<div class="top-fixed"><h1>403 Error</h1></div>
+    <div class="site-wrapper">
+        <div class="site-wrapper-inner">
+            <div class="cover-container">
+                <div class="masthead clearfix">
+                    <div class="inner">
+                    </div>
+                </div>
+
+                <div class="pl_content">
+                    <!-- No Script -->
+                    <noscript>
+                <h1 style="color: white">JavaScript is disabled. Please enable to view content.</h1>
+            </noscript>
+                    <div class="jfadeInOut one"> <img src="img/LEGO_404.jpg" alt="Puppet" /> </div>
+                </div>
+
+                <div class="mastfoot">
+                    <div class="inner">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/site/profile/files/sample_website/404.html b/site/profile/files/sample_website/404.html
new file mode 100755
index 0000000..1f1502e
--- /dev/null
+++ b/site/profile/files/sample_website/404.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="icon" href="../../favicon.ico">
+
+    <title>Puppet Example Site</title>
+
+
+    <!-- Bootstrap core CSS -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+
+
+    <!-- Custom styles for this template -->
+    <link href="css/cover.css" rel="stylesheet">
+
+    <!-- jQuery -->
+    <script src="js/jquery-2.1.4.min.js"></script>
+
+    <!-- Site Script -->
+    <script type="text/javascript">
+        $(document).ready(function() {
+          $('div.jfadeInOut.one').delay(500).fadeIn(1000);
+        });
+    </script>
+</head>
+
+<body>
+    <div class="site-wrapper">
+        <div class="site-wrapper-inner">
+            <div class="cover-container">
+                <a href="."><h1>403 Error</h1></a>
+                <div class="masthead clearfix">
+                    <div class="inner">
+                    </div>
+                </div>
+
+                <div class="pl_content">
+                    <!-- No Script -->
+                    <noscript>
+                <h1 style="color: white">JavaScript is disabled. Please enable to view content.</h1>
+            </noscript>
+                    <div class="jfadeInOut one"> <img src="img/LEGO_404.jpg" alt="Puppet" /> </div>
+                </div>
+
+                <div class="mastfoot">
+                    <div class="inner">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/site/profile/files/sample_website/css/main.css b/site/profile/files/sample_website/css/main.css
index a35b8f2..573cf4e 100644
--- a/site/profile/files/sample_website/css/main.css
+++ b/site/profile/files/sample_website/css/main.css
@@ -1,23 +1,64 @@
 body {
-  margin-top: 200px;
-  margin-left: 60px;
-  width: 70%;
-  font-family: 'Helvetica', 'Arial', 'Sans-Serif';
-  background:black url(../img/logo.png) no-repeat left top;
+    margin-top: 10px;
+    margin-left: 60px;
+    width: 70%;
+    font-family: 'Helvetica', 'Arial', 'Sans-Serif';
+    background: black;
 }
 
-a { text-decoration: none; color: #999; }
-a:hover { text-decoration: underline; }
+a {
+    text-decoration: none;
+    color: #999;
+}
 
-p, ul { font-size: 1.5em; line-height: 0.5em; color: #fff; }
+a:hover {
+    text-decoration: underline;
+}
 
-h1, h2, h3, h4 { color: #ffad1a }
-h1 { font-size: 2em; }
-h2 { font-size: 1.7em; }
-h3 { font-size: 1.5em; }
-h4 { font-size: 1.3em; }
+p,
+ul {
+    font-size: 1.5em;
+    line-height: 0.5em;
+    color: #fff;
+}
 
-nav ul, footer ul { padding: 0px; list-style: none; font-weight: bold; }
-nav ul li, footer ul li { display: inline; margin-right: 20px; }
+h1,
+h2,
+h3,
+h4 {
+    color: #ffad1a
+}
 
-footer { border-top: 1px solid #d5d5d5; font-size: .8em; }
+h1 {
+    font-size: 2em;
+}
+
+h2 {
+    font-size: 1.7em;
+}
+
+h3 {
+    font-size: 1.5em;
+}
+
+h4 {
+    font-size: 1.3em;
+}
+
+nav ul,
+footer ul {
+    padding: 0px;
+    list-style: none;
+    font-weight: bold;
+}
+
+nav ul li,
+footer ul li {
+    display: inline;
+    margin-right: 20px;
+}
+
+footer {
+    border-top: 1px solid #d5d5d5;
+    font-size: .8em;
+}
\ No newline at end of file
diff --git a/site/profile/files/sample_website/img/LEGO.jpg b/site/profile/files/sample_website/img/LEGO.jpg
new file mode 100755
index 0000000..f9fafe1
Binary files /dev/null and b/site/profile/files/sample_website/img/LEGO.jpg differ
diff --git a/site/profile/files/sample_website/img/LEGO_404.jpg b/site/profile/files/sample_website/img/LEGO_404.jpg
new file mode 100644
index 0000000..1b83c9e
Binary files /dev/null and b/site/profile/files/sample_website/img/LEGO_404.jpg differ
diff --git a/site/profile/templates/index.html.epp b/site/profile/templates/index.html.epp
index aebb6b8..cc79c9d 100644
--- a/site/profile/templates/index.html.epp
+++ b/site/profile/templates/index.html.epp
@@ -9,6 +9,7 @@
 
 <body>
     <div class="container">
+        <img src="img/LEGO.jpg" alt="Puppet" />    
         <div class="blurb">
           <% if $kernel == 'windows' { -%>
             <img src="img/windows.png" height="128" width="128" />
