Add Yellow to Getting started section (#26676)

Co-authored-by: Marc Randolph <mrand@users.noreply.github.com>
Co-authored-by: Franck Nijhof <frenck@frenck.nl>

source/installation/index.html

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

source/installation/yellow.html

@@ -0,0 +1,47 @@
+---
+title: "Home Assistant Yellow"
+description: "Install Home Assistant on a Yellow"
+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/yellow-logo.png" style="margin-bottom: 24px;">
+                    </div>
+                    <div>
+                        <p>Our take on Home Automation.</p>
+                        <p><img src="/images/installation/home-assistant-yellow-exploded-and-labeled.png"
+                                style="margin-bottom: 16px;"> </a>
+                        </p>
+                        <p>Don't have the hardware yet? </br>
+                            Visit the <a href="/yellow">Home Assistant Yellow 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>Already have the hardware?</p>
+                        <p>For installation instructions, check out the <a
+                                href="/yellow">Home Assistant Yellow documentation</a></p>
+                        <p><img src="/images/installation/yellow-docs.png" style="margin-bottom: 16px;"></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</article>
+<div> </div>