Scroll To Top Added

Author: ProgrammerGaurav

css/style.css

@@ -20,6 +20,30 @@ body {
 }
 
 /* Loader Screen Ends  */
+/* Top Slider */
+
+.top {
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    background-color: rgb(255, 88, 116);
+    bottom: 0;
+    right: 0;
+    color: #fff;
+    display: none;
+    z-index: 999999;
+
+    i {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 30px;
+    }
+}
+
+/* Top Slider Ends */
+
 hr {
     border: 1px solid #000000;
     width: 20%;
@@ -77,7 +101,6 @@ hr {
 .owl-carousel .owl-item img {
     margin-left: auto;
     margin-right: auto;
-    width: 80%;
 }
 
 div.type-wrap {
@@ -96,6 +119,12 @@ div.type-wrap {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+    .work {
+        img {
+            width: 50%;
+        }
+    }
 }
 
 /* Title Ends */

css/style.css.map

@@ -51,6 +51,11 @@
 	<!-- Loader screen -->
 	<div class="se-pre-con"></div>
 	<!-- Loader Screen Ends -->
+	<!-- Top Slider -->
+	<div class="top">
+		<i class="fas fa-long-arrow-alt-up"></i>
+	</div>
+	<!-- Top Slider Ends  -->
 	<!-- Navigation Bar Starts -->
 	<div class="container-fluid m-0 p-0">
 		<nav class="navbar navbar-expand-lg navbar-dark py-0 m-0">
@@ -66,7 +71,7 @@ <h1 class="">Programmer Gaurav</h1>
 			<div class="collapse navbar-collapse" id="navbarSupportedContent">
 				<ul class="navbar-nav ml-auto">
 					<li class="nav-item active">
-						<a title="Home Navigation" class="nav-link" href="/#home">Home</a>
+						<a title="Home Navigation" class="nav-link" href="#home">Home</a>
 					</li>
 					<li class="nav-item">
 						<a title="About Navigation" class="nav-link" href="#about">About</a>
@@ -87,7 +92,7 @@ <h1 class="">Programmer Gaurav</h1>
 		<div class="parallax" id="home">
 			<!-- Title Starts -->
 			<div class="title">
-				<div class="container">
+				<div class="container-fluid">
 					<div class="row">
 						<div class="col-12">
 							<div class="type-wrap mb">

css/style.scss

@@ -11,14 +11,22 @@ $(document).ready(function () {
     $(window).scroll(function () {
         if ($(document).scrollTop() > 50) {
             $(".navbar").css("background-color", "#111111");
+            $(".top").css("display", "block");
         } else {
             $(".navbar").css("background-color", "transparent");
+            $(".top").css("display", "none");
         }
     });
     $('.navbar-collapse a').click(function () {
         $(".navbar-collapse").collapse('hide');
     });
 });
+$(".top").click(function () {
+    $("html, body").animate({
+        scrollTop: 0
+    }, "slow");
+    return false;
+});
 
 var typed = new Typed("#typed", {
     stringsElement: '#typed-strings',