Added Activities Bar

Author: ProgrammerGaurav

.gitignore

@@ -244,6 +244,25 @@ a {
     }
 }
 
+.activities {
+    margin-top: 100px;
+    text-align: center;
+
+    codersrank-activity {
+        --svg-width: 80%;
+        --bg-color-0: #EBEDF0;
+        --bg-color-1: #80F7A5;
+        --bg-color-2: #00D55E;
+        --bg-color-3: #00B049;
+        --bg-color-4: #007836;
+        --border-color-0: rgb(27, 31, 35, 0.06);
+        --border-color-1: rgb(27, 31, 35, 0.06);
+        --border-color-2: rgb(27, 31, 35, 0.06);
+        --border-color-3: rgb(27, 31, 35, 0.06);
+        --border-color-4: rgb(27, 31, 35, 0.06);
+    }
+}
+
 .contact {
     margin-top: 100px;
     padding-bottom: 100px;
@@ -462,6 +481,13 @@ a {
         }
     }
 
+    .activities {
+
+        codersrank-activity {
+            --svg-width: 100%;
+        }
+    }
+
     .contact {
         img {
             width: 100%;

css/animate.min.css renamed to css/animate.css

@@ -270,6 +270,19 @@ <h2>My Work</h2>
 		</div>
 	</section>
 	<!-- My Work Ends  -->
+	<!-- Activities Start  -->
+	<div class="container">
+		<div class="row activities">
+			<div class="col-12">
+				<h2>Activities Chart </h2>
+			</div>
+			<div class="col-12">
+				<codersrank-activity username="programmergaurav" branding=false labels tooltip weeks>
+				</codersrank-activity>
+			</div>
+		</div>
+	</div>
+	<!-- Activities Ends  -->
 	<!-- My Contact Starts  -->
 	<section class="bg">
 		<div class="container contact" id="contact">
@@ -550,6 +563,7 @@ <h3>Let's Chat</h3>
 	<script src="js/wow.min.js"></script>
 	<script src="js/siema.min.js"></script>
 	<script src="js/typed.min.js"></script>
+	<script src="js/codersrank-activity.min.js"></script>
 	<script src="js/script.js"></script>
 </body>