Skip to content

LOGIN SCREEN-23BEE1016 #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dishadaniellol wants to merge 3 commits into
base: main
Choose a base branch
from
Open

LOGIN SCREEN-23BEE1016 #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
69b5704
Add files via upload
dishadaniellol Nov 4, 2023
e54b45e
Delete index.html
dishadaniellol Nov 4, 2023
bb22bb9
Add files via upload
dishadaniellol Nov 4, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
125 changes: 125 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

<title>CODECHEF</title>
</head>

<body>
<div class="main d-flex align-items-center justify-content-center scroll-bar">
<div class="row">
<div class="col-xs-12">
<div class="container">

<div class="heading">
<p>
<span style="color: lavenderblush">CODE</span><span style="color: #751075;">CHEF</span>
</p>
</div>
<div class="wrapper ">

<div class="form_box left-section " >
<div class="innerbox col-xs-6" id="form_box">
<div class="front col-xs-6">
<h1>LOGIN</h1>
<form>

<div class="input_box">
<label for="">Username</label>
<i class="fa-solid fa-user"></i>
<input type="text" required>

</div>

<div class="input_box">
<label for="">Password</label>
<i class="fa-solid fa-lock"></i>
<input type="password" required>

</div>

</form>
<button class="btns" type="submit">Login</button>
<div class="buttons">

<button class="btn" type="submit" id="disable" >Login</button>
<button class="btn" type="button" onclick="openRegister()" style="color: white; border: none;" >Register</button>

</div>
</div>

<div class="back">

<h1>REGISTER</h1>
<form>

<div class="input_box">
<label for="">Username</label>
<i class="fa-solid fa-user"></i>
<input type="text" required>

</div>


<div class="input_box">
<label for="">Password</label>
<i class="fa-solid fa-lock"></i>
<input type="password" required>

</div>

</form>
<button class="btns" type="submit">Register</button>
<div class="buttons col-xs-6">
<button class="btn" type="submit" onclick="openLogin()" style="color: white; border: none;" >Login</button>
<button class="btn" type="button" id="disable" >Register</button>

</div>


</div>
</div>

</div>
<div class="col-xs-6 right-section" id="info">
<h2>Who are we?</h2><br><br>
<p class="text-wrap">We are a club in vitc Lorem ipsum dolor sit amet consectetur adipisicing elit. Error officiis
mollitia
nesciunt vel ea ipsa, similique magni hic nobis neque, voluptate molestiae perferendis, pariatur nam
eius! Officia rerum dolor est quo id vitae dolorem ipsum quaerat exercitationem dolorum aliquam,
aspernatur aliquid nemo eos magnam blanditiis voluptatem, eveniet temporibus! Placeat, ratione,
minus
eaque ducimus eius error tempora quae deleniti totam at amet fugiat dolorum illum assumenda!
</p>

</div>
</div>
</div>

</div>

<script>
var form_box = document.getElementById("form_box")
function openRegister() {
form_box.style.transform = "rotateY(-180deg)";

}
function openLogin() {
form_box.style.transform = "rotateY(0deg)";
}
</script>

</div>

</div>

</body>

</html>
Loading