Uploaded the project

css/animations.css

@@ -0,0 +1,9 @@
+@keyframes avatar-picture-fadein {
+  from { margin-top: 0%; opacity: 0;}
+  to { margin-top: 1%; opacity: 1;}
+}
+
+@keyframes fadeIn {
+  from { opacity: 0;}
+  to { opacity: 1;}
+}

css/font-awesome/css/font-awesome.min.css

@@ -0,0 +1,4 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f03Line truncated

css/style.css

@@ -0,0 +1,127 @@
+/* Global Secion */
+body {
+  background: #233142;
+}
+
+a {
+  text-decoration: none;
+}
+
+.align-center {
+  text-align: center;
+  align: center;
+}
+/* Avatar Secion */
+.avatar {
+  text-align: center;
+  margin-top: 5%;
+}
+
+.avatar-img {
+  width: 200px;
+  height: auto;
+  border-radius: 50%;
+  margin-top: 1%;
+  animation-name: avatar-picture-fadein;
+  animation-duration: 1.5s;
+}
+
+.avatar-text {
+  color: #7996b9;
+  font-family: 'Trebuchet MS', sans-serif;
+  animation-name: fadeIn;
+  animation-duration: 1.5s;
+}
+
+.avatar-subtext {
+  color: #7996b9;
+  font-family: 'Trebuchet MS', sans-serif;
+  animation-name: fadeIn;
+  animation-duration: 1.5s;
+}
+
+/* links Secion */
+.links {
+  text-align: center;
+  margin-top: -2%;
+}
+
+.block {
+  display: inline-block;
+  vertical-align: top;
+  padding: 5%;
+  font-size: 38px;
+  color: #bfbfbf;
+  max-width: 14%;
+  opacity: 0;
+}
+
+ @media only screen and (max-width: 967px) {
+   .block {
+     display: block;
+     text-align: center;
+     transform: translate(50%, 3%);
+     max-width: 40%;
+   }
+ }
+
+.block-subtext {
+  font-size: 0.5em;
+  color: #7996b9;
+  font-family: 'Trebuchet MS', sans-serif;
+}
+
+.block-1{
+  animation-name: fadeIn;
+  animation-duration: 1.5s;
+  animation-delay: 0.2s;
+  animation-fill-mode:forwards;
+}
+
+.block-2{
+  animation-name: fadeIn;
+  animation-duration: 1.5s;
+  animation-delay: 0.5s;
+  animation-fill-mode:forwards;
+}
+
+.block-3 {
+  animation-name: fadeIn;
+  animation-duration: 1.5s;
+  animation-delay: 0.8s;
+  animation-fill-mode:forwards;
+}
+
+.button {
+  border: 0;
+  background: #354a64;
+  color: #bfbfbf;
+  width: 110px;
+  height: 40px;
+  margin: 20px auto;
+  border-radius: 5px;
+  display: block;
+  text-decoration: none;
+  text-align: center;
+  font-family: 'Trebuchet MS', sans-serif;
+  font-size: 0.6em;
+  transition-duration: 0.4s;
+}
+
+.button:hover {
+  background-color: #006080;
+}
+
+/* Footer section */
+.footer {
+  text-align: center;
+  margin-top: -2%;
+  color: #7996b9;
+  font-family: 'Trebuchet MS', sans-serif;
+  animation-name: fadeIn;
+  animation-duration: 1.5s;
+}
+
+.footer-heart {
+  color: red;
+}