better organization on skills section

layouts/index.html

@@ -18,6 +18,7 @@
       <div class="col-sm-8 text-white pt-3">
         {{ partial "project.html" . }}
         {{ partial "experience.html" . }}
+        {{ partial "skill.html" }}
       </div>
     </div>
 
@@ -25,6 +26,9 @@
   </body>
   <style>
     .skill-type {
+      color: #ffc107;
+    }
+    .skill-indent {
       text-indent: 30px;
     }
   </style>

layouts/partials/language.html

@@ -2,7 +2,7 @@
 <h3>{{ .Site.Params.language.title }}</h3>
 <ul class="list-unstyled" style="text-indent: 1.25em;">
     {{ range .Site.Params.language.list }}
-    <div class="skill-indent">{{ .type }}</div>
-    <div class="skill-type">{{ .language }}</div><br>
+    <div class="skill-type">{{ .type }}</div>
+    <div class="skill-indent">{{ .language }}</div><br>
     {{ end }}
 </ul>