st

anuragverma108 · Mar 9, 2024 · 464b573 · 464b573
1 parent 14f130d
commit 464b573
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 18 deletions.
diff --git a/login.css b/login.css
@@ -1,17 +1,29 @@
-
-
+.navbar-header {
+    font-family: var(--ff-philosopher);
+    font-size: 4rem;
+    line-height: 1;
+    display: block;
+    text-decoration-color: #fff;
+  }
+.navbar{
+    background-color: #c9acc2;
+}
+
 body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #81658a;
+    font-family: var(--ff-philosopher);
+    font-size: 4rem;
+    background-color: #c9acc2;
 }
 
 .container {
-    display: flex;
-    justify-content: left;
-    align-items: left;
-    height: 100vh;
+
+}
+.col-sm-5{
+    margin-left:200px;
+    align-items: right;
+}
+.col-sm-4{
+    margin-left: 0px;
 }
 .loginbox{
     box-sizing: border-box;

diff --git a/login.html b/login.html
@@ -7,23 +7,24 @@
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
 	<title>How to create Firebase login and register?</title>
+	<link rel="stylesheet" href="login.css">
 </head>
 <body>
-<div class="navbar navbar-default">
-<div class="navbar-header">
-  <a class="navbar-brand" href="https://www.shinerweb.com">Books Swap</a>
-  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar">
+<div class="navbar">
+ <div class="navbar-header"> 
+  <a  href="index.html">SwapReads</a>
+  <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar">
       <span class="sr-only">Toggle navigation</span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
-  </button>
+  </button>  -->
 </div>
 <div class="navbar-collapse collapse"  >
     <ul class="nav navbar-nav navbar-right">
          <li><a href="#" id="logout" style="display: none;">Log Out</a></li>
     </ul>
-</div>
+</div> 
 </div>
 <br>
 <div class="container">	
@@ -42,12 +43,12 @@ <h2>Register for new users</h2>
 		  <input type="password" name="password" id="password" class="form-control"  placeholder="Enter your password">
 		</div>
 		<button type="button" id="register" name="register" class="btn btn-success">Register Now</button>
-	</div><!-- end col -->
+	</div>
 	</form>
 
 
 
-	<div class="col-sm-4">
+	<div class="col-sm-5">
 		<!--<img src="firebase_auth.png">-->
 	</div>