Updated the footer design

css/custom.css

@@ -109,7 +109,19 @@ footer {
 	filter: invert(80%);
 }
 
-
+.back-to-top-btn{
+	background: transparent;
+	color: #fff;
+	border: 2px solid #fff;
+	font-weight: bold;
+}
+.back-to-top-btn:hover,
+.back-to-top-btn:focus,
+.back-to-top-btn:hover{
+	background: #fff;
+	color: green;
+	border-color: #fff;
+}
 
 
 
@@ -326,8 +338,15 @@ footer {
 	margin-top: 4rem;
 	padding: 2rem 0;
 }
-
-
+.footer-logo{
+	height: 100px;
+	width: 100px;
+	margin-top: 10px;
+}
+.footer-txt{
+	font-weight: bold;
+	text-align: center;
+}
 /* EXPERIMENTS -------------------------------------------------------------- */
 
 [class^='color-'], [class*='color-']  {

index.html

@@ -444,7 +444,11 @@ <h3>Programming Diversity</h3>
 			<div class="container text-center">
 				<p>Spread the word about Open Source Diversity and <a href="https://github.com/opensourcediversity" target="_blank" rel="noopener">contribute</a>!</p>
 				<p>Please note that Open Source Diversity has a <a href="https://github.com/opensourcediversity/opensourcediversity.org/blob/master/code-of-conduct.md" target="_blank" rel="noopener">Contributor Code of Conduct</a> based on the <a href="https://www.contributor-covenant.org" target="_blank" rel="noopener">Contributor Covenant</a>.<br>By participating in this project online or at events you agree to abide by its terms.</p>
-				<p><a href="#">♥</a></p>
+				<p>
+					<a href="#" class="btn btn-primary back-to-top-btn"  rel="noopener">Back to Top</a>
+				</p>
+				<img src="img/opensourcediversity-icon-white.png" class="footer-logo">
+				<h5 class="footer-txt"> Open Source <br> Diversity</h5>
 			</div>
 		</footer>