News-website/signup.php

133 lines
5.7 KiB
PHP
Raw Permalink Normal View History

2020-09-29 19:19:07 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="google-signin-client_id" content="571327981909-r5sunoo4l6uqducmqm7vjon1af0tmso1.apps.googleusercontent.com">
<link rel="stylesheet" href="CSS/colors.css">
<link rel="stylesheet" href="CSS/*.css">
<link rel="stylesheet" href="CSS/signup.css">
<link rel="stylesheet" href="CSS/responsive.css">
2020-10-05 21:45:07 +00:00
<link rel="shortcut icon" href="">
2020-09-29 19:19:07 +00:00
<script src="JS/responsive.js" defer></script>
<script src="JS/signIn/signup.js" defer></script>
<script src="https://kit.fontawesome.com/89923351fd.js" crossorigin="anonymous" defer></script>
<script src="JS/icon.js" defer></script>
<title>News Website</title>
</head>
<body>
<main>
<div class="main-container">
<div class="logo-container">
<h1>Fews</h1>
</div>
<div class="sign-container">
<h1>Create your Fews Account</h1>
</div>
<div class="main-middle-conatiner">
<div class="double">
<div class="name-container">
<div class="input-container">
<div class="label-container">
<label for="name-input">First Name</label>
</div>
<input type="text" name="name" id="name-input" autocomplete="off">
</div>
<div class="error disable">
<div class="red"></div>
</div>
</div>
<div class="surname-container">
<div class="input-container">
<div class="label-container">
<label for="surname-input">Last Name</label>
</div>
<input type="text" name="surname" id="surname-input" autocomplete="off">
</div>
<div class="error disable">
<div class="red"></div>
</div>
</div>
</div>
<div class="error name disable">
<div class="red"></div>
</div>
<div class="email-container">
<div class="input-container">
<div class="label-container">
<label for="email-input">Email</label>
</div>
<input type="text" name="email" id="email-input" autocomplete="off">
</div>
</div>
<div class="error email disable">
<div class="red"></div>
</div>
<div class="double psw">
<div class="psw-container">
<div class="input-container">
<div class="label-container">
<label for="psw-input">Password</label>
</div>
<input type="password" name="password" id="psw-input" autocomplete="off">
</div>
</div>
<div class="psw-repeat-container">
<div class="input-container">
<div class="label-container">
<label for="psw-repeat-input">Repeat</label>
</div>
<input type="password" name="password-repeat" id="psw-repeat-input" autocomplete="off">
</div>
</div>
<div class="eye-icon-container" onclick="managePasswordVisibility(this)">
<div>
<i class="far fa-eye fa-lg disable"></i>
<i class="far fa-eye-slash fa-lg"></i>
</div>
</div>
</div>
<div class="error psw disable">
<div class="red"></div>
</div>
<div class="select-div" onclick="manageOptionSelect()">
<label id="index-country-label">Select Country</label>
<div> <i class="option-icon-select flex align-center justify-center"></i> </div>
<aside class="select-options country-select absolute disable" id="index-country-select">
</aside>
</div>
<div class="error country disable">
<div class="red"></div>
</div>
<div class="error result disable">
<div class="red"></div>
</div>
<div class="text">
<p>
You can also sign up with
<a href="#" onclick="urlOpen('#login')">google</a> or
<a href="#" onclick="urlOpen('#login')">facebook</a>.
</p>
</div>
<div class="button-container">
<div class="inner-container">
<a href="signin.php">Sign in instead</a>
</div>
<div class="inner-container">
<div class="blue-button" onclick="register()">Next</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>