Skip to content

Commit

Permalink
login page issue
Browse files Browse the repository at this point in the history
  • Loading branch information
@codervivek5
codervivek5 committed May 31, 2024
1 parent f999804 commit 31bf715
Showing 1 changed file with 175 additions and 160 deletions.
335 changes: 175 additions & 160 deletions Pages/login/login.html
View file
Original file line number Diff line number Diff line change
@@ -1,175 +1,190 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="imtiyaz">
<meta name="description" content="Presentation of website">
<meta name="keywords" content="technology">
<title>Log in | Sign up</title>
<link rel="stylesheet" href="./login.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js" defer></script>
<script src="https://www.google.com/recaptcha/api.js" defer></script>
<meta charset="UTF-8">
<meta name="author" content="imtiyaz">
<meta name="description" content="Presentation of website">
<meta name="keywords" content="technology, cyber security, software">
<meta http-equiv="refresh" content="100">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Log in | Sign up</title>
<link rel="stylesheet" href="./login.css">
<!-- External CSS and JS Libraries -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
</head>

<body>
<header>
<div class="header_container">
<a href="../../index.html"><img src="../../img/logo.webp" alt="brand logo"></a>
<nav class="nav_menu">
<ul class="nav_link">
<li><a href="../../index.html">Home</a></li>
<li><a href="../../index.html">Services</a></li>
<li><a href="../About Page/about.html">About us</a></li>
<li><a href="../Team/team.html">Team</a></li>
<li><a href="../contact/contact.html">Contact us</a></li>
</ul>
</nav>
<div class="nav_login">
<a href=""><button>Login</button></a>
<div class="burger-icon">
<i class="fa-solid fa-bars" id="icon"></i>
</div>
</div>
</div>
<nav class="nav_menu2">
<ul class="nav_link2">
<li><a href="index.html">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#contact">Contact us</a></li>
</ul>
</nav>
</header>

<div class="span-box">
<div class="container" id="container">
<div class="form-container sign-up-container">
<form action="" id="signup_form">
<h3 class="logo">
<img src="../../img/login_logo.png" alt="brand logo">
</h3>
<div class="text-sci">
<p>Enter User Details</p>
</div>
<div class="button-input-group">
<div class="group input-group">
<input type="text" placeholder="Mobile Number" id="new_user_number" pattern="\+91 [0-9]{10}" required>
<span class="icon2">
<img src="../../img/dial.png" alt="Icon" width="30" height="30">
</span>
</div>
<div class="group input-group">
<input type="text" placeholder="Full Name" id="Name" required>
</div>
<div class="group input-group">
<input type="email" id="new_user_email" placeholder="Email" required>
</div>
<div class="group input-group">
<input type="password" id="new_user_password" placeholder="Password" pattern=".{8,}" required>
</div>
<div class="alert-text signup__alert">
<span class="help__text">At least 8 characters</span>
<header>
<div class="header_container">
<a href="../../index.html"><img src="../../img/logo.webp" alt="brand logo"></a>
<nav class="nav_menu">
<ul class="nav_link">
<li><a href="../../index.html">Home</a></li>
<li><a href="../../index.html">Services</a></li>
<li><a href="../About Page/about.html">About us</a></li>
<li><a href="../Team/team.html">Team</a></li>
<li><a href="../contact/contact.html">Contact us</a></li>
</ul>
</nav>
<div class="nav_login">
<a href=""><button>Login</button></a>
<div class="burger-icon">
<i class="fa-solid fa-bars" id="icon"></i>
</div>
</div>
<div class="group button-group">
<button class="signup-btn g-recaptcha" data-sitekey="6Lfu79wpAAAAAHUMLm7052jPGvLS7KeLfvihnmF9"
data-callback='onSubmit' data-action='submit'>Sign Up</button>
</div>
</div>
</form>
</div>

<div class="form-container sign-in-container">
<form action="" id="signin_form">
<h3 class="logo">
<img src="../../img/login_logo.png" alt="brand logo">
</h3>
<div class="text-sci">
<p>Enter mobile number</p>
</div>
<div class="button-input-group">
<div class="group input-group">
<input type="text" placeholder="Mobile Number" pattern="\+91 [0-9]{10}" required>
<span class="icon">
<img src="../../img/dial.png" alt="Icon" width="30" height="30">
</span>
</div>
<div class="group input-group otp">
<button type="submit" class="btn1 btn-primary">Send OTP</button>
<input type="text" placeholder="Enter OTP" name="otp" required>
</div>
<div class="group input-group">
<button class="btn1 ">Verify</button>
<div class="line-grp">
<hr class="line">
<p>or</p>
<hr class="line">
</div>
</div>
<nav class="nav_menu2">
<ul class="nav_link2">
<li><a href="../../index.html">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#contact">Contact us</a></li>
</ul>
</nav>
</header>
<div class="span-box">
<div class="container" id="container">
<div class="form-container sign-up-container">
<form action="" id="signup_form">
<h3 class="logo">
<img src="../../img/login_logo.png" alt="brand logo">
</h3>
<div class="text-sci">
<p>Enter User Details</p>
</div>
<div class="button-input-group">
<div class="group input-group">
<input type="text" placeholder="+91 1234567890" id="new_user_number">
<span class="icon2">
<img src="../../img/dial.png" alt="Icon" width="30" height="30">
</span>
</div>
<div class="group input-group">
<input type="text" placeholder="Full Name" id="Name">
</div>
<div class="group input-group">
<input type="email" id="new_user_email" placeholder="Email">
</div>
<div class="group input-group">
<input type="password" id="new_user_password" placeholder="Password" pattern=".{8,}">
</div>
<div class="alert-text signup__alert">
<span class="help__text">At least 8 characters</span>
</div>
<div class="group button-group">
<button class="signup-btn g-recaptcha" data-sitekey="6Lfu79wpAAAAAHUMLm7052jPGvLS7KeLfvihnmF9" data-callback='onSubmit' data-action='submit'>Sign Up</button>
</div>
</div>
</form>
</div>
<button class="group input-group glg">
<div class="glg-outline">Sign In with Google
<span class="icon-1">
<img src="../../img/Google.png" alt="Icon" width="30" height="30">
</span>
</div>
</button>
<div class="form forgot">
<p>You don't have an account yet? </p><button class="ghost" id="signUp">Sign up</button>

