Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
midoalawieh authored Oct 17, 2023
1 parent bedbbcb commit 6b737c7
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 1 deletion.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@
<h2>WELCOME TO</h2>
<h1 class="ip">SENTRYCRAFT.NET</h1>
<p>We hope you have a good time</p>
<div class="button"><a href="#">Sign Up</a></div>
<div class="button signup-btn"><a href="signup.html">Sign Up</a></div>
</div>
<div class="hero-logo logo-animation">
<img src="images/logo.png" alt="logo" draggable="false">
Expand Down
44 changes: 44 additions & 0 deletions login.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="CSS/all.min.css"> -->
<script src="https://kit.fontawesome.com/97526397cd.js" crossorigin="anonymous"></script>
<!-- <link rel="stylesheet" href="CSS/variables.css"> -->
<link rel="stylesheet" href="CSS/Pages/auth.css">
<link rel="stylesheet" href="CSS/global.css">
<title>Log In | SentryCraft</title>
</head>
<body>
<div class="color"></div>
<header>
<canvas id="particle-canvas"></canvas>
</header>
<div class="back">
<a href="index.html"><i class="fa-solid fa-arrow-left"></i> Back</a>
</div>
<form action="">
<div class="input-wrapper">
<input type="text" name="mc-user" id="mc-user" placeholder=" " class="text-inp">
<label for="mc-user" class="text-inp-lbl">Email Or Minecraft Username</label>
<div class="line"></div>
</div>
<div class="input-wrapper">
<input type="email" name="email" id="email" placeholder=" " class="text-inp">
<label for="email" class="text-inp-lbl">Email</label>
<div class="line"></div>
</div>
<button class="button"><a href="#">Log In</a></button>

<a href="signup.html" class="switch-link">Sign Up Instead</a>

<div class="check-wrapper">
<input type="checkbox" name="policy" id="rmmbr" class="form-checkbox">
<span class="checkmark"></span>
<label for="rmmbr" class="rmmbr-lbl">Remember me</label>
</div>
</form>
<script src="JS/auth.js"></script>
<script src="JS//auth-animation.js"></script>
</body>
</html>
54 changes: 54 additions & 0 deletions signup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="CSS/all.min.css"> -->
<script src="https://kit.fontawesome.com/97526397cd.js" crossorigin="anonymous"></script>
<!-- <link rel="stylesheet" href="CSS/variables.css"> -->
<link rel="stylesheet" href="CSS/Pages/auth.css">
<link rel="stylesheet" href="CSS/global.css">
<title>Sign Up | SentryCraft</title>
</head>
<body>
<div class="color"></div>
<header>
<canvas id="particle-canvas"></canvas>
</header>
<div class="back">
<a href="index.html"><i class="fa-solid fa-arrow-left"></i> Back</a>
</div>
<form action="">
<div class="input-wrapper">
<input type="text" name="mc-user" id="mc-user" placeholder=" " class="text-inp">
<label for="mc-user" class="text-inp-lbl">Minecraft Username</label>
<div class="line"></div>
</div>
<div class="input-wrapper">
<input type="email" name="email" id="email" placeholder=" " class="text-inp">
<label for="email" class="text-inp-lbl">Email</label>
<div class="line"></div>
</div>
<div class="input-wrapper">
<input type="password" name="pass" id="pass" placeholder=" " class="text-inp">
<label for="pass" class="text-inp-lbl">Password</label>
<div class="line"></div>
</div>
<div class="input-wrapper">
<input type="password" name="pass-con" id="pass-con" placeholder=" " class="text-inp">
<label for="pass-con" class="text-inp-lbl">Confirm Password</label>
<div class="line"></div>
</div>
<button class="button"><a href="#">Sign Up</a></button>

<a href="login.html" class="switch-link">Log In Instead</a>

<div class="check-wrapper">
<input type="checkbox" name="policy" id="policy" class="form-checkbox">
<span class="checkmark"></span>
<label for="policy" class="policy-lbl">I agree to the <a href="#">terms of service</a></label>
</div>
</form>
<script src="JS/auth.js"></script>
<script src="JS//auth-animation.js"></script>
</body>
</html>

0 comments on commit 6b737c7

Please sign in to comment.