diff --git a/login.html b/login.html
index 8ad76ab..fcd1465 100644
--- a/login.html
+++ b/login.html
@@ -54,7 +54,7 @@
           <img src="assests/moon.png" alt="image" id="themeImg">
           <button  id="loginButton" class="button_nav txtColor hello" ><a href="login.html">
            LogIn</a></button>
-          <button id="signup" class="button_nav txtColor">Sign Up</button>
+          <button id="signup" class="button_nav txtColor"><a href="signup.html">Sign Up</a></button>
           <button onclick="click" id="Calender" class="button_nav txtColor1 hello">Calendar</button>
         </div>
       </div>
diff --git a/signup.html b/signup.html
new file mode 100644
index 0000000..c54ae45
--- /dev/null
+++ b/signup.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-app-compat.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-auth-compat.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-database-compat.js"></script>
+  <link rel="stylesheet" href="login1.css">
+  <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+  <link
+        href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
+        rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
+    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
+  <link rel="stylesheet" href="./chatBot/style.css">
+  <script src="https://kit.fontawesome.com/d1c523657e.js" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="css/navbar.css" />
+  <link rel="stylesheet" href="css/sec1.css" />
+  <link rel="stylesheet" href="css/sec2.css" />
+  <link rel="stylesheet" href="css/sec3.css" />
+  <link rel="stylesheet" href="css/sec4.css" />
+  <!-- material -->
+  <link rel="stylesheet"
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+  <link rel="stylesheet" href="css/desktop_9.css">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="../Css-files/scroll-top-button.css">
+    <link rel="stylesheet" href="../Css-files/content.css">
+    <script src="../hamburger.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+  <title>SignUp</title>
+</head>
+
+<body>
+    <div class="navbar" id="navbar">
+        <div class="navs1">
+          <a href="index.html"><img src="img/final logo 1.png" alt="" /></a>
+          <div class="span1"><a href="index.html">Blogzen</a></div>
+          <!-- <div class="span2"><a href="index.html">zen</a></div> -->
+        </div>
+    
+        <div class="navs2">
+          <!-- <img src="img/final logo 1.png" alt="" /> -->
+          <img src="assests/moon.png" alt="image" id="themeImg">
+          <button  id="loginButton" class="button_nav txtColor hello" ><a href="login.html">
+           LogIn</a></button>
+          <button id="signup" class="button_nav txtColor">Sign Up</button>
+          <button id="Calender" class="button_nav txtColor1 hello">Calendar</button>
+        </div>
+      </div>
+  
+  <section>
+  <div class="main-login">
+    <div class="left-login" data-aos="zoom-out-left" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
+      <h1><b>SignUp Here</b></h1>
+      <img src="1.png" class="left-login-image" alt="food">
+    </div>
+    <div class="right-login">
+      <div class="card-login" data-aos="zoom-out-right" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
+        <button class="close-btn">&times;</button>
+        <h1>SignUp</h1>
+        <br>
+        <div class="textfield">
+          <label for="email">Email</label>
+          <input type="email" name="email" id="email" placeholder="Enter Email">
+        </div>
+        <div class="textfield">
+          <label for="username">Username</label>
+          <input type="text" name="Username" id="username" placeholder="Username">
+        </div>
+        <div class="textfield">
+          <label for="password">Password</label>
+          <input type="password" id="password" name="password" placeholder="Enter Password">
+          <span id="login-hide">
+            <i class='icon bx bxs-hide' style="font-size: 27px;"></i>
+          </span>
+        </div>
+        <button class="btn-login" >SignUp</button>
+        <h3>
+          <center>OR</center>
+        </h3>
+        <button id="google-login">SignUp with Google</button>
+      </div>
+    </div>
+  </div>
+</section>
+<div class="footer">
+    <div class="socials">
+      <div class="footer_titles">Follow us on our socials</div>
+      <div class="icons">
+       
+      </div>
+    </div>
+    <div class="newsletter">
+      <div class="footer_titles">Subscribe to our newsletter</div>
+      <form id="subscriptionForm">
+        <input type="email" id="emailId" name="email" placeholder="Your Email" required>
+        <button type="submit">Subscribe</button>
+      </form>
+      <div id="subscriptionMessage" style="display: none;">You have subscribed successfully!</div>
+    </div>
+  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+  <script>
+    AOS.init({
+      duration: 1000,
+      easing: 'ease',
+      once: false,
+    });
+
+
+    // Password visibility toggle
+    const passwordInput = document.getElementById("password");
+    const hideLogo = document.getElementById("login-hide");
+    hideLogo.addEventListener("click", function () {
+      const passwordField = this.querySelector("i");
+      if (passwordInput.getAttribute("type") == "text") {
+        passwordInput.setAttribute("type", "password");
+        passwordField.classList.replace("bxs-show", "bxs-hide");
+      } else {
+        passwordInput.setAttribute("type", "text");
+        passwordField.classList.replace("bxs-hide", "bxs-show");
+      }
+    });
+
+    // Close button redirect
+    const closeBtn = document.querySelector('.close-btn');
+    closeBtn.addEventListener('click', function () {
+      window.location.href = '../index.html';
+    });
+
+    
+  </script>
+</body>
+
+</html>
\ No newline at end of file
