Homepage data-dev section (#97)

* linter changes

* added tabs

* svg errors

* added borders

* removed svgs and unnecessary fonts

* user info

* updated emojis and quotes

* border-finished

* margins

* margins

* margins

* images aded to homepage

* a tags implemented

* padding fixed

* padding fixed

* padding fixed

* final touches

* data and developer section completed

* linting error fixed

* linting

* fixed radio

* fixed rem in dev-slack

* linting

---------

Co-authored-by: bp289 <birajpanta112@gmail.com>

Author: MariamM110

assets/images/Doodles/Doodle-1.png

@@ -1,5 +1,5 @@
 .hero {
-  max-width: 100%;
+  width: 100%;
   margin: 0 auto;
   text-align: center;
   background-color: white;
@@ -10,6 +10,7 @@
   color: var(--primary-p500);
 }
 
+/* disabled here due to a linting error, but we need the webkit marker for this to work */
 /* stylelint-disable */
 .hero mark {
   background: var(--gradient-brandreverse);