wrap the installation section into a blue card

site/assets/scss/_variables_project.scss

@@ -229,10 +229,6 @@ div.code-toolbar > .toolbar {
     top: -.3em !important;
 }
 
-.option-row {
-    margin-bottom: 0.5rem;
-}
-
 .option-button {
     border-radius: 0.2rem !important;
     margin-right: 0.2rem;
@@ -241,3 +237,7 @@ div.code-toolbar > .toolbar {
 .hide {
     display: none !important;
 }
+
+.card-body-blue {
+    background: #f3f9fa;
+}

site/content/en/docs/start/_index.md

@@ -20,6 +20,8 @@ All you need is Docker (or similarly compatible) container or a Virtual Machine
 
 <h2 class="step"><span class="fa-stack fa-1x"><i class="fa fa-circle fa-stack-2x"></i><strong class="fa-stack-1x text-primary">1</strong></span>Installation</h2>
 
+{{% card %}}
+
 Click on the buttons that describe your target platform:
 
 {{% quiz_row base="" name="Operating system" %}}
@@ -212,6 +214,8 @@ Download and run the stand-alone [minikube Windows installer](https://storage.go
 _If you used a CLI to perform the installation, you will need to close that CLI and open a new one before proceeding._
 {{% /quiz_instruction %}}
 
+{{% /card %}}
+
 
 <h2 class="step"><span class="fa-stack fa-1x"><i class="fa fa-circle fa-stack-2x"></i><strong class="fa-stack-1x text-primary">2</strong></span>Start your cluster</h2>
 

site/layouts/shortcodes/card.html

@@ -0,0 +1 @@
+<div class="card"><div class="card-body card-body-blue">{{ .Inner }}</div></div>

site/layouts/shortcodes/quiz_row.html

@@ -8,7 +8,7 @@
 
 <div data-quiz-id="{{ .Get "base" }}" data-level="{{ $level }}" class="row option-row {{ $hide }}">
     <div class="col-lg-2 my-auto">
-        <span>{{ with .Get "name"}}{{.}}{{end}}</span>
+        <p>{{ with .Get "name"}}{{.}}{{end}}</p>
     </div>
     <div class="col-lg-10">{{ .Inner }}</div>
 </div>