diff --git a/demo/css/home.css b/demo/css/home.css
index 3c5d90a..125a495 100644
--- a/demo/css/home.css
+++ b/demo/css/home.css
@@ -16,16 +16,21 @@ position: sticky;
top: 0;
display: flex;
align-items: center;
+ justify-content: center;
background-color: #1f3d57;
color: white;
padding: 10px 20px;
height: 60px;
+ gap: 40px;
}
+.top-header .swirl {
+ height: 40px;
+ width: auto;
+ margin: 0 20px;
+}
.site-name {
-position: absolute;
- left: 50%;
font-size: 2.5em;
font-weight: bold;
letter-spacing: 4px;
@@ -65,6 +70,27 @@ display: flex;
font-weight: bold;
}
+.sidebar-left .nav_icon {
+ height: 40px;
+ width: auto;
+ margin: 5 5px;
+}
+
+/* Create Icon */
+.create_icon {
+ position: fixed;
+ bottom: 30px;
+ left: 60px;
+ z-index: 1000;
+}
+
+.create_icon img {
+ width: 150px;
+ height: auto;
+ border-radius: 10%;
+}
+
+
/* Right Sidebar */
.sidebar-right {
overflow: hidden;
@@ -112,7 +138,7 @@ display: flex;
align-items: center;
margin-left: 300px;
margin-right: 250px;
-margin-top: 65px;
+margin-top: 0px;
}
.recipe-card {
diff --git a/demo/home.html b/demo/home.html
index 36fd65a..0ca6f1c 100644
--- a/demo/home.html
+++ b/demo/home.html
@@ -10,7 +10,9 @@
@@ -21,14 +23,17 @@
Explore
Profile
Saved
-
Log Out
-
Settings
+
+
+ 
+
+
diff --git a/demo/images/create_icon.png b/demo/images/create_icon.png
new file mode 100644
index 0000000..c4ca2d0
Binary files /dev/null and b/demo/images/create_icon.png differ
diff --git a/demo/images/header_left.png b/demo/images/header_left.png
new file mode 100644
index 0000000..c4ca2d0
Binary files /dev/null and b/demo/images/header_left.png differ
diff --git a/demo/images/header_right.png b/demo/images/header_right.png
new file mode 100644
index 0000000..c4ca2d0
Binary files /dev/null and b/demo/images/header_right.png differ
diff --git a/demo/images/logout_icon.png b/demo/images/logout_icon.png
new file mode 100644
index 0000000..c4ca2d0
Binary files /dev/null and b/demo/images/logout_icon.png differ
