Create very basic layout for home page

views/dashboardPage/dashboard.css

@@ -4,21 +4,42 @@ body{
     font-family: 'Saira', sans-serif;
 }
 
-    .logout{
-        position: absolute;
-        bottom: 25px;
-        color: white;
-        text-decoration: none;
-        font-size: 20px;
-    }
-
 .contentBlock{
-    padding: 10px;
+    padding: 25px;
+    width: 100%;
 }
 
 /* Home Strand */
 #homeStrand{
     display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    width: 100%;
+}
+
+    #homeStrand h1{
+        text-align: left;
+    }
+
+.flexRow{
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.flexColumn{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.card{
+    margin: 15px;
+    border: 1px solid gray;
+    border-radius: 5px;
+    box-shadow: 0 2px gray;
+    padding: 25px;
 }
 
 /* Ingredients Strand */

views/dashboardPage/dashboard.ejs

@@ -14,6 +14,24 @@
         <div class="contentBlock">
             <div id="homeStrand" class="strand">
                 <h1>Dashboard</h1>
+
+                <div class="flexRow">
+                    <div class="flexColumn">
+                        <div class="card">
+                            <h4>Total Revenue (month)</h4>
+                            <p id="revenue"></p>
+                        </div>
+
+                        <div class="card">
+                            <p>Some Text</p>
+                            <p>Some more text</p>
+                        </div>
+                    </div>
+
+                    <div>right-hand</div>
+                </div>
+
+                <div>Row 2</div>
             </div>
 
             <div id="ingredientsStrand" class="strand">

views/shared/menu.css

@@ -94,6 +94,11 @@
 .logout{
     display: flex;
     justify-content: center;
+    position: absolute;
+    bottom: 25px;
+    color: white;
+    text-decoration: none;
+    font-size: 20px;
 }
 
 .logout img{