Skip to content
Snippets Groups Projects
Commit 86295f9e authored by Suriya Ravichandran's avatar Suriya Ravichandran
Browse files

add background

parent be12811b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
assets/images/background.png 0 → 100644
+ 0
− 0
View file @ 86295f9e
assets/images/background.png

167 KiB

index.html
+ 1
− 1
View file @ 86295f9e
......@@ -43,7 +43,7 @@
</div>
</div>
</form>
<div class="link">Already signed up?<a href="#">Login now</a></div>
<div class="link">Already signed up? <a href="#">Login now</a></div>
</section>
</div>
......
style/login.css
+ 2
− 1
View file @ 86295f9e
......@@ -7,6 +7,7 @@ body {
/* Center the form on the page */
.wrapper {
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url("../assets/images/background.png");
display: flex;
align-items: center;
justify-content: center;
......@@ -16,7 +17,7 @@ body {
/* Style the form container */
.formlogin {
background-color: #fff;
background-color: #EB984E;
border-radius: 8px;
box-shadow: 0 0 128px rgba(0, 0, 0, 0.1);
width: 400px;
......
style/signup.css
+ 2
− 2
View file @ 86295f9e
......@@ -11,12 +11,12 @@ body {
align-items: center;
justify-content: center;
height: 100vh;
background-color: #f5f5f5;
background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url("../assets/images/background.png");
}
/* Style the form container */
.formsignup {
background-color: #fff;
background-color: #EB984E;
border-radius: 8px;
box-shadow: 0 0 128px rgba(0, 0, 0, 0.1);
width: 400px;
......
users.html 0 → 100644
+ 37
− 0
View file @ 86295f9e
<!DOCTYPE <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Gochat</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style/login.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
</head>
<body>
<div class="wrapper">
<section class="users">
<header>
<div class="content">
<img src="" alt="">
<div class="details">
<span>Suriya</span>
<p>Active Now</p>
</div>
</div>
<a href="#" class="logout">Logout</a>
</header>
<div class="search">
<span class="text">Select an user to start chat</span>
<input type="text" placeholder="Enter name to search...">
<button ><i class="fa fa-search"></i></button>
</div>
</section>
</div>
<script src="" async defer></script>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment