finished styling the front page

dist/index.html

@@ -17,8 +17,8 @@
         <nav class="navbar">
             <ul class="menu">
                 <li>
-                    <a class="navbar-brand site-logo" href="#">
-                        <span class="d-inline-block align-top">Logo</span>
+                    <a class="navbar-brand site-logo" href="/index.html">
+                        <img src="/logo.6023b87e.png" alt="Site logo">
                     </a>
                 </li>
                 <li class="dropdown dropdown--services">
@@ -67,7 +67,7 @@
                 </ul>
                 <div class="form-group">
                     <select title="Language selector" class="selectpicker language-dropdown">
-                        <option> ENG</option>
+                        <option>ENG</option>
                         <option>RUS</option>
                         <option>GER</option>
                     </select>
@@ -131,7 +131,7 @@
             <div class="row">
                 <div class="col-md-4">
                     <div class="text-content">
-                        <i class="far fa-calendar icon"></i>
+                        <img class="icon" src="/bookService.c04aca79.png" alt="Book service Icon ">
                         <h4 class="title">Book a service</h4>
                         <div class="subtitle">
                             Choose your service, and leave us
@@ -141,7 +141,7 @@ <h4 class="title">Book a service</h4>
                 </div>
                 <div class="col-md-4">
                     <div class="text-content">
-                        <i class="fas fa-lock"></i>
+                        <img class="icon" src="/confirmService.9b425cf2.png" alt="Confirm Service Icon">
                         <h4 class="title">Confirm service</h4>
                         <div class="subtitle">
                             We’ll confirm your booking along
@@ -151,7 +151,7 @@ <h4 class="title">Confirm service</h4>
                 </div>
                 <div class="col-md-4">
                     <div class="text-content">
-                        <i class="fas fa-home"></i>
+                        <img class="icon" src="/wellDoIt.fca6545b.png" alt="We'll Service Icon">
                         <h4 class="title">We’ll do it</h4>
                         <div class="subtitle">
                             Our professionals will come at your
@@ -164,6 +164,7 @@ <h4 class="title">We’ll do it</h4>
     </section>
     <section class="section-app">
         <div class="container">
+            <div class="smartphone"></div>
             <div class="text-content">
                 <h2 class="heading-primary text-color-black font-weight-semibold">
                     Ready to <span class="text-color-primary">Became Pro</span> ?
@@ -174,14 +175,14 @@ <h2 class="heading-primary text-color-black font-weight-semibold">
                 <h2 class="heading-secondary">First, Download our app</h2>
                 <p>Manage your tasks, requests, profile and services
                     through our app.</p>
-            </div>
-            <div class="badge-wrapper">
-                <a class="badge" href="https://play.google.com/store/apps/details?id=2doo4you">
-                    <img alt="Get it on Google Play" src="/google-256x256.b954883d.png">
-                </a>
-                <a class="badge" href="#">
-                    <img src="/apple-256x256.dc93218f.png" alt="Available on AppStore">
-                </a>
+                <div class="badge-wrapper">
+                    <a class="badge" href="https://play.google.com/store/apps/details?id=2doo4you">
+                        <img alt="Get it on Google Play" src="/google-256x256.b954883d.png">
+                    </a>
+                    <a class="badge" href="#">
+                        <img src="/apple-256x256.dc93218f.png" alt="Available on AppStore">
+                    </a>
+                </div>
             </div>
         </div>
     </section>

dist/index.js

@@ -198,7 +198,7 @@ var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = "" || location.hostname;
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "24672" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "28647" + '/');
 
   ws.onmessage = function (event) {
     var data = JSON.parse(event.data);

dist/src.e31bb0bc.css

@@ -4874,6 +4874,8 @@ body {
     width: 50%; }
     .site-footer .upper-footer .footer-nav li {
       margin-bottom: 2rem; }
+    .site-footer .upper-footer .footer-nav .nav-link {
+      white-space: nowrap; }
 
 .site-footer .lower-footer {
   font-family: Exo, sans-serif;
@@ -4969,21 +4971,35 @@ body {
     text-align: center; }
     .section-how-it-works .text-content .title {
       font-weight: 700;
-      font-size: 2.5rem; }
+      font-size: 2.5rem;
+      margin-top: 3.5rem; }
     .section-how-it-works .text-content .subtitle {
       font-size: 1.8rem;
       color: #707070; }
-    .section-how-it-works .text-content svg {
-      width: 7.5rem;
-      height: 7.5rem;
-      color: #2CACF3; }
+    .section-how-it-works .text-content .icon {
+      vertical-align: top;
+      height: 85px; }
 
 .section-app {
-  padding: 11rem; }
-  .section-app .text-content p {
-    max-width: 50rem;
-    font-size: 2.2rem;
-    margin-bottom: 4rem; }
+  padding: 14rem 11rem;
+  position: relative; }
+  .section-app .smartphone {
+    background-image: url("iphone.d0be2d39.png");
+    background-position: center;
+    background-size: contain;
+    left: 7rem;
+    top: 6.5rem;
+    background-repeat: no-repeat;
+    position: absolute;
+    width: 30rem;
+    height: 54rem; }
+  .section-app .text-content {
+    max-width: 50%;
+    margin: 0 auto; }
+    .section-app .text-content p {
+      max-width: 50rem;
+      font-size: 2.2rem;
+      margin-bottom: 4rem; }
   .section-app .badge-wrapper {
     display: flex; }
     .section-app .badge-wrapper .badge {