Hello World!

Author: ProgrammerGaurav

css/responsive.css

@@ -1 +1,80 @@
-@media (max-width:991px){header{padding:0 20px}.toggle{display:block}header nav{border-radius:20px;position:absolute;width:80%;height:100%;margin-left:10%;margin-right:10%;transition:0.2s;top:1000px;left:-100%}header nav  ul{border-radius:20px;background:#333;display:block;text-align:center}.menu{top:70px;left:0px}.single-promo{margin:5%}.about{}.title{font-size:20px;padding-top:150px}.email{font-size:10px}.welcome_area{height:600px}.about i{font-size:50px;padding:10px}.single-promo{margin:5%;padding:5px 15px}.col-6{padding-right:5px;padding-left:5px}}@media (min-width:991px){.about{margin-top:200px}}
+@media (max-width:991px) {
+	header {
+		padding: 0 20px
+	}
+
+	.toggle {
+		display: block
+	}
+
+	header nav {
+		border-radius: 20px;
+		position: absolute;
+		width: 80%;
+		height: 100%;
+		margin-left: 10%;
+		margin-right: 10%;
+		transition: 0.2s;
+		top: 1000px;
+		left: -100%
+	}
+
+	header nav  ul {
+		border-radius: 20px;
+		background: #333;
+		display: block;
+		text-align: center
+	}
+
+	.menu {
+		top: 70px;
+		left: 0px
+	}
+
+	.single-promo {
+		margin: 5%
+	}
+
+	.about {
+	}
+
+	.title {
+		font-size: 20px;
+		padding-top: 150px
+	}
+
+	.email {
+		font-size: 10px
+	}
+
+	.welcome_area {
+		height: 600px
+	}
+
+	.about i {
+		font-size: 50px;
+		padding: 10px
+	}
+
+	.single-promo {
+		margin: 5%;
+		padding: 5px 15px
+	}
+
+	.col-6 {
+		padding-right: 5px;
+		padding-left: 5px
+	}
+	.footer img {
+	width: 80%;
+}
+
+
+}
+
+@media (min-width:991px) {
+	.about {
+		margin-top: 200px
+	}
+
+}

css/style.css

@@ -200,7 +200,7 @@ header nav ul li a:hover {
 .fan {
 	padding: 20px;
 	font-size: 25px;
-	width: 60px;
+	
 	text-align: center;
 	text-decoration: none;
 }
@@ -229,13 +229,14 @@ header nav ul li a:hover {
 	color: white;
 }
 
+.fa-github {
+	background: #212529;
+	color: white;
+}
 .footer a:hover {
 	color: #fff;
 }
 
-.footer h3 {
-	font-weight: bold;
-}
 
 .footer {
 	background-color: #25499f;

img/device1.png

@@ -65,6 +65,7 @@ <h2>I Love coding.</h2>
 			<div id="work" class="owl-carousel work">
 				<div><img alt="Sample Work" src="img/device1.png"></div>
 				<div><img alt="Sample Work" src="img/device2.png"></div>
+				<div><img alt="Sample Work" src="img/device3.png"></div>
 			</div>
 			<!-- Title End -->
 		</section>
@@ -142,11 +143,11 @@ <h2>Certifications</h2>
 		<!-- My Achivements Ends -->
 		<!-- Footer Start -->
 		<div id="footer" class="footer text-center p-5">
-			<h3 class="text-light">Programmer Gaurav</h3>
+			<h3 class="text-light"><img alt="programmergaurav" src="img/namewhite.png" width="25%"></h3>
+			<a target="blank" href="https://github.com/ProgrammerGaurav"><i class="fan fab fa-github"></i></a>
 			<a target="blank" href="https://www.facebook.com/profile.php?id=100026746380141"><i class="fan fab fa-facebook-f"></i></a>
 			<a target="blank" href="https://www.instagram.com/programmergaurav/" ><i class="fab fan fa-instagram"></i></a>
 			<a target="blank" href="https://www.linkedin.com/in/gaurav-gupta-ab8b7a175/"><i class="fan fab fa-linkedin"></i></a>
-			<a target="blank" href="https://twitter.com/ProgrammerGRG"><i class="fan fab fa-twitter"></i></a>
 		</div>
 		<!-- Footer Ends -->
 		<!-- Schema Starts -->
@@ -158,7 +159,8 @@ <h3 class="text-light">Programmer Gaurav</h3>
 		"sameAs" : [ "https://www.instagram.com/programmergaurav/",
 		"https://www.linkedin.com/in/gaurav-gupta-ab8b7a175/",
 		"https://twitter.com/ProgrammerGRG",
-		"https://www.facebook.com/profile.php?id=100026746380141"]
+		"https://www.facebook.com/profile.php?id=100026746380141",
+		"https://github.com/ProgrammerGaurav"]
 		}
 		</script>
 		<!-- schema ends -->