Add github ribbon

css/github-ribbon.css

@@ -0,0 +1,62 @@
+#forkongithub a{
+    background:#5856D6;
+    color:#fff;
+    text-decoration:none;
+    font-family:Ubuntu,sans-serif;
+    text-align:center;
+    font-weight:bold;
+    padding:5px 40px;
+    /*font-size:1rem;*/
+    line-height:2rem;
+    position:relative;
+    transition:0.5s;
+}
+#forkongithub a:hover{
+    background:#ff8800;
+    color:#fff;
+}
+#forkongithub a::before,#forkongithub a::after{
+    content:"";
+    width:100%;
+    display:block;
+    position:absolute;
+    top:1px;
+    left:0;
+    height:1px;
+    background:transparent;
+    border-top: 1px dashed #fff;
+}
+#forkongithub a::after{
+    bottom:1px;
+    top:auto;
+}
+@media screen and (min-width:321px) {
+    #forkongithub {
+        position:absolute;
+        display:block;
+        top:0;
+        right:0;
+        width:150px;
+        overflow:hidden;
+        height:150px;
+        z-index:970;
+    }
+    #forkongithub a{
+        width:200px;
+        position:absolute;
+        top:20px;
+        right:-60px;
+        transform:rotate(45deg);
+        -webkit-transform:rotate(45deg);
+        -ms-transform:rotate(45deg);
+        -moz-transform:rotate(45deg);
+        -o-transform:rotate(45deg);
+        box-shadow:4px 4px 10px rgba(0,0,0,0.8);
+    }
+}
+
+@media (max-width: 320px) {
+    #forkongithub {
+        display: none;
+    }
+}

css/style.css

@@ -20,7 +20,7 @@
 
 @import url(normalize.css);
 @import url(owl.carousel.min.css);
-
+@import url(github-ribbon.css);
 /*
 @import url(font-awesome.min.css);
 @import url(normalize.css);
@@ -146,7 +146,7 @@ p {
 }
 
 a {
-     color: rgb(28, 63, 135);
+     color: #5856D6;
      text-decoration: none;
      outline: none !important;
 }
@@ -309,6 +309,8 @@ a.article:hover {
 
 ul.btn {
      float: right;
+     padding-right: 100px;
+     padding-top: 20px;
 }
 
 ul.btn li {
@@ -372,7 +374,7 @@ ul.btn li.down_btn:hover a {
 
 .header {
      width: 100%;
-     background: #11aeef;
+     background: #5e548e;
      padding: 30px 30px 0px 30px;
      position: relative;
      z-index: 960;
@@ -395,7 +397,7 @@ ul.btn li.down_btn:hover a {
 /** banner section **/
 
 .banner_main {
-     background: #11aeef;
+     background: #5e548e;
      padding: 0 0 90px 0;
 }
 
@@ -656,9 +658,12 @@ ul.easy li a:hover {
 /** work section **/
 
 .work {
-     background: #0192c8;;
+     background: #5e548e;
      padding: 50px 0;
 }
+.work a{
+     color: #D69856;
+}
 
 
 .work .titlepage {
@@ -931,7 +936,7 @@ ul.social_icon li a i:hover {
 .copyright {
      margin-top: 30px;
      padding: 15px 0;
-     background: #0192c8;
+     background: #5e548e;
 }
 
 .copyright p {