Create Revolutionary Editor and Here is what you get sections

src/scss/_about.scss

@@ -0,0 +1,39 @@
+.about {
+  background-color: $background-light;
+  padding: 75px 0 0 30px;
+  height: 710px;
+}
+
+.about__feature {
+  margin: 20px 0 0 10px;
+}
+
+.about__feature-icon {
+  text-align: center;
+}
+
+.about__feature-title {
+  margin-bottom: 10px;
+  font-family: Montserrat, sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  color: $dark-text;
+}
+
+.about__feature-description {
+  font-family: Montserrat, sans-serif;
+  font-size: 14px;
+  color: $regular-text;
+}
+
+.about__h1 {
+  font-family: Montserrat, sans-serif;
+  font-weight: bold;
+  font-size: 48px;
+  color: $primary;
+}
+
+.about__h1--no-wrap {
+  white-space: nowrap;
+}
+

src/scss/_editor.scss

@@ -0,0 +1,24 @@
+.editor__description {
+  text-align: center;
+}
+
+.editor__h1 {
+  margin-top: 60px;
+  font-family: Montserrat, sans-serif;
+  font-size: 54px;
+  font-weight: bold;
+  text-transform: uppercase;
+  color: $primary-dark;
+}
+
+.editor__h2 {
+  margin: 0 auto;
+  font-family: Source Sans Pro, sans-serif;
+  font-size: 21px;
+  font-weight: 400;
+  color: $dark-text;
+}
+
+.editor__github {
+  margin: 40px;
+}

src/scss/_global.scss

@@ -0,0 +1,3 @@
+body {
+  overflow-x: hidden;
+}

src/scss/_variables.scss

@@ -2,6 +2,9 @@ $primary: #8d81ac;
 $primary-dark: #635c73;
 $primary-light: #a599c8;
 $regular-text: #848e97;
+$dark-text: #323232;
+
+$background-light: #f4f4f4;
 
 $hover-threshold: 20%;
 $hover-duration: 0.3s;

src/scss/style.scss

@@ -1,5 +1,8 @@
 @import "variables";
 @import "buttons";
+@import "global";
 @import "navbar";
 @import "header";
-@import "download";
+@import "download";
+@import "editor";
+@import "about";