diff --git a/README.md b/README.md
index 55ba1f6..492995a 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+I have completed the given task:
+Here's the link to the website:
+https://port-shreya.herokuapp.com/
+
 # idtc-opensource-day2
 
 **Step-1:** Fork the repository.<br/>
diff --git a/css/main.css b/css/main.css
index b1e4037..98f8243 100755
--- a/css/main.css
+++ b/css/main.css
@@ -1216,47 +1216,47 @@ input::-moz-focus-inner {
 }
 
 .skill-bars li .percent50 {
-	width: 10%;
+	width: 50%;
 }
 
 .skill-bars li .percent55 {
-	width: 15%;
+	width: 55%;
 }
 
 .skill-bars li .percent60 {
-	width: 90%;
+	width: 60%;
 }
 
 .skill-bars li .percent65 {
-	width: 25%;
+	width: 65%;
 }
 
 .skill-bars li .percent70 {
-	width: 10%;
+	width: 70%;
 }
 
 .skill-bars li .percent75 {
-	width: 15%;
+	width: 75%;
 }
 
 .skill-bars li .percent80 {
-	width: 20%;
+	width: 80%;
 }
 
 .skill-bars li .percent85 {
-	width: 8.5%;
+	width: 85%;
 }
 
 .skill-bars li .percent90 {
-	width: 9%;
+	width: 90%;
 }
 
 .skill-bars li .percent95 {
-	width: 5%;
+	width: 95%;
 }
 
 .skill-bars li .percent100 {
-	width: 0%;
+	width: 100%;
 }
 
 /* ===================================================================
@@ -1337,6 +1337,7 @@ input::-moz-focus-inner {
 
 .wide {
 	max-width: 1300px;
+	font-family: "montserrat-regular";
 }
 
 .narrow {
@@ -1346,6 +1347,7 @@ input::-moz-focus-inner {
 .js .animate-this,
 .js .animate-intro {
 	opacity: 0;
+	
 }
 
 .oldie .animate-this,
@@ -1739,7 +1741,7 @@ header .header-logo a {
 
 .home-content-tablecell h1 {
 	font-family: "librebaskerville-bold", serif;
-	font-size: 2.2rem;
+	font-size: 5.2rem;
 	line-height: 1.5;
 	color: #FFFFFF;
 }
@@ -1791,7 +1793,7 @@ header .header-logo a {
 /*  */
 
 .home-bottom-text {
-	text-align: right;
+	text-align: left;
 }
 
 /*  */
@@ -2018,6 +2020,7 @@ header .header-logo a {
 	width: 94%;
 	max-width: 1300px;
 	margin: 0 auto;
+	font-family: "montserrat-regular";
 }
 
 .about-wrap:before,
@@ -2054,7 +2057,7 @@ header .header-logo a {
 
 .about-profile p {
 	font-size: 1rem;
-	line-height: 1px;
+	/* line-height: 1px; */
 }
 
 /*  */
@@ -2097,7 +2100,7 @@ header .header-logo a {
 	margin-bottom: 1.5rem;
 	color: #4f4f4f;
 	font-size: 10px;
-	line-height: 1rem;
+	line-height: 2.5rem;
 }
 
 /*  */
@@ -2113,7 +2116,7 @@ header .header-logo a {
 /*  */
 
 .about-services ul.services .icon-wrap i {
-	font-size: 10rem;
+	font-size: 5rem;
 }
 
 /*  */
@@ -3254,4 +3257,4 @@ footer .footer-social li:last-child {
 		right: 0;
 	}
 
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 8b00865..631baf1 100755
--- a/index.html
+++ b/index.html
@@ -144,24 +144,25 @@ <h1 class="animate-intro">
 					<h3 class="animate-this">About</h3>
 					<h1 class="animate-this">More About Me.</h1>
 
-					<p class="lead animate-this">Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad
+					<p class="animate-this">Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad
 						cupidatat eu veniam nostrud mollit laboris sunt magna velit culpa consectetur nostrud
 						consectetur labore sed do.</p>
+						<p class="animate-this">
+							Lorem ipsum Nisi officia Duis irure voluptate dolor commodo pariatur occaecat aliquip adipisicing
+							voluptate Ut in qui ea sint occaecat in commodo in in in incididunt ut sunt in Ut Duis in ut ex qui
+							anim cupidatat cupidatat ex in non dolore labore ea amet cillum ea qui dolor nisi sed velit mollit
+							exercitation ex fugiat labore in deserunt culpa laborum culpa anim dolore laboris amet irure mollit
+							proident velit fugiat aute ea elit magna consequat qui officia quis elit Duis dolor esse cupidatat
+							tempor proident voluptate aliqua ex cupidatat do eiusmod veniam irure laborum ut magna nostrud
+							dolore ullamco commodo elit sit magna aliqua laborum veniam officia dolor.
+						</p>
+		
+						<p class="animate-this">Lorem ipsum Minim nisi dolore proident Ut dolor quis deserunt voluptate Ut
+							voluptate enim ut adipisicing fugiat cupidatat nisi adipisicing labore non adipisicing in sit
+							proident. Ut in qui ea sint occaecat in commodo in in in incididunt ut</p>
 				</div>
 
-				<p class="animate-this">
-					Lorem ipsum Nisi officia Duis irure voluptate dolor commodo pariatur occaecat aliquip adipisicing
-					voluptate Ut in qui ea sint occaecat in commodo in in in incididunt ut sunt in Ut Duis in ut ex qui
-					anim cupidatat cupidatat ex in non dolore labore ea amet cillum ea qui dolor nisi sed velit mollit
-					exercitation ex fugiat labore in deserunt culpa laborum culpa anim dolore laboris amet irure mollit
-					proident velit fugiat aute ea elit magna consequat qui officia quis elit Duis dolor esse cupidatat
-					tempor proident voluptate aliqua ex cupidatat do eiusmod veniam irure laborum ut magna nostrud
-					dolore ullamco commodo elit sit magna aliqua laborum veniam officia dolor.
-				</p>
-
-				<p class="animate-this">Lorem ipsum Minim nisi dolore proident Ut dolor quis deserunt voluptate Ut
-					voluptate enim ut adipisicing fugiat cupidatat nisi adipisicing labore non adipisicing in sit
-					proident. Ut in qui ea sint occaecat in commodo in in in incididunt ut</p>
+				
 
 				<p>
 					<a href="#" class="button full-width animate-this">Contact Me</a>
@@ -809,4 +810,4 @@ <h5 class="animate-this">Call Me At</h5>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>