UI,layout improvement

Author: devashishg

css/main.css

@@ -43,10 +43,6 @@
 	font-size:40px;
 }
 
-.twitter-icon {
-	position: absolute;
-	 right: 20px;
-}
 
 .bronze {
 	color: #d19b71;
@@ -65,6 +61,8 @@
 	white-space: nowrap;
 	font-size: 11px;
     font-weight: bold;
+	height:22px;
+	align-items: center;
 }
 .stk-oflw > i {
 	font-size: 15px;

css/slider/slider.css

@@ -316,7 +316,7 @@ nav ul > li {
 
 /* The wrapper for each item */
 .rig-cell {
-  margin: 15px;
+  margin: 25px;
   box-shadow:0 0 6px rgba(0,0,0,0.3);
   display: block;
   border: 1px solid #cff9d9;

index.html

@@ -48,7 +48,7 @@ <h1><b>&ltदेवाशीष/&gt</b></h1>
             <a class="nav-link" href="#aboutme">About</a>
           </li>
           <li class="nav-item mx-2">
-            <a class="nav-link" target="_blank" href="media/DevashishGupta.pdf">Resume</a>
+            <a class="nav-link" target="_blank" href="media/devashish_gupta.pdf">Resume</a>
           </li>
           <li class="nav-item mx-2">
             <a class="nav-link" href="#work">Work</a>
@@ -93,7 +93,7 @@ <h3 class="box">How you are doing?</h3>
         <div class="carousel-item" style="background-image: url('media/g1.png')">
           <div class="carousel-caption-left d-none d-md-block">
             <div class="chat">
-              <h3 class="box-right">Nice to see you here. 🙏🏻</h3>
+              <h3 class="box-right">Pleased to have you here. 🙏🏻</h3>
             </div>
           </div>
         </div>
@@ -115,7 +115,7 @@ <h3 class="box-right">Nice to see you here. 🙏🏻</h3>
 
 
   <div id="mySidenav" class="sidenav">
-    <a href="./media/Devashish_Gupta.pdf" style="text-decoration:none" id="about" target="_blank">Resume&nbsp; <i
+    <a href="./media/devashish_gupta.pdf" style="text-decoration:none" id="about" target="_blank">Resume&nbsp; <i
         class="material-icons">cloud_download</i></a>
   </div>
 
@@ -166,15 +166,21 @@ <h3 class="box-right">Nice to see you here. 🙏🏻</h3>
 
 
   <section id="work">
-      <div class="flex-center flex-justify-center">
-        <div id="stk-oflw" class="btn-light border c-pointer stk-oflw px-2 py-1">
-          <i class="fa fa-stack-overflow" aria-hidden="true"></i>
+      <div class="container-fluid">
+        <div class="row flex-justify-center px-5">
+          <div id="stk-oflw" class="btn-light border c-pointer stk-oflw px-2 py-1">
+            <i class="fa fa-stack-overflow" aria-hidden="true"></i>
+          </div>
+          <div>
+            <a class="github-button" href="https://github.com/devashishg" aria-label="Follow @devashishg on GitHub">Follow
+              @devashishg</a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="card-git calendar">
+            Loading the data just for you.
+          </div>
         </div>
-        <a class="github-button" href="https://github.com/devashishg" aria-label="Follow @devashishg on GitHub">Follow
-          @devashishg</a>
-      </div>
-      <div class="card-git calendar">
-        Loading the data just for you.
       </div>
 
 
@@ -215,25 +221,18 @@ <h1 class="card-title py-2"> Projects</h1>
             <span class="rig-text"><u><b>KANBAN Application</b></u><br /><br />
               A web app provides functionity to manage project task, workflow and task assignment. </span>
           </a>
-          <a class="rig-cell my-3" target="_blank" href="https://github.com/devashishg/Nasscom_SVS">
-            <img class="rig-img" src="media/projects/svs.png" />
-            <span class="rig-overlay"></span>
-            <span class="rig-text"><b><u>Signal Voilation System</u></b><br /><br />
-              Angular based Application that keeps the track of Signal violation challans issued on traffic lights.
-            </span>
-          </a>
-          <a class="rig-cell my-3" target="_blank" href="https://github.com/devashishg/Billing">
-            <img class="rig-img" src="media/projects/bill.png" />
-            <span class="rig-overlay"></span>
-            <span class="rig-text"><u><b>Billing Application</b></u><br /><br />Java Netbeans Application for
-              generating mobile bills.</span>
-          </a>
           <a class="rig-cell my-3" target="_blank" href="https://github.com/devashishg/TicTacToe">
             <img class="rig-img" src="media/projects/ttt.jpg" />
             <span class="rig-overlay"></span>
             <span class="rig-text"><u><b>Tic Tac Toe</b></u><br /><br />Java based Tic Tac Toe game with console based
               user interface. </span>
           </a>
+          <a class="rig-cell my-3" target="_blank" href="http://develop-chatty.herokuapp.com/#/home">
+            <img class="rig-img" src="media/projects/groupchat.png" />
+            <span class="rig-overlay"></span>
+            <span class="rig-text"><u><b>Chatty</b></u><br /><br />Web based group chat application based on Angular, Express, Graphql. 
+              </span>
+          </a>
         </div>
       </div>
     </div>