diff --git a/package.json b/package.json
index 1b7efb3..df65cd8 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^14.4.3",
+ "bootstrap": "^5.2.2",
"chokidar": "^3.5.3",
"classnames": "^2.3.1",
"react": "^18.2.0",
diff --git a/public/index.html b/public/index.html
index c0662c9..0847376 100644
--- a/public/index.html
+++ b/public/index.html
@@ -53,6 +53,8 @@
href="https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap"
rel="stylesheet"
/>
+
+
diff --git a/src/components/HomePage/header/Header.css b/src/components/HomePage/header/Header.css
index 70be229..2652e68 100644
--- a/src/components/HomePage/header/Header.css
+++ b/src/components/HomePage/header/Header.css
@@ -6,6 +6,10 @@
transition: all 0.25s ease-in-out;
}
+.toggle{
+ display:none;
+}
+
.toggle-icon {
font-size: 1.5rem;
transition: all 0.25s ease-in-out;
@@ -20,4 +24,8 @@
.toggle-container {
padding-left: 4px;
}
+ .toggle{
+ display: flex;
+ }
+
}
diff --git a/src/components/HomePage/header/Header.js b/src/components/HomePage/header/Header.js
index d4893c4..ce0172d 100644
--- a/src/components/HomePage/header/Header.js
+++ b/src/components/HomePage/header/Header.js
@@ -2,6 +2,7 @@ import React from "react";
import "./Header.css";
import { LinkifyContext } from "../../../context";
import { MdDarkMode, MdLightMode } from "react-icons/md";
+import {BsPersonCircle} from "react-icons/bs"
import {
ButtonGroup,
HeaderContainer,
@@ -33,6 +34,17 @@ export default function Header() {
Login
Sign Up
+
+
{/*