Finished basics of first page

Author: tladendo

app/profile/about/about.jade

@@ -33,8 +33,9 @@
         ng-if="profileVm.categories[track].length > 0"
       )
 
-        img(ng-src="images/ico-track-{{vm.imgMap[track]}}-outline.svg")
-        .name {{track}}
+        .name
+          img(ng-src="images/ico-track-{{vm.imgMap[track]}}-outline.svg")
+          | {{track}}
 
         .subtrack(
           ng-repeat="subtrack in profileVm.categories[track]",
@@ -57,6 +58,8 @@
 
             .tag Fulfillment
 
+          .arrow >
+
   hr
 
   tc-section(state="profileVm.status.skills")

assets/css/profile/about.scss

@@ -17,16 +17,24 @@
     align-items: center;
     margin: 10px 0;
     .track {
+      margin-top: 22.4px;
       display: flex;
       flex-direction: column;
       cursor: pointer;
 
       .name {
+        img {
+          height: 21px;
+          width: 21px;
+          margin-right: 5.5px;
+          margin-bottom: -3px;
+        }
         margin: auto;
         font-family: 'Sofia Pro';
         font-weight: 200;
         font-size: 19.6px;
         line-height: 24px;
+        margin-bottom: 10.6px;
       }
       .subtrack {
         display: flex;
@@ -63,6 +71,15 @@
             font-weight: normal;
           }
         }
+        .arrow {
+          font-family: 'Sofia Pro';
+          font-weight: 200;
+          color: #cccccc;
+          font-size: 18px;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+        }
       }
       .icon {
         width: 80px;