Add green to installation options (#28933)

source/installation/green.html

@@ -0,0 +1,46 @@
+---
+title: "Home Assistant Green"
+description: "Get started with Home Assistant green"
+installation_type: yellow
+---
+{% comment %}
+Included sections for this page is located under source/_includes/installation
+{% endcomment %}
+
+{% assign board = "Yellow" %}
+<article class="page">
+    <div class="installations">
+        <div>
+            <div class="material-card text">
+                <div class="content-container">
+                    <div>
+                        <img src="/images/installation/green-logo.png" style="margin-bottom: 24px;">
+                    </div>
+                    <div>
+                        <p>Plug and play smart home hub.</p>
+                        <p><img src="/images/installation/green.jpg"
+                                style="margin-bottom: 16px;"> </a>
+                        </p>
+                        <p>Don't have the hardware yet? </br>
+                            Visit the <a href="/green">Home Assistant Green product page</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div style="margin-top: 72px;">
+            <div>
+                <h1>Installation instructions</h1>
+            </div>
+            <div class="material-card text" style="margin-bottom: 72px;">
+                <div class="content-container">
+                    <div>
+                        <p>For installation instructions, check out the <a
+                                href="https://green.home-assistant.io/">Home Assistant Green documentation</a></p>
+                        <p><img src="/images/installation/green_docs.png" style="margin-bottom: 16px;"></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<div> </div>

source/installation/index.html

@@ -38,6 +38,23 @@ toc: true
 </div>
 
 <div class="installations">
+    <h2>Home Assistant Green</h2>
+    <a href="/installation/green" class="installations-card">
+        <div class="material-card text">
+            <div class="content-container">
+                <div>
+                    <img src="/images/installation/green-logo-square.png">
+                </div>
+                <div>
+                    <b>Home Assistant Green</b>
+                    <ul>
+                        <li>Home Assistant Operating System</li>
+                    </ul>
+                </div>
+            </div>
+            {% include assets/chevron_right.html %}
+        </div>
+    </a>
     <h2>Home Assistant Yellow</h2>
     <a href="/installation/yellow" class="installations-card">
         <div class="material-card text">