diff --git a/index.css b/index.css
index f7dccac..aa0d983 100644
--- a/index.css
+++ b/index.css
@@ -22,6 +22,21 @@
animation: gradient-animation 18s ease infinite;
} */
+.sign-up a{
+ text-decoration: none;
+ color: #000;
+}
+
+.login a{
+ text-decoration: none;
+ color: white ;
+}
+
+.login {
+ --bs-btn-hover-color: #000 ;
+ --bs-btn-hover-bg: black !important;
+}
+
.row.heading{
padding-top: 20px;
padding-left: 50px;
diff --git a/index.html b/index.html
index 7a7ff63..0dfb346 100644
--- a/index.html
+++ b/index.html
@@ -62,8 +62,9 @@
E-Smart
-
-
+
+
+
diff --git a/index.js b/index.js
index e69de29..5dc4337 100644
--- a/index.js
+++ b/index.js
@@ -0,0 +1,3 @@
+document.querySelector(".login button").addEventListener("click",function(){
+ document.querySelector("a").href="login.html";
+})
\ No newline at end of file
diff --git a/login.css b/login.css
new file mode 100644
index 0000000..8c3a9b1
--- /dev/null
+++ b/login.css
@@ -0,0 +1,15 @@
+body{
+ background-color: aqua;
+}
+
+.card-container{
+ background-color: black;
+}
+
+.row{
+ background-color: blue;
+}
+
+.col{
+ background-color: brown;
+}
\ No newline at end of file
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..f63073d
--- /dev/null
+++ b/login.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+ Login-Signup
+
+
+
+
+
+
+
+
\ No newline at end of file