diff --git a/public/download.jpeg b/public/download.jpeg
new file mode 100644
index 0000000..220e6b3
Binary files /dev/null and b/public/download.jpeg differ
diff --git a/src/App.vue b/src/App.vue
index 0b998f5..e92830a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,8 +48,26 @@
       </div>
     </div>
 
-    <div class="max-w-6xl mx-auto px-4">
+    <div class="max-w-6xl mx-auto p-6">
       <page-title>All Projects</page-title>
+
+      <div class="flex flex-wrap mt-4 -mx-4 -mb-8">
+        <article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8 " v-for="n in 9">
+          <div class="bg-gray-100 shadow-lg rounded overflow-hidden">
+            <div class="p-6">
+              <h2 class="font-bold text-gray-800">Drupal Bristol</h2>
+
+              <p class="text-gray-600">accounts-partners</p>
+
+              <img src="/download.jpeg" alt="" class="shadow-2xl rounded mt-4">
+            </div>
+
+            <div class="bg-white py-5 px-8 -mt-24 relative">
+              Europe (West 1)
+            </div>
+          </div>
+        </article>
+      </div>
     </div>
 
     <router-view/>