diff --git a/controllers/userController.js b/controllers/userController.js
index f6808fdc..270265dd 100644
--- a/controllers/userController.js
+++ b/controllers/userController.js
@@ -140,7 +140,7 @@ exports.sendEmail = (req, res) => {
   // create reusable transporter object using the default SMTP transport
   const Transporter = nodemailer.createTransport({
     host: process.env.host,
-    port: 2525,
+    port: process.env.sendPort,
     auth: {
       user: process.env.user,
       pass: process.env.pass,
diff --git a/public/about.css b/public/about.css
index 93cc0d58..1e790d2a 100644
--- a/public/about.css
+++ b/public/about.css
@@ -1,7 +1,7 @@
 /*GENERAL*/
 
-@import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Vollkorn&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
 
 * {
   text-decoration: none;
@@ -31,7 +31,7 @@ header {
 
 header nav a {
   padding: 0 15px;
-  font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
@@ -42,20 +42,20 @@ header nav a:hover {
   color: #0d47a1;
 }
 
-header nav .top-menu-home a {
-  font-family: 'Ubuntu', sans-serif;
+header nav .top-menu-about-us a {
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
-  /* font-size: 24px; */
+  font-size: 24px;
   color: #2196f3;
 }
 
-header nav .top-menu-home a:hover {
+header nav .top-menu-about-us a:hover {
   color: #0d47a1;
 }
 
 header nav .top-menu-get-started a {
-  font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
@@ -71,24 +71,10 @@ header nav .top-menu-get-started a:hover {
   background-color: #e9ecef;
 }
 
-.btn-dark {
-  width: 70px;
-  height: 30px;
-  border-radius: 20px;
-  cursor: pointer;
-}
-
-.dark-mode {
-  background-color: black;
-  color: #ffff;
-}
-.dark-mode > footer {
-  background-color: navy;
-}
 /*GENERAL*/
 
 h2 {
-  font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 40px;
@@ -98,7 +84,7 @@ h2 {
 }
 
 p {
-  font-family: 'Vollkorn', serif;
+  font-family: "Vollkorn", serif;
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
@@ -174,7 +160,7 @@ footer {
 }
 
 footer .bottom-menu-item a {
-  font-family: 'Vollkorn', serif;
+  font-family: "Vollkorn", serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
@@ -236,7 +222,7 @@ footer .bottom-menu {
 
   /*FIRST ROW*/
 
-  #row-one-right img[src='images/laptop_user.svg'] {
+  #row-one-right img[src="images/laptop_user.svg"] {
     width: 259px;
     height: 310px;
   }
diff --git a/sample_env_file.md b/sample_env_file.md
index 274a65bc..b95bcb6f 100644
--- a/sample_env_file.md
+++ b/sample_env_file.md
@@ -2,12 +2,14 @@ Port = 8000
 
 dB_URI = 'mongodb://localhost/cardify-backend'
 
-JWT_SECRET = 'secretcode'
+JWT_SECRET = '<YOUR_SECRET_CODE>'
 
-to = 'cc_team127@gmail.com'
+to = '<YOUR_EMAIL_ADDRESS(receivers address)>'
 
 host = "smtp.mailtrap.io"
 
-user = "1e74210c8274db"
+user = "<YOUR_USER_CREDENTIALS>"
 
-pass = "33072385728da8"
+pass = "<USER_PASSWORD>"
+
+sendPort = <PORT_NUMBER e.g 2525>
diff --git a/views/contact.ejs b/views/contact.ejs
index e3759d19..0bae880e 100644
--- a/views/contact.ejs
+++ b/views/contact.ejs
@@ -25,7 +25,7 @@
         </button>
           <nav class="top-menu">
             <div class="top-menu-item"><a href="index">Home</a></div>
-            <div class="top-menu-item"><a href="cards">Library</a></div>
+            <div class="top-menu-item"><a href="library">Library</a></div>
             <div class="top-menu-item"><a href="about">About Us</a></div>
             <div class="top-menu-item-get-started"><a href="signup">Get Started</a></div>
             <div class="top-menu-item"><a href="signin">Sign In</a></div>
diff --git a/views/develop-center.ejs b/views/develop-center.ejs
index 6f0de585..bb0b96c6 100644
--- a/views/develop-center.ejs
+++ b/views/develop-center.ejs
@@ -16,9 +16,9 @@
       <div id="top-menu-container">
         <!-- <button class="btn-dark" onclick="myFunction()">Dark mode</button> -->
         <nav class="top-menu">
-          <div class="top-menu-item-home"><a href="index">Home</a></div>
+          <div class="top-menu-item"><a href="index">Home</a></div>
           <div class="top-menu-item"><a href="use">How to</a></div>
-          <div class="top-menu-item"><a href="developer">develop-center</a></div>
+          <div class="top-menu-item"><a href="developer">Developer center</a></div>
         </nav>
       </div>
     </header>
diff --git a/views/password.html b/views/password.html
deleted file mode 100644
index 18061303..00000000
--- a/views/password.html
+++ /dev/null
@@ -1,115 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <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" />
-    <title>Cardify :: Sign In</title>
-    <link rel="stylesheet" href="signin.css" />
-  </head>
-  <body>
-    <header>
-      <div id="top-logo-container">
-        <a href="index"
-          ><img src="images/logo_top.svg" alt="Logo" height="80px" width="187"
-        /></a>
-      </div>
-      <!--Insert links for menu items below-->
-      <div id="top-menu-container">
-        <nav id="top-menu-container">
-          <div class="top-menu-home"><a href="index">Home</a></div>
-          <div class="top-menu-library"><a href="library">Library</a></div>
-          <div class="top-menu-about-us"><a href="about">About Us</a></div>
-          <div class="top-menu-get-started"><a href="signup">Get Started</a></div>
-          <div class="top-menu-sign-in"><a href="signin">Sign In</a></div>
-        </nav>
-      </div>
-    </header>
-    <main>
-
-      <div id="row-one">
-
-        <div id="row-one-left">
-            <h1>Hey there, welcome back!</h1>
-            <form id="sign-in-form" action="/">
-                <label for="email">Email</label>
-                <input type="email" id="email" name="email" placeholder="Enter your email address" required>
-                <div class="email error"></div>
-                <label for="password">Password</label>
-                <input type="password" id="password" name="password" placeholder="Enter your password" required>
-                <div class="password error"></div>
-                <a href=""><p>Forgot password?</p></a>
-                <button id="login-button">Login</button>
-            </form>
-            <p class="row-one-left-par">Don't have an account?<a href="signup"> Get started</a></p>
-        
-        </div>
-
-        <div id="row-one-right">
-            <img src="images/Group 29three.PNG" alt="" height="432" width="512px">
-        </div>
-
-      </div>
-
-    </main>
-    <footer>
-      <div id="bottom-logo-container">
-        <a href="index"
-          ><img
-            src="images/logo_bottom.png"
-            alt="Logo"
-            height="80px"
-            width="187"
-        /></a>
-      </div>
-      <!--Insert links for menu items below-->
-      <div id="bottom-menu-container">
-        <nav class="bottom-menu">
-          <div class="bottom-menu-item"><a href="developer">Documentation</a></div>
-          <div class="bottom-menu-item"><a href="contact">Support</a></div>
-          <div class="bottom-menu-item"><a href="contact">Contact Us</a>
-        </nav>
-      </div>
-    </footer>
-  </body>
-</html>
-
-
-
-<script>
-  const form = document.querySelector('form');
-  const emailError = document.querySelector('.email.error');
-  const passwordError = document.querySelector('.password.error');
-  form.addEventListener('submit', async (e) => {
-    e.preventDefault();
-
-    // reset values
-    emailError.textContent = '';
-    passwordError.textContent = '';
-
-    // get the values
-    const email = form.email.value;
-    const password = form.password.value;
-
-    console.log(email, password);
-
-    try {
-      const res = await fetch('/signin', {
-        method: 'POST',
-        body: JSON.stringify({ email, password }),
-        headers: { 'Content-Type': 'application/json' },
-      });
-      const data = await res.json();
-      console.log(data);
-      if (data.errors) {
-        emailError.textContent = data.errors.email;
-        passwordError.textContent = data.errors.password;
-      }
-      if (data.user) {
-        location.assign('/library');
-      }
-    } catch (error) {
-      console.log(error);
-    }
-  });
-</script>