diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2e1d502
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
+        <title>Civic Issue Finder</title>
+    </head>
+    <body>
+        <section class="hero is-success">
+            <div class="hero-body">
+                <div class="container">
+                    <h1 class="title">Civic Issue Finder</h1>
+                    <p>The easiest way to get started with civic hacking. Find issues and projects 
+                        to work on in your community. Crowdsourced from your local government, 
+                        volunteers and civil society organizations.</p>
+                </div>
+            </div>
+        </section>
+        
+        <section class="section">
+            <iframe class="airtable-embed" src="https://airtable.com/embed/appZb65xRlTB5ps1o/shrW46Vd3bvIdmrbL?backgroundColor=orange&viewControls=on" frameborder="0" onmousewheel="" width="100%" height="633" style="background: transparent; border: 1px solid #ccc;"></iframe>
+        </section>
+
+        <footer class="footer">
+            <div class="content has-text-centered">
+            <p>
+                <strong>Civic Issue finder</strong> by <a href="https://codeforpakistan.org">Code For Pakistan</a>.
+            </p>
+            </div>
+        </footer>
+
+    </body>
+</html>
\ No newline at end of file
