From f29c45d28bb8a1325d11742bbfa417d4e0179733 Mon Sep 17 00:00:00 2001
From: "Bartlomiej Pluta (PGS Software)" <bpluta@pgs-soft.com>
Date: Tue, 10 Apr 2018 11:21:13 +0200
Subject: [PATCH 1/3] Fix Download button

---
 src/index.html          | 2 +-
 src/scss/_download.scss | 5 +++--
 src/scss/_social.scss   | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/index.html b/src/index.html
index 3dccf89..ba3287b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -28,7 +28,7 @@
 </head>
 <body>
 <div class="wrapper" id="wrapper">
-    <nav class="navbar navbar-expand-lg sticky-top">
+    <nav class="navbar navbar-expand-lg fixed-top">
         <div class="container">
             <div class="brand navbar-header">
                 <img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
diff --git a/src/scss/_download.scss b/src/scss/_download.scss
index 36eab62..759d2d8 100644
--- a/src/scss/_download.scss
+++ b/src/scss/_download.scss
@@ -1,10 +1,11 @@
 .download {
   text-align: center;
+  width: 100%;
 }
 
 .download__rounded-button--translated {
-  position: absolute;
-  transform: translate(-50%, -50%);
+  position: relative;
+  bottom: 15px;
 }
 
 .download__description {
diff --git a/src/scss/_social.scss b/src/scss/_social.scss
index 9487030..b27c1d9 100644
--- a/src/scss/_social.scss
+++ b/src/scss/_social.scss
@@ -3,7 +3,7 @@
   padding-top: 50px;
   padding-bottom: 80px;
   display: flex;
-  justify-content: space-evenly;
+  justify-content: space-between;
 }
 
 .social__stats {

From 2a10237171cad4434dbad0ea2564ea1b7f65fa33 Mon Sep 17 00:00:00 2001
From: "Bartlomiej Pluta (PGS Software)" <bpluta@pgs-soft.com>
Date: Tue, 10 Apr 2018 12:12:07 +0200
Subject: [PATCH 2/3] Fix header

---
 src/index.html          | 2 +-
 src/scss/_download.scss | 2 +-
 src/scss/_header.scss   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index ba3287b..d593943 100644
--- a/src/index.html
+++ b/src/index.html
@@ -537,7 +537,7 @@
                 <div class="footer__info col-3">
                     <p class="footer__info__title">Info</p>
                     <p class="footer__info__description">
-                        Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
+                        Wisia enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
                         aliquip ex commodo consequat. Autem vel hendrerit iriure dolor in hendrerit.
                     </p>
                 </div>
diff --git a/src/scss/_download.scss b/src/scss/_download.scss
index 759d2d8..dcf0fc6 100644
--- a/src/scss/_download.scss
+++ b/src/scss/_download.scss
@@ -9,7 +9,7 @@
 }
 
 .download__description {
-  padding-top: 45px;
+  padding-top: 15px;
   font-family: Montserrat, sans-serif;
   font-size: 14px;
   font-weight: 500;
diff --git a/src/scss/_header.scss b/src/scss/_header.scss
index 4374f25..37a2448 100644
--- a/src/scss/_header.scss
+++ b/src/scss/_header.scss
@@ -1,6 +1,6 @@
 .header {
   background: black url(../img/header/img.png) no-repeat 50% 30% / cover;
-  height: 900px;
+  height: 100vh;
   padding-top: 110px;
 }
 

From ac9d30253c57ca7ef2a419440bfe3278936035e1 Mon Sep 17 00:00:00 2001
From: "Bartlomiej Pluta (PGS Software)" <bpluta@pgs-soft.com>
Date: Tue, 10 Apr 2018 12:33:24 +0200
Subject: [PATCH 3/3] Fix errors raported by W3C validator

---
 src/index.html | 57 ++++++++++++++++++++++++--------------------------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/src/index.html b/src/index.html
index d593943..88c38b8 100644
--- a/src/index.html
+++ b/src/index.html
@@ -28,7 +28,7 @@
 </head>
 <body>
 <div class="wrapper" id="wrapper">
-    <nav class="navbar navbar-expand-lg fixed-top">
+    <div class="navbar navbar-expand-lg fixed-top">
         <div class="container">
             <div class="brand navbar-header">
                 <img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
@@ -49,13 +49,11 @@
                     <a class="navbar__link nav-link" href="#">Support</a>
                 </li>
                 <li class="nav-item">
-                    <a href="#">
-                        <button class="rounded-button rounded-button--strong">Buy now</button>
-                    </a>
+                    <button class="rounded-button rounded-button--strong">Buy now</button>
                 </li>
             </ul>
         </div>
-    </nav>
+    </div>
 
     <header class="header">
         <div>
@@ -64,13 +62,13 @@
             <p class="header__description">V. 2.8 for Mac and Windows</p>
         </div>
     </header>
-    <section class="download">
+    <div class="download">
         <a href="#" class="rounded-button rounded-button--very-strong download__rounded-button--translated">
             Download for free now
         </a>
         <p class="download__description">Unlimited 30-Days trial period</p>
-    </section>
-    <section class="editor">
+    </div>
+    <div class="editor">
         <div class="container">
             <div class="editor__description">
                 <p class="editor__title">Revolutionary editor</p>
@@ -103,19 +101,18 @@
                                    aria-label="Fork bartlomiej-pluta/forkio on GitHub">Fork</a>
                             </p>
                         </div>
-                        </p>
                     </div>
                 </div>
             </div>
         </div>
-    </section>
-    <section class="about">
+    </div>
+    <div class="about">
         <div class="container">
             <div class="row">
                 <div class="about__features col-6">
                     <div class="row feature">
                         <div class="col-3 feature__icon">
-                            <img src="img/features/1.png"/>
+                            <img src="img/features/1.png" alt=""/>
                         </div>
                         <div class="col-9">
                             <p class="feature__title">
@@ -130,7 +127,7 @@
                     </div>
                     <div class="row feature">
                         <div class="col-3 feature__icon">
-                            <img src="img/features/2.png"/>
+                            <img src="img/features/2.png" alt=""/>
                         </div>
                         <div class="col-9">
                             <p class="feature__title">
@@ -145,7 +142,7 @@
                     </div>
                     <div class="row feature">
                         <div class="col-3 feature__icon">
-                            <img src="img/features/3.png"/>
+                            <img src="img/features/3.png" alt=""/>
                         </div>
                         <div class="col-9">
                             <p class="feature__title">
@@ -160,7 +157,7 @@
                     </div>
                     <div class="row feature">
                         <div class="col-3 feature__icon">
-                            <img src="img/features/4.png"/>
+                            <img src="img/features/4.png" alt=""/>
                         </div>
                         <div class="col-9">
                             <p class="feature__title">
@@ -180,8 +177,8 @@
                 </div>
             </div>
         </div>
-    </section>
-    <section class="reviews container">
+    </div>
+    <div class="reviews container">
         <div class="row justify-content-center">
             <div class="reviews__content col-10">
                 <div class="review">
@@ -237,8 +234,8 @@
                 </div>
             </div>
         </div>
-    </section>
-    <section class="social container">
+    </div>
+    <div class="social container">
         <div class="row justify-content-center">
             <div class="social__content col-10">
                 <div>
@@ -264,8 +261,8 @@
                 </div>
             </div>
         </div>
-    </section>
-    <section class="testimonials">
+    </div>
+    <div class="testimonials">
         <p class="testimonials__h1">People are talking about fork</p>
         <div class="testimonials__content container">
             <div class="testimonials__row row">
@@ -323,8 +320,8 @@
                 <div class="testimonials__delimiter col-8"></div>
             </div>
         </div>
-    </section>
-    <section class="pricing">
+    </div>
+    <div class="pricing">
         <p class="pricing__title">Fork Subscription Pricing</p>
         <div class="container">
             <div class="row">
@@ -390,8 +387,8 @@
                 </div>
             </div>
         </div>
-    </section>
-    <section class="newsletter">
+    </div>
+    <div class="newsletter">
         <div class="container">
             <div class="row justify-content-between">
                 <div class="col-6 newsletter__title">
@@ -405,8 +402,8 @@
                 </div>
             </div>
         </div>
-    </section>
-    <section class="news">
+    </div>
+    <div class="news">
         <div class="container">
             <div class="row">
                 <div class="col-4">
@@ -504,8 +501,8 @@
                 </div>
             </div>
         </div>
-    </section>
-    <footer class="footer">
+    </div>
+    <div class="footer">
         <div class="container">
             <div class="row">
                 <div class="footer__about col-4">
@@ -543,7 +540,7 @@
                 </div>
             </div>
         </div>
-    </footer>
+    </div>
 </div>
 
 <!-- JavaScript -->
