diff --git a/css/main.css b/css/main.css
index 79b4719..675fade 100644
--- a/css/main.css
+++ b/css/main.css
@@ -22,4 +22,30 @@ hr {
     -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
     box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
+}
+
+.container {
+    padding: 25px;
+}
+
+.dark {
+    background-color: #121314;
+    padding: inherit;
+}
+
+.light {
+    background-color: #1c1c1f;
+    padding: inherit;
+}
+
+#overlay {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+h4 {
+    text-align: left;
+}
+
+p {
+    text-align: justify;
 }
\ No newline at end of file
diff --git a/enl/index.html b/enl/index.html
new file mode 100644
index 0000000..853de60
--- /dev/null
+++ b/enl/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <link href='css/main.css' rel='stylesheet'>
+    <link rel="stylesheet" href="css/animate.min.css">
+
+    <!--Import Google Icon Font-->
+    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
+    <!-- Compiled and minified CSS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
+
+    <!-- Compiled and minified JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
+
+    <script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>
+
+    <!--Let browser know website is optimized for mobile-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
+
+    <style>
+        body {
+            background-image: url(https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy);
+            background-attachment: fixed;
+            background-size: cover;
+            font-family: 'Arvo', serif !important;
+            color: limegreen !important;
+        }
+    </style>
+
+    <title>ENL EH</title>
+</head>
+
+<body>
+    <main>
+        <div id="overlay">
+            <div class="center" style="width: 100%; text-align: center;">
+                <div class="center" style="height: 100%;
+padding-top: 50px;
+padding-bottom: 50px;">
+                    <div class="container">
+                        <div class="light">
+                            <img src="/images/enl/logo.png" style="height: 150px;" class="animated zoomIn">
+                            <h1 style="margin-top: -5px;">Enlightened East Hertfordshire</h1>
+                            <div class="divider"></div>
+                        </div>
+                        <div class="dark">
+                        </div>
+                        <div class="light">
+                        </div>
+                        <div class="dark">
+                            <div class="center">
+                                <a href="http://materializecss.com/">Materialize CSS by Google</a>
+                                <br>
+                                <a href="https://daneden.github.io/animate.css/">Animate.css</a>
+                                <br>
+                                <a href="http://cr0ybot.github.io/ingress-logos/">Logo</a>
+                                <br>
+                            </div>
+                            Handcoded by Arona Jones. Kindly hosted by Github.
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br>
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/images/enl/logo.png b/images/enl/logo.png
new file mode 100644
index 0000000..77085f1
Binary files /dev/null and b/images/enl/logo.png differ
diff --git a/index.html b/index.html
index 786b17e..223765f 100644
--- a/index.html
+++ b/index.html
@@ -27,34 +27,8 @@
             background-attachment: fixed;
             background-size: cover;
         }
-        
-        .container {
-            padding: 25px;
-        }
-        
-        .dark {
-            background-color: #121314;
-            padding: inherit;
-        }
-        
-        .light {
-            background-color: #1c1c1f;
-            padding: inherit;
-        }
-        
-        #overlay {
-            background-color: rgba(0, 0, 0, 0.4);
-        }
-        
-        h4 {
-            text-align: left;
-        }
-        
-        p {
-            text-align: justify;
-        }
     </style>
-    
+
     <title>Arona Jones' Website - Main Page</title>
 </head>
 
@@ -62,7 +36,7 @@
     <main>
         <div id="overlay">
             <div class="center" style="width: 100%; text-align: center;">
-                  <img src="http://www.gifs.net/Animation11/Webdesign_Elements/Under_Construction/constuction_bar.gif">
+                <img src="http://www.gifs.net/Animation11/Webdesign_Elements/Under_Construction/constuction_bar.gif">
                 <div class="center" style="height: 100%;
 padding-top: 50px;
 padding-bottom: 50px;">
