Skip to content

Commit

Permalink
done
Browse files Browse the repository at this point in the history
  • Loading branch information
@SrijaVuppala295
SrijaVuppala295 committed May 13, 2024
1 parent 52980f5 commit e0873aa
Show file tree
Hide file tree
Showing 8 changed files with 381 additions and 5 deletions.
40 changes: 40 additions & 0 deletions assets/css/button.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
.navdiv {
display: flex;
align-items: center;
justify-content: flex-end; /* Align buttons to the right */
margin-top: 45px;
margin-right: 30px;
}


.login{
background-color: #640D6B;
margin-left: 10px;
border-radius: 10px;
padding: 10px;
width: 90px;
/* border: none; */
cursor: pointer;
}
.signup{
background-color:#A91D3A;
margin-left: 10px;
border-radius: 10px;
padding: 10px;
width: 90px;
/* border: none; */
cursor: pointer;
}


button a {
color: white;
font-weight: bold;
font-size: 15px;
text-decoration: none; /* Remove underline */
}

button:hover {
background-color: #333; /* Darken button color on hover */
}

106 changes: 106 additions & 0 deletions assets/css/login.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #333;
background: url('C:/Users/Manikanta/OneDrive/Desktop/GameZone/assets/images/background.avif') no-repeat;
background-size: cover;
background-position: center;
}

.wrapper{
width: 420px;
background: transparent;
border: 2px solid rgba(255, 255, 255, .2);
backdrop-filter: blur(9px);
color: #fff;
border-radius: 12px;
padding: 30px 40px;
}
.wrapper h1{
font-size: 36px;
text-align: center;
}
.wrapper .input-box{
position: relative;
width: 100%;
height: 50px;

margin: 30px 0;
}
.input-box input{
width: 100%;
height: 100%;
background: transparent;
border: none;
outline: none;
border: 2px solid rgba(255, 255, 255, .2);
border-radius: 40px;
font-size: 16px;
color: #fff;
padding: 20px 45px 20px 20px;
}
.input-box input::placeholder{
color: #fff;
}
.input-box i{
position: absolute;
right: 20px;
top: 30%;
transform: translate(-50%);
font-size: 20px;

}
.wrapper .remember-forgot{
display: flex;
justify-content: space-between;
font-size: 14.5px;
margin: -15px 0 15px;
}
.remember-forgot label input{
accent-color: #fff;
margin-right: 3px;

}
.remember-forgot a{
color: #fff;
text-decoration: none;

}
.remember-forgot a:hover{
text-decoration: underline;
}
.wrapper .btn{
width: 100%;
height: 45px;
background: #fff;
border: none;
outline: none;
border-radius: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
cursor: pointer;
font-size: 16px;
color: #333;
font-weight: 600;
}
.wrapper .register-link{
font-size: 14.5px;
text-align: center;
margin: 20px 0 15px;

}
.register-link p a{
color: #fff;
text-decoration: none;
font-weight: 600;
}
.register-link p a:hover{
text-decoration: underline;
}
106 changes: 106 additions & 0 deletions assets/css/signup.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #333;
background: url('C:/Users/Manikanta/OneDrive/Desktop/GameZone/assets/images/background.avif') no-repeat;
background-size: cover;
background-position: center;
}

.wrapper{
width: 420px;
background: transparent;
border: 2px solid rgba(255, 255, 255, .2);
backdrop-filter: blur(9px);
color: #fff;
border-radius: 12px;
padding: 30px 40px;
}
.wrapper h1{
font-size: 36px;
text-align: center;
}
.wrapper .input-box{
position: relative;
width: 100%;
height: 50px;

margin: 30px 0;
}
.input-box input{
width: 100%;
height: 100%;
background: transparent;
border: none;
outline: none;
border: 2px solid rgba(255, 255, 255, .2);
border-radius: 40px;
font-size: 16px;
color: #fff;
padding: 20px 45px 20px 20px;
}
.input-box input::placeholder{
color: #fff;
}
.input-box i{
position: absolute;
right: 20px;
top: 30%;
transform: translate(-50%);
font-size: 20px;

}
.wrapper .remember-forgot{
display: flex;
justify-content: space-between;
font-size: 14.5px;
margin: -15px 0 15px;
}
.remember-forgot label input{
accent-color: #fff;
margin-right: 3px;

}
.remember-forgot a{
color: #fff;
text-decoration: none;

}
.remember-forgot a:hover{
text-decoration: underline;
}
.wrapper .btn{
width: 100%;
height: 45px;
background: #fff;
border: none;
outline: none;
border-radius: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
cursor: pointer;
font-size: 16px;
color: #333;
font-weight: 600;
}
.wrapper .register-link{
font-size: 14.5px;
text-align: center;
margin: 20px 0 15px;

}
.register-link p a{
color: #fff;
text-decoration: none;
font-weight: 600;
}
.register-link p a:hover{
text-decoration: underline;
}
Binary file added assets/images/background.avif
View file
Binary file not shown.
Binary file added assets/images/bg.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 35 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@
<link rel="stylesheet" href="./assets/css/navbar.css">
<link rel="stylesheet" href="./assets/css/gameCard.css">
<link rel="stylesheet" href="./assets/css/cursor_transition.css">
<link rel="stylesheet" href="./assets/css/button.css">

<!--
- google font link
Expand All @@ -76,6 +77,19 @@
</label> -->

<body>



<div class="navdiv" >



<div><button class="login"><a href="login.html">Login</a></button></div>
<div><button class="signup"><a href="signup.html">SignUp</a></button></div>

</div>


<div class="cursor"></div>
<!-- BACKGROUND PARTICLES -->
<!-- <div class="page-bg"></div> -->
Expand All @@ -92,7 +106,7 @@
<div class="abcd">

<main>


<div class="main-content">

Expand All @@ -103,13 +117,21 @@
<!--
- #NAVBAR
-->




<div class="heading">
<span>🕹️&nbsp;</span><span>G</span><span>A</span><span>M</span><span>E</span><span>Z</span><span>O</span><span>N</span><span>E</span>

</div>







<div class="search-container" id="search-container-id">
<input type="text" class="search-input" placeholder="Search" onkeyup="search_game()" id="searchbar">
<div class="search-btn">
Expand Down Expand Up @@ -200,8 +222,16 @@ <h1>Our Valuable Contributors</h1>
rel="noopener noreferrer" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>

<li><a href="https://twitter.com/kunj_199" aria-label="Follow me on Twitter" title="Twitter (External Link)"
rel="noopener noreferrer" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" height="1em" aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 512 512">
<style>svg{fill:#ffffff}</style><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a></li>
rel="noopener noreferrer" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" height="1em"
aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 512 512">
<style>
svg {
fill: #ffffff
}
</style>
<path
d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
</svg></a></li>

<li><a href="https://www.linkedin.com/in/kunj199/" aria-label="Follow me on Linkedin"
title="Linkedin (External Link)" rel="noopener noreferrer" target="_blank"><i
Expand Down Expand Up @@ -236,7 +266,7 @@ <h1>Our Valuable Contributors</h1>
<script src="./assets/js/scroll.js"></script>
<script src="./assets/js/contributors.js"></script>
<script src="./assets/js/cursor_transition.js"></script>



<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
Expand All @@ -255,4 +285,4 @@ <h1>Our Valuable Contributors</h1>

</body>

</html>
</html>
Loading

0 comments on commit e0873aa

Please sign in to comment.