diff --git a/docs/img/server.png b/docs/img/server.png
new file mode 100644
index 00000000..afa4f526
Binary files /dev/null and b/docs/img/server.png differ
diff --git a/docs/index.html b/docs/index.html
index e8c32029..e1ff2a98 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -218,7 +218,7 @@
               <img class="img-fluid" src="img/settings.png" alt="">
             </a>
           </div>
-          <!--
+     
           <div class="col-md-6 col-lg-4">
             <a class="portfolio-item d-block mx-auto" href="#portfolio-modal-6">
               <div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
@@ -226,10 +226,10 @@
                   <i class="fa fa-search-plus fa-3x"></i>
                 </div>
               </div>
-              <img class="img-fluid" src="img/portfolio/submarine.png" alt="">
+              <img class="img-fluid" src="img/server.png" alt="">
             </a>
           </div>
-          -->
+   
         </div>
       </div>
     </section>
@@ -575,10 +575,10 @@
         <div class="container text-center">
           <div class="row">
             <div class="col-lg-8 mx-auto">
-              <h2 class="text-secondary text-uppercase mb-0">Project Name</h2>
+              <h2 class="text-secondary text-uppercase mb-0">Server console</h2>
               <hr class="star-dark mb-5">
-              <img class="img-fluid mb-5" src="img/portfolio/submarine.png" alt="">
-              <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
+              <img class="img-fluid mb-5" src="img/server.png" alt="">
+              <p class="mb-5">Log output of the server</p>
               <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
                 <i class="fa fa-close"></i>
                 Close</a>