diff --git a/_static/images/bash-and-boris-gosc-proposal.webp b/_static/images/bash-and-boris-gosc-proposal.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b35b00b28f63c3c9d977abd82553158d2947b7da
Binary files /dev/null and b/_static/images/bash-and-boris-gosc-proposal.webp differ
diff --git a/_templates/mission.html b/_templates/mission.html
new file mode 100644
index 0000000000000000000000000000000000000000..7aa2940f65592a95cf3dce07569e140250be0d6c
--- /dev/null
+++ b/_templates/mission.html
@@ -0,0 +1,21 @@
+<div class="card bg-light mt-4 text-center">
+    <div class="card-header bg-primary text-light">
+        What is the mission?
+    </div>
+    <div class="card-body">
+    <p class="card-text text-dark">
+        We don’t want to just make more things. We want to enable individuals to make the things that dominate their lives, rather than leaving it up to someone else. Google Summer of a Code with BeagleBoard.org is a great way to learn skills highly in demand while making a difference in the world.
+    </p>
+    </div>
+</div>
+
+<div class="card bg-light mt-4 text-center">
+    <div class="card-header bg-success text-light">
+        How to build an embedded system?
+    </div>
+    <div class="card-body">
+    <p class="card-text text-dark">
+        An embedded system is built using a computer dedicated to a specific purpose, like a toaster, coffee machine, dish washer, thermostat or anti-lock brakes. You can think of an embedded system as a computer designed to not look like a computer and to automate things in the physical world. The <a href="https://www.beagleboard.org/">BeagleBoard.org</a> community is loaded with experts on building open source embedded systems, join our <a href="https://bbb.io/gsocml">forum</a> to connect. 
+    </p>
+    </div>
+</div>
\ No newline at end of file
diff --git a/conf.py b/conf.py
index ec38d9ea9fbab6543f9cf76118700cc3c85e0514..7a2d9856a3271a1183db24a322dd93fd9406ca4a 100644
--- a/conf.py
+++ b/conf.py
@@ -57,7 +57,9 @@ html_css_files = [
 # Pages entry without primary (left) sidebar
 
 html_sidebars = {
-  "ideas/index": [],
+    "**": ["sidebar-nav-bs", "mission"],
+    "ideas/index": [],
+    "index": []
 }
 
 html_theme_options = {
@@ -118,7 +120,7 @@ html_theme_options = {
     # "content_footer_items": ["last-updated"],
     "secondary_sidebar_items": {
         "**": ["page-toc", "edit-this-page", "sourcelink","pdf","forum"]
-    }
+    },
 }
 
 proposals = []
diff --git a/guides/contributor.rst b/guides/contributor.rst
index b6699e75e67876c73248dc935ea4aae3767feb7e..e6df80bb493093a857f0b95167b36fead1ca8ca0 100644
--- a/guides/contributor.rst
+++ b/guides/contributor.rst
@@ -7,15 +7,23 @@ Contributor Guide
     :width: 100%
     :align: center
 
-.. admonition:: What is the mission?
+.. important::
 
-    We don't want to just make more things. We want to enable individuals to make the things that dominate their lives,
-    rather than leaving it up to someone else. Google Summer of a Code with BeagleBoard.org is a great way to learn
-    skills highly in demand while making a difference in the world.
+   Contributors will be expected to execute a series of prerequisites to demonstrate and
+   expand familiarity with embedded systems development. Don't worry, the
+   `live chat <https://bbb.io/gsocchat>`_ channel has over 1,000 active members to
+   travel with you on your journey.
 
 General requirements
 ********************
 
+.. note::
+
+   Google Summer of Code is open to individuals age 18 and older in most countries who are new or beginner
+   contributors to open source coding projects. Read more on the GSoC site
+   `Rules page <https://summerofcode.withgoogle.com/rules>`_ and the
+   `FAQ page <https://developers.google.com/open-source/gsoc/faq>`_.
+
 All projects have the following basic requirements:
 
 1. Contributors must create accounts on our `OpenBeagle <https://openbeagle.org/>`_, `Discord <https://bbb.io/gsocchat>`_ and `Beagle Forum <http://bbb.io/gsocml>`_ prior to creating their application.
diff --git a/guides/index.rst b/guides/index.rst
index 9892c280411a40cde96ee12813f4a49fa196fe43..7d94ed7fb6810f1090175d5a913fb4eed6ef2a27 100644
--- a/guides/index.rst
+++ b/guides/index.rst
@@ -3,16 +3,26 @@
 Guides
 ######
 
+.. youtube:: 7jD2tChhrWM
+   :width: 100%
+   :align: center
+
+.. admonition:: What is Google Summer of Code?
+   :class: admonition-code
+
+   Spend your summer break writing code and learning about open source development while earning money!
+   Accepted contributors work with a mentor and become a part of the open source community. Many become lifetime
+   open source developers! The 2024 contributor application window will be open from
+   `March 18th 2024 <https://developers.google.com/open-source/gsoc/timeline#march_18_-_1800_utc>`_ to
+   `April 2nd 2024 <https://developers.google.com/open-source/gsoc/timeline#april_2_-_1800_utc>`_!
+   But don't wait for then to engage! Come to our `Discord <https://bbb.io/gsocchat>`_ and
+   `Forum <https://bbb.io/gsocml>`_ to share ideas today.
+
 This section includes guides for :ref:`contributors <gsoc-contributor-guide>` & :ref:`mentors <gsoc-mentor-guide>` who want to participate 
 in GSoC 2024 with `BeagleBoard.org <www.beagleboard.org>`_. It's highly recommended to check `GSoC Frequently Asked Questions 
 <https://developers.google.com/open-source/gsoc/faq>`_. For anyone who just want to contribute to this site we also have 
 a step by step :ref:`contribution guide <gsoc-site-editing-guide>`.
 
-.. admonition:: Did you know?
-
-   BeagleBoard.org has been accepted to be a mentoring organization in the 
-   Google Summer of Code (GSoC) for twelve previous years!
-
 .. card::
     :link: gsoc-contributor-guide
     :link-type: ref
diff --git a/ideas/index.rst b/ideas/index.rst
index ddd74a2faff464dbb61f33f662123449e71cf913..f3ee03d09685e22a0dac90bae0a3e18bf7fc7262 100644
--- a/ideas/index.rst
+++ b/ideas/index.rst
@@ -1,16 +1,11 @@
 :html_theme.sidebar_primary.remove: true
+:sd_hide_title: true
 
 .. _gsoc-project-ideas:
 
 Ideas
 ######
 
-Welcome to the project ideas page for `GSoC 2024 <https://developers.google.com/open-source/gsoc/timeline>`_. The
-BeagleBoard.org community is loaded with experts on building open source embedded systems. An embedded
-system is built using a computer dedicated to a specific purpose, like a toaster, coffee machine, dish washer, thermostat
-or anti-lock brakes. You can think of an embedded system as a computer designed to not look like a computer
-and to automate things in the physical world.
-
 .. image:: ../_static/images/ideas-below.webp
    :align: center
 
diff --git a/index.rst b/index.rst
index f832256f1ba30e275bfa3a7386673a83aeaa7ccc..6c0e8a046fc8eff6b4644d72d92b98f18a908c80 100644
--- a/index.rst
+++ b/index.rst
@@ -4,42 +4,21 @@
    contain the root `toctree` directive.
 
 :html_theme.sidebar_secondary.remove: true
+:sd_hide_title: true
 
 GSoC @ BeagleBoard.org
 #######################
 
 .. image:: _static/images/project-with-beagleboard.webp
 
-.. admonition:: What is Google Summer of Code?
-   :class: admonition-code
-
-   Spend your summer break writing code and learning about open source development while earning money!
-   Accepted contributors work with a mentor and become a part of the open source community. Many become lifetime
-   open source developers! The 2024 contributor application window will be open from
-   `March 18th 2024 <https://developers.google.com/open-source/gsoc/timeline#march_18_-_1800_utc>`_ to
-   `April 2nd 2024 <https://developers.google.com/open-source/gsoc/timeline#april_2_-_1800_utc>`_!
-   But don't wait for then to engage! Come to our `Discord <https://bbb.io/gsocchat>`_ and
-   `Forum <https://bbb.io/gsocml>`_ to share ideas today.
-
-.. youtube:: 7jD2tChhrWM
-   :width: 100%
-   :align: center
-
-.. note::
-
-   Google Summer of Code is open to individuals age 18 and older in most countries who are new or beginner
-   contributors to open source coding projects. Read more on the GSoC site
-   `Rules page <https://summerofcode.withgoogle.com/rules>`_ and the
-   `FAQ page <https://developers.google.com/open-source/gsoc/faq>`_.
-
 .. grid:: 1 1 1 3
    :margin: 4 4 0 0
-   :gutter: 4
+   :gutter: 2
 
    .. grid-item-card::
       :link: https://openbeagle.org/
 
-      :fab:`gitlab;pst-color-primary` Open Source Development
+      :fab:`gitlab;fa-fade pst-color-dark` Open Source Development
       ^^^^^^^^^^
 
       Experience working on impactful open source project which
@@ -48,7 +27,7 @@ GSoC @ BeagleBoard.org
    .. grid-item-card::
       :link: https://www.beagleboard.org/boards
 
-      :fas:`microchip;pst-color-primary` Free Hardware
+      :fas:`microchip;fa-fade pst-color-dark` Free Hardware
       ^^^^^^^^^^
 
       Recieve BeagleBoard.org open source single board computer,
@@ -57,12 +36,44 @@ GSoC @ BeagleBoard.org
    .. grid-item-card::
       :link: https://developers.google.com/open-source/gsoc/help/student-stipends
 
-      :fas:`sack-dollar;pst-color-primary` Handsome Stipend
+      :fas:`sack-dollar;fa-fade pst-color-dark` Handsome Stipend
       ^^^^^^^^^^
 
       Earn while making impactful contributions to the open source
       community, Stipend can be upto $6600 based on your country.
 
+.. image:: _static/images/bash-and-boris-gosc-proposal.webp
+
+.. grid:: 1 1 1 3
+   :margin: 4 4 0 0
+   :gutter: 1
+
+   .. grid-item:: 
+
+      .. button-ref:: gsoc-contributor-guide
+         :color: info
+         :outline:
+         :expand:
+
+   .. grid-item::
+      .. button-ref:: gsoc-project-ideas
+         :color: info
+         :outline:
+         :expand:
+
+   .. grid-item::
+
+      .. button-ref:: gsoc-proposal-guide
+         :color: info
+         :outline:
+         :expand:
+
+.. admonition:: Did you know?
+
+   BeagleBoard.org has been accepted to be a mentoring organization in the 
+   Google Summer of Code (GSoC) for twelve previous years!
+
+
 .. admonition:: BeagleBoard.org background
    :class: admonition-clock-back
 
@@ -84,32 +95,24 @@ GSoC @ BeagleBoard.org
 
    Get inspiration from some :ref:`Past_Projects`.
 
-.. grid:: 1 1 1 3
-   :margin: 4 4 0 0
-   :gutter: 4
-
-   .. grid-item-card::
+   .. grid:: 1 1 1 3
+      :margin: 4 4 0 0
+      :gutter: 4
 
-      .. youtube:: -giV6Xr8RtY
-         :width: 100%
+      .. grid-item::
 
-   .. grid-item-card::
+         .. youtube:: -giV6Xr8RtY
+            :width: 100%
 
-      .. youtube:: RWBzyHNetOE
-         :width: 100%
+      .. grid-item::
 
-   .. grid-item-card::
+         .. youtube:: RWBzyHNetOE
+            :width: 100%
 
-      .. youtube:: CDbEAq33vdA
-         :width: 100%
-
-.. important::
-
-   Contributors will be expected to execute a series of prerequisites to demonstrate and
-   expand familiarity with embedded systems development. Don't worry, the
-   `live chat <https://bbb.io/gsocchat>`_ channel has over 1,000 active members to
-   travel with you on your journey.
+      .. grid-item::
 
+         .. youtube:: CDbEAq33vdA
+            :width: 100%
 
 .. admonition:: Some other amazing places to find Beagles
    :class: hint
@@ -118,25 +121,25 @@ GSoC @ BeagleBoard.org
    made cheeseburgers. Check the below projects made by incredible
    professional innovators for some inspiration.
 
-.. grid:: 1 1 2 2
-   :margin: 4 4 0 0
-   :gutter: 4
-   
-   .. grid-item-card::
+   .. grid:: 1 1 2 2
+      :margin: 4 4 0 0
+      :gutter: 4
+      
+      .. grid-item-card::
 
-      :fas:`rocket;pst-color-primary` Europa Rover Prototype
-      ^^^^^^^^^^
+         :fas:`rocket;pst-color-primary` Europa Rover Prototype
+         ^^^^^^^^^^
 
-      .. youtube:: sY5WQG3-3mo
-         :width: 100%
+         .. youtube:: sY5WQG3-3mo
+            :width: 100%
 
-   .. grid-item-card::
+      .. grid-item-card::
 
-      :fas:`burger;pst-color-primary` Cheeseburger Robot
-      ^^^^^^^^^^
+         :fas:`burger;pst-color-primary` Cheeseburger Robot
+         ^^^^^^^^^^
 
-      .. youtube:: CbL_3le40qc
-         :width: 100%
+         .. youtube:: CbL_3le40qc
+            :width: 100%
 
 .. image:: _static/images/explore-ideas.webp
    :align: center