diff --git a/static/img/Wall 47.png b/static/img/Wall 47.png
new file mode 100644
index 0000000..d24a900
Binary files /dev/null and b/static/img/Wall 47.png differ
diff --git a/static/img/community.jpg b/static/img/community.jpg
new file mode 100644
index 0000000..67db3af
Binary files /dev/null and b/static/img/community.jpg differ
diff --git a/templates/head_mine.html b/templates/head_mine.html
new file mode 100644
index 0000000..3cfbc9c
--- /dev/null
+++ b/templates/head_mine.html
@@ -0,0 +1,68 @@
+<head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+        <title>ARM | Archangel Raphael's Mission</title>
+    
+        <!-- Google Fonts -->
+        <link href='http://fonts.googleapis.com/css?family=Vollkorn|Open+Sans|Signika|Source+Sans+Pro:400,600,700' rel='stylesheet' type='text/css'>
+    
+        <link href="http://fonts.googleapis.com/css?family=Overlock:400i" rel="stylesheet">
+        <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
+    
+    
+        <!--<link rel="stylesheet" href="../static/bower_components/font-awesome/css/font-awesome.min.css"> --> <!-- Resource style -->
+
+        <style>
+                
+            .container{
+                background-color:gray;
+                background-image: url("../static/img/arm_banner.png");
+                background-repeat:no-repeat;
+                background-position: left;
+                background-size: 50% 100%;
+                font-family: 'Vollkorn', serif;
+                height: 100px;
+                width: 100%;
+            }
+
+            .container > ul > li > a{
+                color: white;
+            }
+
+            html{
+                overflow: scroll;
+            }
+            body{
+                margin: 0px;
+                padding: 0px;
+                position: relative;
+            }
+
+            ul{
+                margin: 0px;
+                padding-top: 40px;
+                padding-left: 700px;
+            }
+
+            li{
+                display: inline;
+                padding-left: 80px;
+                font-weight: bold;
+            }
+
+            @import url(https://fonts.googleapis.com/css?family=Raleway);
+
+            .footer {
+                position: fixed;
+                left: 0;
+                bottom: 0;
+                width: 100%;
+                background-color: red;
+                color: white;
+                text-align: center;
+            }
+    </style>
+
+    {% include seo.html %}
+</head>
\ No newline at end of file
diff --git a/templates/landing.html b/templates/landing.html
new file mode 100644
index 0000000..9ea107a
--- /dev/null
+++ b/templates/landing.html
@@ -0,0 +1,28 @@
+{% extends "start.html" %}
+{% block content %}
+
+<main>
+    <div class = "stuffs">
+        <img src = "../static/img/Wall 47.png" style = "height: 500px; width: 100%; vertical-align:middle;">
+    </div>
+
+    <div class = "class2">
+        <p style = "text-align: center; padding-top: 25px; font-size: 25px;"><b>YOUR CONTRIBUTION MATTERS!</b></p>
+        <hr style = "width: 20px;">
+        <p style = "text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br></p>
+    </div>
+    
+    <div class = "another-banner">
+        <img src = "../static/img/community.jpg" style = "padding-bottom: 80px;"></img>
+    </div>
+
+    <!--<footer id="sticky">&copy; ARM New Brunswick, 2017</footer>-->
+ 
+    <footer class = "row">
+            <p style = "text-align: center; background-color:red; bottom:0; margin: 0px; padding: 0px; height: 50px; color: white;" ><br/>&copy; SAMPLE</p>
+    </footer>
+
+    
+</main>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/start.html b/templates/start.html
new file mode 100644
index 0000000..e96c04f
--- /dev/null
+++ b/templates/start.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+
+{% include 'head_mine.html' %}
+
+<body>
+    <header>
+        <div class = "container">
+                <ul>
+                        <li><a href="#Home">Home</a></li>
+                        <li><a href="#Blog">Blog</a></li>
+                        <li><a href="#Contact">Contact</a></li>
+                        <li><a href="#About">About</a></li>
+                        <li><a href="#Donate">Donate</a></li>
+                </ul> 
+        </div>
+           
+    </header>
+
+    {% block content %}
+    {# Actual content specific to each page will be rendered here in the content block #}
+    {% endblock %}
+
+    </body>
+</html>
\ No newline at end of file
