diff --git a/src/img/features/editor.png b/src/img/features/editor.png new file mode 100644 index 0000000..46d6637 Binary files /dev/null and b/src/img/features/editor.png differ diff --git a/src/img/features/github_buttons.png b/src/img/features/github_buttons.png new file mode 100644 index 0000000..4e48847 Binary files /dev/null and b/src/img/features/github_buttons.png differ diff --git a/src/index.html b/src/index.html index 619ec3c..64022f7 100644 --- a/src/index.html +++ b/src/index.html @@ -14,6 +14,7 @@ + @@ -65,6 +66,97 @@

Unlimited 30-Days trial period

+
+
+
+

Revolutionary editor

+
+

+ Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate dignissim. Sed + id + metus id quam auctor molestie eget ut augue. +

+
+
+

+ GitHub buttons +

+
+
+
+
+
+
+
+
+
+
+ +
+
+

+ Created to Make The Web Better +

+

+ Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate + dignissim. + Sed id metus id quam auctor molestie eget ut augue. +

+
+
+
+
+ +
+
+

+ Incredibly Powerful Tool +

+

+ Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat + massa + placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat. +

+
+
+
+
+ +
+
+

+ Experimental Stuff +

+

+ Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat + massa + placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat. +

+
+
+
+
+ +
+
+

+ Created to Make The Web Better +

+

+ Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat + massa + placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat. +

+
+
+
+
+

<Here is what you get>

+ Revolutionary editor +
+
+
+
diff --git a/src/scss/_about.scss b/src/scss/_about.scss new file mode 100644 index 0000000..c846e4f --- /dev/null +++ b/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; +} + diff --git a/src/scss/_editor.scss b/src/scss/_editor.scss new file mode 100644 index 0000000..886ec0e --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/src/scss/_global.scss b/src/scss/_global.scss new file mode 100644 index 0000000..b1bb93b --- /dev/null +++ b/src/scss/_global.scss @@ -0,0 +1,3 @@ +body { + overflow-x: hidden; +} \ No newline at end of file diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 39c36d6..d0e33ff 100644 --- a/src/scss/_variables.scss +++ b/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; \ No newline at end of file diff --git a/src/scss/style.scss b/src/scss/style.scss index 344f2bb..024146e 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,5 +1,8 @@ @import "variables"; @import "buttons"; +@import "global"; @import "navbar"; @import "header"; -@import "download"; \ No newline at end of file +@import "download"; +@import "editor"; +@import "about"; \ No newline at end of file