From ab9f1646acdabdef68809e5858a9943f9a19e2d3 Mon Sep 17 00:00:00 2001
From: hub432 <52714062+hub432@users.noreply.github.com>
Date: Wed, 10 Jul 2019 13:06:07 -0700
Subject: [PATCH 1/3] sidebar

---
 sidebar | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 sidebar
diff --git a/sidebar b/sidebar
new file mode 100644
index 0000000..1fc031a
--- /dev/null
+++ b/sidebar
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+body {
+  font-family: "Lato", sans-serif;
+}
+
+.sidenav {
+  height: 100%;
+  width: 0;
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  background-color: #111;
+  overflow-x: hidden;
+  transition: 0.5s;
+  padding-top: 60px;
+}
+
+.sidenav a {
+  padding: 8px 8px 8px 32px;
+  text-decoration: none;
+  font-size: 25px;
+  color: #818181;
+  display: block;
+  transition: 0.3s;
+}
+
+.sidenav a:hover {
+  color: #f1f1f1;
+}
+
+.sidenav .closebtn {
+  position: absolute;
+  top: 0;
+  right: 25px;
+  font-size: 36px;
+  margin-left: 50px;
+}
+
+@media screen and (max-height: 450px) {
+  .sidenav {padding-top: 15px;}
+  .sidenav a {font-size: 18px;}
+}
+</style>
+</head>
+<body>
+
+<div id="mySidenav" class="sidenav">
+  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+  <a href="#">About</a>
+  <a href="#">Services</a>
+  <a href="#">Clients</a>
+  <a href="#">Contact</a>
+</div>
+
+<h2>Animated Sidenav Example</h2>
+<p>Click on the element below to open the side navigation menu.</p>
+<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; open</span>
+
+<script>
+function openNav() {
+  document.getElementById("mySidenav").style.width = "250px";
+}
+
+function closeNav() {
+  document.getElementById("mySidenav").style.width = "0";
+}
+</script>
+   
+</body>
+</html> 

From 26e535c7887cb4007873d384b0bea5ee73571d87 Mon Sep 17 00:00:00 2001
From: ilia17 <gogitidzeilia@gmail.com>
Date: Wed, 10 Jul 2019 13:12:24 -0700
Subject: [PATCH 2/3] Update sidebar

---
 sidebar | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/sidebar b/sidebar
index 1fc031a..46d4af2 100644
--- a/sidebar
+++ b/sidebar
@@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html>
 <head>
@@ -51,15 +52,13 @@ body {
 
 <div id="mySidenav" class="sidenav">
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
-  <a href="#">About</a>
-  <a href="#">Services</a>
-  <a href="#">Clients</a>
-  <a href="#">Contact</a>
+  <a href="#">Skills Card</a>
+  <a href="#">Alumni</a>
+  <a href="#">Top Skills</a>
+  <a href="#">Linked In</a>
 </div>
 
-<h2>Animated Sidenav Example</h2>
-<p>Click on the element below to open the side navigation menu.</p>
-<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; open</span>
+<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; My Courses</span>
 
 <script>
 function openNav() {

From d32f90c1c216eb53238fece49fdc4e051a183180 Mon Sep 17 00:00:00 2001
From: ilia17 <gogitidzeilia@gmail.com>
Date: Wed, 10 Jul 2019 14:04:27 -0700
Subject: [PATCH 3/3] Update sidebar

---
 sidebar | 44 +++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 41 insertions(+), 3 deletions(-)

diff --git a/sidebar b/sidebar
index 46d4af2..7654d07 100644
--- a/sidebar
+++ b/sidebar
@@ -8,6 +8,27 @@ body {
   font-family: "Lato", sans-serif;
 }
 
+
+a:link {
+  color: none;
+  background-color: transparent;
+  text-decoration: none;
+}
+a:visited {
+  color: black;
+  background-color: transparent;
+  text-decoration: none;
+}
+a:hover {
+  color: black;
+  background-color: transparent;
+  text-decoration: none;
+}
+a:active {
+  color: black;
+  background-color: transparent;
+  text-decoration: none;
+}
 .sidenav {
   height: 100%;
   width: 0;
@@ -53,12 +74,29 @@ body {
 <div id="mySidenav" class="sidenav">
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
   <a href="#">Skills Card</a>
-  <a href="#">Alumni</a>
+  <a href="https://www.hult.edu/en/alumni/">Alumni</a>
   <a href="#">Top Skills</a>
-  <a href="#">Linked In</a>
+  <a href="https://www.linkedin.com/">Linked In</a>
 </div>
 
-<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; My Courses</span>
+<h1>
+  <span style="word-spacing: 5px; font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span> 
+  <a class="nav-item nav-link" href="{% url 'blog-home' %}">My Courses</a >
+  <a class="nav-item nav-link" href="{% url 'blog-about' %}" style="word-spacing: 30px"> About </a >
+</h1> 
+
+       
+          
+         
+            
+              
+              
+            
+            
+            
+         
+        
+
 
 <script>
 function openNav() {
