Make CSS changes

helfi92 · Feb 6, 2017 · a678d84 · a678d84
1 parent 97085c4
commit a678d84
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 43 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1,16 +1,20 @@
-body{
+html, body{
 	font-size:16px;
 	color: #dfdfdf;
 	background-color: #063647; 
 }
 
-h3{
-	padding-bottom:15px;
+a {
+  color: #00d1b2;
+}
+
+a:hover {
+  color: #00d1b2;
 }
 
 section{
 	padding-top: 3rem;
-	padding-bottom: 6rem;
+	padding-bottom: 3rem;
 }
 
 .section-1 {
@@ -26,8 +30,8 @@ section{
 }
 
 .section-4 {
-	background-color: #6589A9;
-	padding: 1.5rem 1.5rem 1.5rem;
+	background-color: #063647;
+	padding: 0.2rem;
 }
 
 a.nav-item {
@@ -69,42 +73,18 @@ a.nav-item:hover {
 	border: 2px solid rgba(7, 59, 79, 0.5);
 }
 
-.section-4 a {
-	color: #fff;
-}
-
-.section-4 a:hover {
-	color: #dfdfdf;
-}
-
 .title {
 	color: #fff;
 	text-align: left;
 	margin-bottom: 2rem;
 }
 
-.thumbs-up i {
-	transform: scale(-1, 1);
-	bottom: 1rem;
-	right: 1rem;
-	font-size: 150px;
-	position: absolute;
-}
-
-#contact {
-	position: relative;
-}
-
 .intro {
 	text-align: justify;
 	width: 80%;
 	margin: 0 auto;
 }
 
-.love {
-	color: #fff;
-}
-
 .void-background {
 	background-color: transparent; 
 }
@@ -113,7 +93,17 @@ a.nav-item:hover {
 	.nav-menu {
 		background-color: #063647;
 	}
+
 	.nav-toggle:hover {
 		background-color: transparent;
 	}
+
+	.nav-toggle span {
+		background-color: #dfdfdf;
+	}
+
+	.nav-toggle span:hover {
+		background-color: #fff;
+	}
+
 }
diff --git a/index.html b/index.html
@@ -42,7 +42,6 @@
 				<a class="nav-item" href="#about">About</a>
 				<a class="nav-item" href="#projects">Projects</a>
 				<a class="nav-item" href="#social">Social</a>
-				<a class="nav-item" href="#contact">Contact</a>
 			</div>
 
 			<!-- This "nav-toggle" hamburger menu is only visible on mobile -->
@@ -55,7 +54,7 @@
 		</nav>
 
 		<!-- About Me -->
-		<section id="about" class="section-1">
+		<section id="about" class="section section-1">
 			<div class="container has-text-centered">
 				<!-- Source: https://flic.kr/p/pAZBNK -->
 				<img class="avatar" src="http://hassanali.me/images/my-picture.png">
@@ -68,7 +67,7 @@
 		</section>
 
 		<!-- Projects -->
-		<section  id="projects" class="section-2">
+		<section  id="projects" class="section section-2">
 			<div class="container">
 				<div class="has-text-centered">
 					<h3 class="title is-3">Projects</h3>
@@ -113,7 +112,7 @@ <h3 class="title is-3">Projects</h3>
 		</section>
 
 		<!-- Social -->
-		<section id="social" class="section-3">
+		<section id="social" class="section section-3">
 			<div class="container">
 				<div class="has-text-centered">					
 					<h3 class="title is-3">Let's Socialize</h3>
@@ -132,15 +131,9 @@ <h3 class="title is-3">Let's Socialize</h3>
 			</div>
 		</section>	
 
-		<!-- Contact -->
-		<section id="contact" class="section-4">
-			<div class="container">
-				<div class="content has-text-centered">
-					<p>
-						Made with <strong><i class="fa fa-heart-o love" aria-hidden="true"></i></strong> by <a href="https://helfi92.github.io/about.html">Hassan Ali</a>
-					</p>
-				</div>
-			</div>
+		<!-- Footer -->
+		<section class="section-4 has-text-centered container">
+			<a href="https://helfi92.github.io/about.html">Hassan Ali</a>
 		</section>
 
 		<!-- Scripts  -->