diff --git a/Your's Jarvis/Css/Login.css b/Your's Jarvis/Css/Login.css
new file mode 100644
index 0000000..033f31a
--- /dev/null
+++ b/Your's Jarvis/Css/Login.css	
@@ -0,0 +1,249 @@
+/* Google Font Link */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Poppins" , sans-serif;
+}
+body{
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-image: url("../image/image.jpg");
+  background-size: cover;
+  padding: 30px;
+}
+.container{
+  position: relative;
+  max-width: 100%;
+  border-radius: 8%;
+  width: 400px;
+  background-color: rgba(0, 0, 0, 0.25);
+  padding: 40px 30px;
+  box-shadow: 0 5px 10px rgba(0,0,0,0.25);
+  perspective: 700px;
+}
+.container .cover{
+  position: absolute;
+  top: 0;
+  left: 100%;
+  height: 100%;
+  width: 40%;
+  z-index: 98;
+  transition: all 1s ease;
+  transform-origin: left;
+  transform-style: preserve-3d;
+}
+
+ .container .cover .front,
+ .container .cover .back{
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+.cover .back{
+  transform: rotateY(180deg);
+  backface-visibility: hidden;
+}
+.container .cover::before,
+.container .cover::after{
+  content: '';
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background: aqua;
+  opacity: 0.3;
+  z-index: 12;
+}
+.container .cover::after{
+  opacity: 0.3;
+  transform: rotateY(180deg);
+  backface-visibility: hidden;
+}
+.container .cover img{
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+  z-index: 10;
+}
+.container .cover .text{
+  position: absolute;
+  z-index: 130;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.cover .text .text-1,
+.cover .text .text-2{
+  font-size: 26px;
+  font-style: italic;
+  font-weight: 600;
+  color: #fff;
+  text-align: center;
+}
+.cover .text .text-2{
+  font-size: 15px;
+  font-weight: 500;
+}
+.container .forms{
+  height: 100%;
+  width: 100%;
+  background-color:  rgba(255, 255, 255,0.0);
+}
+.container .form-content{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.form-content .login-form,
+.form-content{
+  width: 100%;
+}
+
+.forms .form-content .title span{
+  font-size: 30px;
+  padding-left: -12px;
+}
+
+.forms .form-content .title span:hover{
+  color: aqua;
+}
+
+.forms .form-content .title{
+  position: relative;
+  font-size: 24px;
+  font-style: italic;
+  font-weight: 500;
+  color: rgb(255, 255, 255);
+}
+.forms .form-content .title:before{
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 3px;
+  width: 25px;
+  background: aqua;
+}
+.forms .title:before{
+  width: 20px;
+}
+.forms .form-content .input-boxes{
+  margin-top: 30px;
+}
+
+
+
+.forms .form-content .input-box{
+  display: flex;
+  align-items: center;
+  height: 50px;
+  width: 100%;
+  margin: 10px 0;
+  position: relative;
+}
+.form-content .input-box input{
+  height: 100%;
+  width: 100%; 
+  background-color: rgba(0,0,0,0.20);
+  color: #fff;
+  font-style: italic;
+  outline: none;
+  border: none;
+  padding: 0 30px;
+  font-size: 16px;
+  font-weight: 500;
+  border-bottom: 2px solid rgba(0,0,0,0.01);
+  transition: all 0.3s ease;
+}
+
+::-webkit-input-placeholder{
+  color: rgba(255, 255, 255, 0.40)
+}
+
+.form-content .input-box input:focus,
+.form-content .input-box:valid{
+  border-color: aqua
+}
+
+.form-content .input-box input:valid{
+  border-color: white;
+}
+
+.form-content .input-box i{
+  position: absolute;
+  color: aqua;
+  font-size: 24px;
+}
+.forms .form-content .text{
+  font-size: 14px;
+  font-weight: 500;
+  font-style: italic;
+  color: #333;
+}
+.forms .form-content .text a{
+  text-decoration: none;
+  font-style: italic;
+  color: rgb(255, 255, 255);
+}
+.forms .form-content .text a:hover{
+  color: aqua;
+  /*text-decoration: underline;*/
+}
+.forms .form-content .button{
+  color: #fff;
+  margin-top: 40px;
+}
+.forms .form-content .button input{
+  color: #fff;
+  background-color: rgba(255,255,255,0.1);
+  border-radius: 6px;
+  padding: 0;
+  cursor: pointer;
+  transition: all 0.4s ease;
+}
+.forms .form-content .button input:hover{
+  color: aqua;
+  background-color: rgba(255, 255, 255, 0.2)
+}
+.forms .form-content label{
+  color: #ffffff;
+  cursor: pointer;
+}
+.forms .form-content label:hover{
+  text-decoration: underline;
+}
+.forms .form-content .login-text,
+.forms .form-content .sign-up-text{
+  text-align: center;
+  margin-top: 25px;
+}
+.container #flip{
+  display: none;
+}
+@media (max-width: 730px) {
+  .container .cover{
+    display: none;
+  }
+  .form-content .login-form,
+  .form-content{
+    width: 100%;
+  }
+  .form-content{
+    display: none;
+  }
+  .container ~ .forms{
+    display: block;
+  }
+  .container ~ .forms .login-form{
+    display: none;
+  }
+}
diff --git a/Your's Jarvis/Css/navigation.css b/Your's Jarvis/Css/navigation.css
new file mode 100644
index 0000000..7c3a376
--- /dev/null
+++ b/Your's Jarvis/Css/navigation.css	
@@ -0,0 +1,310 @@
+/* Google Fonts Import Link */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Poppins', sans-serif;
+}
+.sidebar{
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 280px;
+  background: #11101d;
+  z-index: 100;
+  transition: all 0.5s ease;
+}
+.sidebar.close{
+  width: 78px;
+}
+.sidebar .logo-details{
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+.sidebar .logo-details i{
+  font-size: 30px;
+  color: #fff;
+  height: 50px;
+  min-width: 78px;
+  text-align: center;
+  line-height: 50px;
+}
+.sidebar .logo-details .logo_name{
+  font-size: 22px;
+  color: #fff;
+  font-style: italic;
+  font-weight: 600;
+  transition: 0.3s ease;
+  transition-delay: 0.1s;
+}
+.sidebar.close .logo-details .logo_name{
+  transition-delay: 0s;
+  opacity: 0;
+  pointer-events: none;
+}
+.sidebar .nav-links{
+  height: 100%;
+  padding: 30px 0 150px 0;
+  overflow: auto;
+}
+.sidebar.close .nav-links{
+  overflow: visible;
+}
+.sidebar .nav-links::-webkit-scrollbar{
+  display: none;
+}
+.sidebar .nav-links li{
+  position: relative;
+  list-style: none;
+  transition: all 0.4s ease;
+}
+.sidebar .nav-links li:hover{
+  background: #1d1b31;
+}
+.sidebar .nav-links li .iocn-link{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.sidebar.close .nav-links li .iocn-link{
+  display: block
+}
+.sidebar .nav-links li i{
+  height: 50px;
+  min-width: 78px;
+  text-align: center;
+  line-height: 50px;
+  color: #fff;
+  font-size: 20px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.sidebar .nav-links li.showMenu i.arrow{
+  transform: rotate(-180deg);
+}
+.sidebar.close .nav-links i.arrow{
+  display: none;
+}
+.sidebar .nav-links li a{
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+.sidebar .nav-links li a .link_name{
+  font-size: 18px;
+  font-weight: 400;
+  font-style: italic;
+  color: #fff;
+  transition: all 0.4s ease;
+}
+.sidebar.close .nav-links li a .link_name{
+  opacity: 0;
+  pointer-events: none;
+}
+.sidebar .nav-links li .sub-menu{
+  padding: 6px 6px 14px 80px;
+  margin-top: -10px;
+  background: #1d1b31;
+  display: none;
+}
+.sidebar .nav-links li.showMenu .sub-menu{
+  display: block;
+}
+.sidebar .nav-links li .sub-menu a{
+  color: #fff;
+  font-style: italic;
+  font-size: 15px;
+  padding: 5px 0;
+  white-space: nowrap;
+  opacity: 0.6;
+  transition: all 0.3s ease;
+}
+.sidebar .nav-links li .sub-menu a:hover{
+  opacity: 1;
+}
+.sidebar.close .nav-links li .sub-menu{
+  position: absolute;
+  left: 100%;
+  top: -10px;
+  margin-top: 0;
+  padding: 10px 20px;
+  border-radius: 0 6px 6px 0;
+  opacity: 0;
+  display: block;
+  pointer-events: none;
+  transition: 0s;
+}
+.sidebar.close .nav-links li:hover .sub-menu{
+  top: 0;
+  opacity: 1;
+  pointer-events: auto;
+  transition: all 0.4s ease;
+}
+.sidebar .nav-links li .sub-menu .link_name{
+  display: none;
+}
+.sidebar.close .nav-links li .sub-menu .link_name{
+  font-size: 18px;
+  opacity: 1;
+  display: block;
+}
+.sidebar .nav-links li .sub-menu.blank{
+  opacity: 1;
+  pointer-events: auto;
+  padding: 3px 20px 6px 16px;
+  opacity: 0;
+  pointer-events: none;
+}
+.sidebar .nav-links li:hover .sub-menu.blank{
+  top: 50%;
+  transform: translateY(-50%);
+}
+.sidebar .profile-details{
+  position: fixed;
+  bottom: 0px;
+  width: 280px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  background-color: #1d1b31;
+  padding: 4px 0;
+  padding-left: 5px;
+  transition: all 0.5s ease;
+}
+.sidebar.close .profile-details{
+  background: none;
+}
+.sidebar.close .profile-details{
+  width: 78px;
+}
+.sidebar .profile-details .profile-content{
+  display: flex;
+  align-items: center;
+}
+.sidebar .profile-details img{
+  height: 52px;
+  width: 52px;
+  object-fit: cover;
+  border-radius: 16px;
+  margin: 0 14px 0 12px;
+  background: #1d1b31;
+  transition: all 0.5s ease;
+}
+.sidebar.close .profile-details img{
+  padding: 4px;
+}
+.sidebar .profile-details .profile_name,
+.sidebar .profile-details .job{
+  color: rgb(255, 255, 255);
+  font-size: 18px;
+  font-style: italic;
+  padding-left: 5px;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+.sidebar .nav-links h1 i{
+  height: 50px;
+  min-width: 78px;
+  text-align: center;
+  line-height: 50px;
+  color: #fff;
+  font-size: 27px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.sidebar .nav-links h1 i:hover{
+  color: aqua;
+}
+
+.home-section .home-content .bx-menu:hover{
+  color: aqua;
+}
+
+.sidebar .nav-links li .link_name:hover,
+.sidebar .nav-links li i:hover{
+  color: aqua;
+}
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+.sidebar.close .profile-details i,
+.sidebar.close .profile-details .profile_name,
+.sidebar.close .profile-details .job{
+  display: none;
+}
+
+
+.sidebar .profile-details .job{
+  font-size: 13px;
+}
+.home-section{
+  position: relative;
+  background: rgb(0, 0, 0);
+  background-image: url("../image/image.jpg");
+  background-size: cover;
+  height: 100vh;
+  left: 280px;
+  width: calc(100% - 280px);
+  transition: all 0.5s ease;
+}
+.sidebar.close ~ .home-section{
+  left: 78px;
+  width: calc(100% - 78px);
+}
+.home-section .home-content{
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+.home-section .home-content .bx-menu,
+.home-section .home-content .text{
+  color: #11101d;
+  font-size: 35px;
+}
+.home-section .home-content .bx-menu{
+  margin: 0 15px;
+  color: #fff;
+  cursor: pointer;
+}
+.home-section .home-content .text{
+  color: #fff;
+  font-style: italic;
+  font-size: 23px;
+  font-weight: 450;
+}
+@media (max-width: 420px) {
+  .sidebar.close .nav-links li .sub-menu{
+    display: none;
+  }
+}
diff --git a/Your's Jarvis/Execute file/logout.md b/Your's Jarvis/Execute file/logout.md
new file mode 100644
index 0000000..d9b72e4
--- /dev/null
+++ b/Your's Jarvis/Execute file/logout.md	
@@ -0,0 +1,83 @@
+.logout{
+  display: inline-flex;
+}
+
+.logout .icon{
+  margin: 0 20px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: relative;
+  z-index: 2;
+  transition: all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+
+.logout .icon span{
+  position: relative;
+  height: 40px;
+  width: 40px;
+  display: block;
+  background: #fff;
+  text-align: center;
+  border-radius: 50%;
+  z-index: 2;
+  box-shadow: 0 10px 10px rgba(0,0,0,0.1);
+}
+
+
+
+
+.logout .icon span i{
+  font-size: 27px;
+  padding-right: 2px;
+  line-height: 40px;
+  padding-bottom: 15pc;
+}
+
+.logout .icon:hover span{
+  color: rgb(255, 255, 255);
+}
+
+.logout .icon .tooltip{
+  position: absolute;
+  top: 0px;
+  background: white;
+  color: #fff;
+  font-size: 20px;
+  padding: 10px 18px;
+  border-radius: 25px;
+  box-shadow: 0 10px 10px rgba(0,0,0,0.1);
+  opacity: 0;
+  pointer-events: none;
+  transition: all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+
+.logout .icon:hover .tooltip{
+  top: -70px;
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.logout .icon .tooltip:before{
+  position: absolute;
+  content: "";
+  height: 15px;
+  width: 15px;
+  background: linear-gradient(to bottom right, #00CCFF, #0000Ff);  change  
+  bottom: -8px;
+  left: 50%;
+  transform: translatex(-50%) rotate(45deg);
+}
+
+.logout .icon:hover span,
+.logout .icon:hover .tooltip{
+  text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
+}
+
+.logout .icon:hover span,
+.logout .icon:hover .tooltip,
+.logout .icon:hover .tooltip:before{
+  background: linear-gradient(to bottom right, #00CCFF, #0000Ff);  change 
+} 
\ No newline at end of file
diff --git a/Your's Jarvis/Execute file/logout2.md b/Your's Jarvis/Execute file/logout2.md
new file mode 100644
index 0000000..750e29d
--- /dev/null
+++ b/Your's Jarvis/Execute file/logout2.md	
@@ -0,0 +1,104 @@
+.sidebar .nav-links h1{
+  position: relative;
+  list-style: none;
+  transition: all 0.4s ease;
+}
+.sidebar .nav-links h1:hover{
+  background: #1d1b31;
+}
+.sidebar .nav-links h1 .iocn-link{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.sidebar.close .nav-links h1 .iocn-link{
+  display: block
+}
+.sidebar .nav-links h1 i{
+  height: 50px;
+  min-width: 78px;
+  text-align: center;
+  line-height: 50px;
+  color: #fff;
+  font-size: 20px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.sidebar .nav-links h1.showMenu i.arrow{
+  transform: rotate(-180deg);
+}
+.sidebar.close .nav-links i.arrow{
+  display: none;
+}
+.sidebar .nav-links h1 a{
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+.sidebar .nav-links h1 a .link_name{
+  font-size: 18px;
+  font-weight: 400;
+  color: #fff;
+  transition: all 0.4s ease;
+}
+.sidebar.close .nav-links h1 a .link_name{
+  opacity: 0;
+  pointer-events: none;
+}
+.sidebar .nav-links h1 .sub-menu{
+  padding: 6px 6px 14px 80px;
+  margin-top: -10px;
+  background: #1d1b31;
+  display: none;
+}
+.sidebar .nav-links h1.showMenu .sub-menu{
+  display: block;
+}
+.sidebar .nav-links h1 .sub-menu a{
+  color: #fff;
+  font-size: 15px;
+  padding: 5px 0;
+  white-space: nowrap;
+  opacity: 0.6;
+  transition: all 0.3s ease;
+}
+.sidebar .nav-links h1 .sub-menu a:hover{
+  opacity: 1;
+}
+.sidebar.close .nav-links h1 .sub-menu{
+  position: absolute;
+  left: 100%;
+  top: -10px;
+  margin-top: 0;
+  padding: 10px 20px;
+  border-radius: 0 6px 6px 0;
+  opacity: 0;
+  display: block;
+  pointer-events: none;
+  transition: 0s;
+}
+.sidebar.close .nav-links h1:hover .sub-menu{
+  top: 0;
+  opacity: 1;
+  pointer-events: auto;
+  transition: all 0.4s ease;
+}
+.sidebar .nav-links h1 .sub-menu .link_name{
+  display: none;
+}
+.sidebar.close .nav-links h1 .sub-menu .link_name{
+  font-size: 18px;
+  opacity: 1;
+  display: block;
+}
+.sidebar .nav-links h1 .sub-menu.blank{
+  opacity: 1;
+  pointer-events: auto;
+  padding: 3px 20px 6px 16px;
+  opacity: 0;
+  pointer-events: none;
+}
+.sidebar .nav-links h1:hover .sub-menu.blank{
+  top: 50%;
+  transform: translateY(-50%);
+}
\ No newline at end of file
diff --git a/Your's Jarvis/Java script/navigation.js b/Your's Jarvis/Java script/navigation.js
new file mode 100644
index 0000000..50d1248
--- /dev/null
+++ b/Your's Jarvis/Java script/navigation.js	
@@ -0,0 +1,14 @@
+let arrow = document.querySelectorAll(".arrow");
+for (var i = 0; i < arrow.length; i++) {
+  arrow[i].addEventListener("click", (e)=>{
+ let arrowParent = e.target.parentElement.parentElement;//selecting main parent of arrow
+ arrowParent.classList.toggle("showMenu");
+  });
+}
+
+let sidebar = document.querySelector(".sidebar");
+let sidebarBtn = document.querySelector(".bx-menu");
+console.log(sidebarBtn);
+sidebarBtn.addEventListener("click", ()=>{
+  sidebar.classList.toggle("close");
+});
diff --git a/Your's Jarvis/Login Page.html b/Your's Jarvis/Login Page.html
new file mode 100644
index 0000000..cd0e5d4
--- /dev/null
+++ b/Your's Jarvis/Login Page.html	
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<!-- Created by CodingLab |www.youtube.com/c/CodingLabYT-->
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8">
+    <title> Admin Login - Jarvis Raid Tool </title>
+
+    <!-- Link Css File-->
+    <link rel="stylesheet" href="Css/Login.css">
+
+    <!-- Link Java Script File -->
+    <script src="Java script/Login Script.js"></script>
+
+    <!-- Boxiocns CDN Link -->
+    <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  </head>
+
+<body>
+  <div class="container">
+    <div class="forms">
+        <div class="form-content">
+          <div class="login-form">
+            <div class="title"><span><i class='bx bxl-flutter'></i></span>  Login</div>
+
+          <form action="navigation.html">
+            <div class="input-boxes">
+              <div class="input-box">
+                <i class='bx bx-user-circle'></i>
+                <input type="text" placeholder="Enter your Email or Username" required>
+              </div>
+              <div class="input-box">
+                <i class='bx bx-lock-alt' ></i>
+                <input type="password" placeholder="Enter your Password" required>
+              </div>
+              <div class="text"><a href="https://github.com/Yours-Jarvis/Multi-Raid-Tools-Web.../issues" target="blank">Forgot password?</a></div>
+              <div class="button input-box">
+                <input type="submit" value="Login">
+              </div>
+              <!--<div class="text sign-up-text">Don't have an account? <label for="flip">Sigup now</label></div>-->
+            </div>
+        </form>
+      </div>
+
+
+        <!--<div class="signup-form">
+          <div class="title">Signup</div>
+        <form action="#">
+            <div class="input-boxes">
+              <div class="input-box">
+                <i class="fas fa-user"></i>
+                <input type="text" placeholder="Enter your name" required>
+              </div>
+              <div class="input-box">
+                <i class="fas fa-envelope"></i>
+                <input type="text" placeholder="Enter your email" required>
+              </div>
+              <div class="input-box">
+                <i class="fas fa-lock"></i>
+                <input type="password" placeholder="Enter your password" required>
+              </div>
+              <div class="button input-box">
+                <input type="submit" value="Sumbit">
+              </div>
+              <div class="text sign-up-text">Already have an account? <label for="flip">Login now</label></div>
+            </div>
+        </form>
+    </div>-->
+
+    </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/Your's Jarvis/image/image-2.jpg b/Your's Jarvis/image/image-2.jpg
new file mode 100644
index 0000000..69f8f81
Binary files /dev/null and b/Your's Jarvis/image/image-2.jpg differ
diff --git a/Your's Jarvis/image/image.jpg b/Your's Jarvis/image/image.jpg
new file mode 100644
index 0000000..68678c2
Binary files /dev/null and b/Your's Jarvis/image/image.jpg differ
diff --git a/Your's Jarvis/image/profile.jpeg b/Your's Jarvis/image/profile.jpeg
new file mode 100644
index 0000000..6338eb3
Binary files /dev/null and b/Your's Jarvis/image/profile.jpeg differ
diff --git a/Your's Jarvis/navigation.html b/Your's Jarvis/navigation.html
new file mode 100644
index 0000000..30dcb02
--- /dev/null
+++ b/Your's Jarvis/navigation.html	
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<!-- Designined by Your's Jarvis -->
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8">
+    <title> Your's Jarvis | Jarvis Raid Tool </title>
+    <link rel="stylesheet" href="css/navigation.css">
+    
+    <!-- Boxiocns CDN Link -->
+    <link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   </head>
+
+<body>
+  <nav>
+    <div class="sidebar close">
+      <div class="logo-details">
+        <i class='bx bxl-flutter'></i>
+        <span class="logo_name">Jarvis Raid Tools</span>
+      </div>
+
+      <ul class="nav-links">
+        <li>
+          <a href="#">
+            <i class='bx bxs-dashboard'></i>
+            <span class="link_name">Dashboard</span>
+          </a>
+          <ul class="sub-menu blank">
+            <li><a class="link_name" href="#">Dashboard</a></li>
+          </ul>
+        </li>
+  
+        <li>
+          <a href="#">
+            <i class='bx bx-notepad'></i>
+            <span class="link_name">Account List's</span>
+          </a>
+          <ul class="sub-menu blank">
+            <li><a class="link_name" href="#">Account List's</a></li>
+          </ul>
+        </li>
+  
+        <li>
+          <div class="iocn-link">
+            <a href="#">
+              <i class='bx bx-shield-quarter'></i>
+              <span class="link_name">Attack's</span>
+            </a>
+            <i class='bx bxs-chevron-down arrow' ></i>
+          </div>
+
+          <ul class="sub-menu">
+            <li><a class="link_name" href="#">Fishing Attack's</a></li>
+            <li><a href="#">Server Joiner</a></li>
+            <li><a href="#">Leaver</a></li>
+            <li><a href="#">Message & DM Spammer</a></li>
+            <li><a href="#">Friender</a></li>
+            <li><a href="#">Reactions Spammer</a></li>
+            <li><a href="#">Voice Channel Joiner</a></li>
+          </ul>
+        </li>
+  
+        <li>
+          <a href="#">
+            <i class='bx bx-user-check'></i>
+            <span class="link_name">Account Checker</span>
+          </a>
+          <ul class="sub-menu blank">
+            <li><a class="link_name" href="#">Account Checker</a></li>
+          </ul>
+        </li>
+        
+        <li>
+          <a href="#">
+            <i class='bx bx-book-content'></i>
+            <span class="link_name">Profile Cleaner</span>
+          </a>
+          <ul class="sub-menu blank">
+            <li><a class="link_name" href="#">Profile Cleaner</a></li>
+          </ul>
+        </li>
+  
+        <li>
+          <a href="#">
+            <i class='bx bx-terminal'></i>
+            <span class="link_name">Server Information</span>
+          </a>
+          <ul class="sub-menu blank">
+            <li><a class="link_name" href="#">Server Information</a></li>
+          </ul>
+        </li>
+  
+        <li>
+          <a href="#">
+            <i class='bx bx-cog' ></i>
+            <span class="link_name">Settings</span>
+          </a>
+          <ul class="sub-menu blank">
+            <li><a class="link_name" href="#">Settings</a></li>
+          </ul>
+        </li>
+  
+        <!--<li>
+          <div class="logout">
+            <div class="icon">
+              <div class="tooltip">logout</div>
+               <span><i class='bx bx-log-out'></i></span>
+            </div>           
+          </div>
+        </li>-->
+  
+        <h1>
+          <div class="profile-details">
+            <div class="profile-content">
+              <img src="    image/profile.jpeg" alt="profileImg">
+            </div>
+
+            <div class="name-job">
+              <div class="profile_name">Your's Jarvis</div>
+              <div class="job">Web Programmer</div>
+            </div>
+
+            <a href="Login Page.html">
+            <div><i class='bx bx-log-out'></i></div></a>
+           
+          </div>
+        </h1>
+
+      </ul>
+    </div>
+       
+    <section class="home-section">
+      <div class="home-content">
+        <i class='bx bx-menu' ></i>
+        <span class="text">Jarvis Raid Tool - Dashboard</span>
+      </div>
+    </section>
+  
+    <script src="Java script/navigation.js"></script>
+  
+  </nav>
+</body>
+</html>