<div class="form-container sign-in-container">
<form action="" id="signin_form">
<h3 class="logo">
<img src="../../img/login_logo.png" alt="brand logo">
</h3>
<div class="text-sci">
<p>Enter mobile number</p>
</div>
<div class="button-input-group">
<div class="group input-group">
<input type="text" placeholder="+91 1234567890">
<span class="icon">
<img src="../../img/dial.png" alt="Icon" width="30" height="30">
</span>
</div>
<div class="group input-group otp">
<form>
<button type="submit" class="btn1 btn-primary">
<div class="verify">Send OTP</div>
</button>
</form>
<input type="text" placeholder="Enter OTP" name="name">
</div>
<div class="group input-group">
<button class="btn1">
<div class="verify">Verify</div>
</button>
<div class="line-grp">
<hr class="line">
<p>or</p>
<hr class="line">
</div>
</div>
<div style="padding: 10px;"></div>
<button class="group input-group glg">
<div class="glg-outline">
<div class="">Sign In with Google
<span class="icon-1">
<img src="../../img/Google.png" alt="Icon" width="30" height="30">
</span>
</div>
</div>
</button>
<div class="form forgot">
<p>You don't have an account yet?</p>
<button class="ghost" id="signUp">Sign up</button>
</div>
<div class="group button-group">
</div>
</div>
</form>
</div>
</div>
</form>
</div>
<div class="overlay-container">
<div class="overlay">
<div class="overlay-panel overlay-left">
<img src="svg-1.png" alt="svg" width="583" height="200">
<div class="group button-group">
<div class="vigysignin">Already have an account?</div>
<button class="ghost1" id="signIn">Sign in</button>
<div class="overlay-container">
<div class="overlay">
<div class="overlay-panel overlay-left">
<img src="svg-1.png" alt="svg" width="583" height="200">
<div class="group button-group">
<div class="vigysignin">Already have an account?</div>
<button class="ghost1" id="signIn">Sign in</button>
</div>
</div>
<div class="overlay-panel overlay-right">
<img src="svg-1.png" alt="svg" width="583" height="200">
</div>
</div>
</div>
</div>
<div class="overlay-panel overlay-right">
<img src="svg-1.png" alt="svg" width="583" height="200">
</div>
</div>
</div>
</div>
</div>

<div class="alan-btn"></div>
<script type="text/javascript" src="https://studio.alan.app/web/lib/alan_lib.min.js" defer></script>
<script>
var alanBtnInstance = alanBtn({
key: "YOUR_ALAN_KEY",
onCommand: function (commandData) {
if (commandData && commandData.command === "openURL") {
if (commandData.target === "_blank") {
window.open(
commandData.url,
"_newtab" + Math.floor(Math.random() * 999999)
);
} else {
window.location.href = commandData.url;
<div class="alan-btn"></div>
<script
type="text/javascript"
src="https://studio.alan.app/web/lib/alan_lib.min.js"
></script>
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
var alanBtnInstance = alanBtn({
key: "574e6cb0247244fa64a5a62bdae65be32e956eca572e1d8b807a3e2338fdd0dc/stage",
onCommand: function (commandData) {
if (commandData && commandData.command === "openURL") {
if (commandData.target === "_blank") {
window.open(
commandData.url,
"_newtab" + Math.floor(Math.random() * 999999)
);
} else {
window.location.href = commandData.url;
}
}
}
},
rootEl: document.getElementById("alan-btn"),
});
</script>
<script>
function onSubmit(token) {
document.querySelector("#signup_form").submit();
}
</script>
<script src="login.js" defer></script>
</body>
},

rootEl: document.getElementById("alan-btn"),
});
</script>

<script>
function onSubmit(token) {
document.querySelector("#signup_form").submit();
}
</script>

<script src="login.js"></script>
<!-- login js -->
</body>
</html>

0 comments on commit 31bf715

Please sign in to comment.