Landing Page (#413)

* crazy egg script

* Client gs guides (#398)

* JS for intra-article tabbing

* Combine Android/iOS guide to tabbable "Getting Started with Mobile" + image.

* Link changes -> redirect.

* b.e. & mobile edits

* GS w/ Desktop App + Images

* tagging

* video cleanup

* header improvements

* GS w/ Web Vault + reorder

* orgs name change

* web vault article frame

* web vault article

* Landing (#399)

* poc

* "Home" sidebar option

* Events into Resources card

* events <-> suggest an edit

* tweaks

* card fix

* fix video icons

* video size

* margin/border on secondary cards

* added table items

* links & drop a stray item

* more responsive secondary cards

* fixed linking

* link fixes

* crazy egg script merge

* mobile view for alignment of columns in help

* mobile image width issue fix

* responsiveness fixes

* final edits

* link check

Co-authored-by: David Choi <davidgumzchoi@gmail.com>

_scss/_main.scss

@@ -5,10 +5,71 @@
             color: #fff;
         }
     }
-
+    .card-header {
+      @include media-breakpoint-down(sm) {
+        font-size: 1rem;
+    }
+  }
+}
     .card-body {
         ul {
             margin-bottom: 0;
         }
+
+        p {
+          @include media-breakpoint-down(sm) {
+            font-size: 0.75rem;
+        }
     }
-}
+}
+
+.landing-table {
+  border: none;
+  table-layout: fixed;
+}
+
+.landing-table-row {
+  border: none;
+}
+
+.icon-wrapper {
+	display: block;
+
+	@include media-breakpoint-up(md) {
+		display: flex;
+	}
+
+	.icon-link {
+		border: none;
+		background-color: #fff;
+		padding-bottom: 0.5rem;
+		display: flex;
+		align-items: center;
+
+		@include media-breakpoint-down(sm) {
+			p {
+				margin-bottom: 0;
+				margin-left: 1rem;
+			}
+		}
+
+		@include media-breakpoint-up(md) {
+			display: block;
+		}
+
+		img {
+			display: inline-block;
+			width: 100%;
+			max-width: 200px;
+
+			&:hover {
+				background-color: #F2F2F2;
+				border-radius: 1rem;
+			}
+
+			@include media-breakpoint-down(sm) {
+				width: 50%;
+			}
+		}
+	}
+}

_scss/_sidebar.scss

@@ -85,6 +85,22 @@
     }
 }
 
+.search-header {
+    background-color: $light;
+    padding: 0.5rem;
+
+    .btn {
+      border: solid;
+      border-color: #ccd2d7;
+      border-width: thin;
+      background-color: #fff;
+
+      &:hover {
+        background-color: #F2F2F2;
+      }
+    }
+  }
+
 .bd-sidebar .nav {
     > li > a {
         border-left: 2px solid transparent;