diff --git a/img/options/dojo-makecode-arcade.png b/img/options/dojo-makecode-arcade.png
new file mode 100644
index 0000000..c2ba31a
Binary files /dev/null and b/img/options/dojo-makecode-arcade.png differ
diff --git a/img/options/dojo-makecode-microbit.png b/img/options/dojo-makecode-microbit.png
new file mode 100644
index 0000000..b867746
Binary files /dev/null and b/img/options/dojo-makecode-microbit.png differ
diff --git a/index.html b/index.html
index a7bc26a..66f0a20 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Code Ninjas | Langley Dojo</title>
+  
     <meta name="description" content="Code Ninjas Langley | Landing Page">
     <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
     <link rel="stylesheet" href="https://unpkg.com/tailwindcss@1.2.0/dist/tailwind.min.css">
@@ -11,7 +12,7 @@
     <link rel="icon" type="image/png" href="https://impact.codeninjas.com/favicon.ico">
     <link rel="shortcut icon" href="https://impact.codeninjas.com/favicon.ico" type="image/x-icon">
 </head>
-<body class="" style="background-color: #1d0c37;">
+<body class="" style="background-color: #0c0517;">
     <!-- bg-black -->
     <div class="title mt-5 text-center justify-center items-center" style="text-align:-webkit-center;">
         <img src="/img/logo-cn-langley.png" class="justify-center" width="80" alt="">
@@ -92,15 +93,21 @@
                 <div class="w-3/5 px-2">
                   <img class="options"
                   data-href="https://arcade.makecode.com/"
-                    src="/img/options/dojo-makecode.png"
+                    src="/img/options/dojo-makecode-arcade.png"
                     loading="lazy">
                 </div>
                 <div class="w-3/5 px-2">
+                  <img class="options"
+                  data-href="https://makecode.microbit.org/"
+                    src="/img/options/dojo-makecode-microbit.png"
+                    loading="lazy">
+                </div>
+                <!-- <div class="w-3/5 px-2">
                   <img class="options"
                   data-href="https://forms.codeninjas.com/gamejamuk"
                     src="/img/options/dojo-gamejam.png"
                     loading="lazy">
-                </div>
+                </div> -->
               </div>
             </div>
           </div>
