diff --git a/meme/templates/index.html b/meme/templates/index.html
new file mode 100644
index 0000000..d24d763
--- /dev/null
+++ b/meme/templates/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+
+<head>
+  <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+  <link href="https://unpkg.com/nanogallery2/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
+  <script type="text/javascript" src="https://unpkg.com/nanogallery2/dist/jquery.nanogallery2.min.js"></script>
+</head>
+
+<body>
+  <div style="text-align: center;">
+    <img height="auto" width="10%" src="../../assets/img/header.png">
+  </div>
+  <h1 style="text-align: center;">Meme Templates</h1>
+  <div style="text-align: center;
+                background-color:rgba(56,91,85,.5);
+                padding:5px;">
+    <h4>
+      All memes here are posted after taking permission from the person and creator of
+      meme and this is a offtopic community collaboration for fun only</h4>
+    <h5>click here to know how to add a new meme (link to page will be added here)</h5>
+  </div>
+
+  <div id="meme_gallery"></div>
+
+  <script>
+    let data = null;
+    var xmlhttp = new XMLHttpRequest();
+    xmlhttp.onreadystatechange = function () {
+      if (this.readyState == 4 && this.status == 200) {
+        data = JSON.parse(this.responseText);
+        jQuery("#meme_template").nanogallery2({
+          items: data,
+          thumbnailWidth: 'auto',
+          thumbnailHeight: 200,
+          itemsBaseURL: 'https://i.imgur.com/',
+          locationHash: false
+        });
+      }
+    };
+    xmlhttp.open("GET", "meme_template_data.json", true);
+    xmlhttp.send();
+
+  </script>
+
+</body>
+
+</html>
diff --git a/meme/templates/meme_contribution.html b/meme/templates/meme_contribution.html
new file mode 100644
index 0000000..e69de29
diff --git a/meme/templates/meme_template_data.json b/meme/templates/meme_template_data.json
new file mode 100644
index 0000000..b4800af
--- /dev/null
+++ b/meme/templates/meme_template_data.json
@@ -0,0 +1,17 @@
+[
+  {
+    "src": "5RTn9fK.jpg",
+    "srct": "5RTn9fK.jpg",
+    "title": "meme on xeon zolt",
+    "by": "",
+    "description": "the guy in image gets angry very fast so its adviced not to mess up with his server logs or things can go out of hand"
+  },
+  {
+    "src": "oeXTPgZ.jpg",
+    "srct": "oeXTPgZ.jpg",
+    "title": "meme on TK Sourab",
+    "by": "Raju Dev",
+    "description": "the guy in pic is a vim user and wants to tell everyone that he uses vim"
+  }
+]
+
