html button function added, new html/webpage created

Rajput-xv · Aug 31, 2023 · 357a40f · 357a40f
1 parent ecddde9
commit 357a40f
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 2 deletions.
diff --git 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
@@ -62,8 +62,9 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
               </form>
 
               <div class="text-end  d-lg-flex align-items-center" >
-                <button type="button" class="btn btn-outline-light me-2 col d-none d-lg-block btn-sm ">Login</button>
-                <button type="button" class="btn btn-warning col d-none d-lg-block btn-sm " style="width: 100px;">Sign-up</button>
+                <!-- <a href="./login.html" ><button type="button" class="btn login btn-outline-light me-2 col d-none d-lg-block btn-sm ">   Login</button></a> -->
+                <button type="button" class="btn login btn-outline-light me-2 col d-none d-lg-block btn-sm " ><a href="./login.html" > Login </a> </button>
+                <button type="button" class="btn sign-up btn-warning col d-none d-lg-block btn-sm " style="width: 100px;"><a href="./login.html" > Sign-up </a> </button>
               </div>
             </ul>
           </div>

diff --git a/index.js b/index.js
@@ -0,0 +1,3 @@
+document.querySelector(".login button").addEventListener("click",function(){
+    document.querySelector("a").href="login.html";
+})
diff --git a/login.css b/login.css
@@ -0,0 +1,15 @@
+body{
+    background-color: aqua;
+}
+
+.card-container{
+    background-color: black;
+}
+
+.row{
+    background-color: blue;
+}
+
+.col{
+    background-color: brown;
+}
diff --git a/login.html b/login.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login-Signup</title>
+    <link rel="stylesheet" href="Login.css">
+</head>
+<body>
+
+    <div class="card-container ">
+        <div class="pack-card row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 " >
+
+            <div class="col ">
+                <div class="card "> One</div>
+            </div>
+
+            <div class="col">
+                <div class="card "> Two</div>
+            </div>
+
+        </div>
+
+    </div>
+
+</body>
+</html>