update

index.html

@@ -136,7 +136,7 @@
               &starf;&starf;&starf;&star;&star;<br><br>&starf;&starf;&starf;&starf;&star;
             </div>
 
-            <div class="col-xs-6 col-md-1 professionalStars1 profStars2 profFade">
+            <div class="col-xs-6 col-md-1 profStars2 profFade">
                           &starf;&starf;&starf;&star;&star;<br><br>&starf;&starf;&starf;&starf;&star;<br><br>
                           &starf;&starf;&starf;&star;&star;<br><br>&starf;&starf;&starf;&star;&star;
             </div>

main.css

@@ -215,7 +215,6 @@ div.skills {
     text-align: left;
     background-image: url(Images/dark_embroidery.png);
     background-size: cntain;
-    padding-bottom: 100px;
 }
 p.skillsBanner {
   margin-top:30px;
@@ -252,19 +251,23 @@ p.professionalSide1 {
 p.professionalSide2 {
   color: #cfeff0;
   font-size: 20px;
-  margin-top:50px;
+  margin-top: 50px;
   text-align: left;
 
 }
 div.professionalStars1 {
   margin-top:50px;
-  padding: 0;
   color: #069ea0;
   font-size: 20px;
   text-align: left;
+  margin-bottom: 10px;
 }
 div.profStars2 {
   text-align: right;
+  margin-top:50px;
+  color: #069ea0;
+  font-size: 20px;
+  margin-bottom: 100px;
 }
 
 

mainJs.js

@@ -61,13 +61,13 @@ $(window).on("load",function() {
    });
 
      $('.professionalSide1').typeIt({
-     strings: ["HTML ", " ", "CSS ", " ", "Javascript ", " ", "JQuery "],
+     strings: ["HTML ", " ", "CSS ", " ", "Javascript ", " ", "JQuery"],
      speed: 20,
      autoStart: false
    });
 
    $('.professionalSide2').typeIt({
-   strings: ["Java ", " ", "Android ", " ", "Node.js ", " ", "Arduino "],
+   strings: ["Java ", " ", "Android ", " ", "Node.js ", " ", "Arduino"],
    speed: 20,
    autoStart: false
   });