diff --git a/index.html b/index.html
index 9cc5c46..f02f575 100644
--- a/index.html
+++ b/index.html
@@ -207,6 +207,19 @@ title: Safing
                   </a>
                 </li>
               </ul>
+              <div class="py-20 flex w-full">
+                <div class="mx-auto grid md:block">
+                  <button type="button" style="background-color: #000;" class="scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+                    <a class="mx-auto" href="{{ site.blog_url }}">Blogs</a>
+                  </button>
+                  <button type="button" style="background-color: #000;" class="mt-8 mb-8 md:mt-0 md:mb-0 md:ml-4 md:mr-4 scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+                    <a class="mx-auto" href="{{ site.podcast_url }}">Podcats</a>
+                  </button>
+                  <button type="button" style="background-color: #000;" class="scale-110 md:scale-100 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
+                    <a class="mx-auto" href="{{ site.video_url }}">Videos</a>
+                  </button>
+                </div>
+              </div>
             </div>
           </div>
         </div>