✨ Update resume to highlight Flutter

Jouby · Oct 2, 2022 · ae8c767 · ae8c767
1 parent 714296d
commit ae8c767
Show file tree

Hide file tree

Showing 2 changed files with 205 additions and 193 deletions.
diff --git a/css/app.css b/css/app.css
@@ -230,8 +230,21 @@ a.anchor {
 .profile-image {
     width: 200px;
     border-radius: 50%;
-    border: 7px solid #f1f1f1;
-    padding: 0;
+    border: 7px solid rgba(72, 73, 125, 0.55);
+    padding: 3px;
+    -webkit-transition: .25s;
+    -moz-transition: .25s;
+    -o-transition: .25s;
+    -ms-transition: .25s;
+    transition: .25s;
+    margin-bottom: 8px;
+    margin-top: 8px;
+}
+.profile-image:hover {
+    border: 10px solid #48497d;
+    width: 208px;
+    margin-bottom: 4px;
+    margin-top: 4px;
 }
 .profile-icons {
     margin: 10px auto 30px;
@@ -247,10 +260,47 @@ a.anchor {
 }
 .profile-text {
 	text-align: left;
+    display: flex;
+  justify-content: center;
+  align-content: center;
+  flex-direction: column;
 }
 .profile-text p:last-child {
     margin-bottom: 0;
 }
+.icon-box-service {
+    text-align: center;
+    margin: 12px 0;
+}
+.icon-box-service .icon {
+    border-radius: 100%;
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    font-size: 48px;
+    color: #48497d;
+    background: #fff;
+    box-shadow: 0 2px 10px rgba(0,0,0,.5);
+    margin-bottom: 20px;
+    -webkit-transition: .25s;
+    -moz-transition: .25s;
+    -o-transition: .25s;
+    -ms-transition: .25s;
+    transition: .25s;
+}
+.icon-box-service .icon i {
+    line-height: unset;
+}
+.icon-box-service:hover .icon {
+    background: #48497d;
+    color: #fff;
+    box-shadow: 0 3px 6px rgba(0,0,0,.3);
+}
+.icon-box-service h6 {
+    line-height: 12px;
+    margin-bottom: 9px;
+}
 
 /*CARD*/
 .modal-body > img:first-of-type {
@@ -272,6 +322,7 @@ a.anchor {
     margin: 0 2px;
     padding: .4em .4em .15em .4em;
     line-height: 1.2;
+    font-weight: 500;
 }
 .card-footer:not(.card-footer-carousel) {
     display: flex;