Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@archonsofficial
archonsofficial authored Apr 7, 2024
1 parent 0dac85d commit 5befa36
Show file tree
Hide file tree
Showing 50 changed files with 4,523 additions and 0 deletions.
301 changes: 301 additions & 0 deletions Login V2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,301 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PsychoDrill</title>

<!--link rel="stylesheet" href="/home/kali/Documents/My Codes_2 (Project)/Archons/PshycoDrilldone/PshycoDrill/CSS/v2.css"-->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kode+Mono:[email protected]&display=swap" rel="stylesheet">





<style>
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
html,body{
display: grid;
height: 100%;
width: 100%;
place-items: center;
<!-- background: -webkit-linear-gradient(left, #180447,#011f58,#dd0483, #370e15); -->
background-color:#0E371B;
background-image: linear-gradient( to right , #0E371B,#F0F6F3 );
}
::selection{
background: #018321;
color: #fff;
}
.wrapper{
overflow: hidden;
max-width: 390px;
background: #fff;
padding: 30px;
border-radius: 15px;
box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
}
.wrapper .title-text{
display: flex;
width: 200%;
}
.wrapper .title{
width: 50%;
font-size: 20px;
font-weight: 600;
text-align: center;
transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.wrapper .slide-controls{
position: relative;
display: flex;
height: 50px;
width: 100%;
overflow: hidden;
margin: 30px 0 10px 0;
justify-content: space-between;
border: 1px solid lightgrey;
border-radius: 15px;
}
.slide-controls .slide{
height: 100%;
width: 100%;
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center;
line-height: 48px;
cursor: pointer;
z-index: 1;
transition: all 0.6s ease;
}
.slide-controls label.signup{
color: #000;
}
.slide-controls .slider-tab{
position: absolute;
height: 100%;
width: 50%;
left: 0;
z-index: 0;
border-radius: 15px;
background: -webkit-linear-gradient(left,#0E371B,#008026,#00b34b
, #0E371B);
transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
}
input[type="radio"]{
display: none;
}
#signup:checked ~ .slider-tab{
left: 50%;
}
#signup:checked ~ label.signup{
color: #fff;
cursor: default;
user-select: none;
}
#signup:checked ~ label.login{
color: #000;
}
#login:checked ~ label.signup{
color: #000;
}
#login:checked ~ label.login{
cursor: default;
user-select: none;
}
.wrapper .form-container{
width: 100%;
overflow: hidden;
}
.form-container .form-inner{
display: flex;
width: 200%;
}
.form-container .form-inner form{
width: 50%;
transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.form-inner form .field{
height: 50px;
width: 100%;
margin-top: 20px;
}
.form-inner form .field input{
height: 100%;
width: 100%;
outline: none;
padding-left: 15px;
border-radius: 15px;
border: 1px solid lightgrey;
border-bottom-width: 2px;
font-size: 17px;
transition: all 0.3s ease;
}
.form-inner form .field input:focus{
border-color: #48ff1a;
/* box-shadow: inset 0 0 3px #fb6aae; */
}
.form-inner form .field input::placeholder{
color: #999;
transition: all 0.3s ease;
}
form .field input:focus::placeholder{
color: #22ff1a;
}
.form-inner form .pass-link{
margin-top: 5px;
}
.form-inner form .signup-link{
text-align: center;
margin-top: 30px;
}
.form-inner form .pass-link a,
.form-inner form .signup-link a{
color: #22ff1a;
text-decoration: none;
}
.form-inner form .pass-link a:hover,
.form-inner form .signup-link a:hover{
text-decoration: underline;
}
form .btn{
height: 50px;
width: 100%;
border-radius: 15px;
position: relative;
overflow: hidden;
}
form .btn .btn-layer{
height: 100%;
width: 300%;
position: absolute;
left: -100%;
background: -webkit-linear-gradient(right,#0E371B,#008026,#00b34b
, #0E371B);
border-radius: 15px;
transition: all 0.4s ease;;
}
form .btn:hover .btn-layer{
left: 0;
}
form .btn input[type="submit"]{
height: 100%;
width: 100%;
z-index: 1;
position: relative;
background: none;
border: none;
color: #fff;
padding-left: 0;
border-radius: 15px;
font-size: 20px;
font-weight: 500;
cursor: pointer;
}
</style>
</head>
<body>

<div class="wrapper">
<div class="title-text">
<div class="title login">Welcome Back Student</div>
<div class="title signup">Join Us for a <br> Smooth Learning Journey</br></div>
</div>
<div class="form-container">
<div class="slide-controls">
<input type="radio" name="slide" id="login" checked>
<input type="radio" name="slide" id="signup">
<label for="login" class="slide login">Login</label>
<label for="signup" class="slide signup">Signup</label>
<div class="slider-tab"></div>
</div>
<div class="form-inner">
<form action="#" class="login">
<div class="field">
<input type="text" placeholder="Email Address" required>
</div>
<div class="field">
<input type="password" placeholder="Password" required>
</div>
<div class="pass-link"><a href="#">Forgot password?</a></div>
<!-- Wrap the login button inside an anchor tag -->
<div class="field btn">
<div class="btn-layer"></div>
<!--Yaha Par Login Page Se main Page par Redirect Kara. -->
<a href="index.html"><input type="submit" value="Login"></a>
</div>
<div class="signup-link">Not a member? <a href="">Signup now</a></div>
</form>
<form action="#" class="signup">
<div class="field">
<input type="text" placeholder="Email Address" required>
</div>
<div class="field">
<input type="password" placeholder="Password" required>
</div>
<div class="field">
<input type="password" placeholder="Confirm password" required>
</div>
<div class="field btn">
<div class="btn-layer"></div>
<input type="submit" value="Signup">
</div>
</form>
</div>
</div>
</div>

<script>


document.addEventListener('DOMContentLoaded', function() {
const loginText = document.querySelector(".title-text .login");
const loginForm = document.querySelector("form.login");
const loginBtn = document.querySelector("label.login");
const signupBtn = document.querySelector("label.signup");
const signupLink = document.querySelector("form .signup-link a");

signupBtn.onclick = (()=>{
loginForm.style.marginLeft = "-50%";
loginText.style.marginLeft = "-50%";
});

loginBtn.onclick = (()=>{
loginForm.style.marginLeft = "0%";
loginText.style.marginLeft = "0%";
});

signupLink.onclick = (()=>{
signupBtn.click();
return false;
});

// Add event listener to the login button itself
loginBtn.addEventListener('click', function() {
});
});

//new

document.addEventListener('DOMContentLoaded', function() {
const loginForm = document.querySelector("form.login");
const loginButton = loginForm.querySelector('input[type="submit"]');

loginButton.addEventListener('click', function(event) {
event.preventDefault(); // Prevent default form submission
window.location.href = "index.html";
});
});

</script>
</body>
</html>
Binary file added aboutssb.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.
37 changes: 37 additions & 0 deletions aboutssbindex.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About_SSB</title>
<link rel="stylesheet" href="aboutssbstyle.css">
</head>
<body>
<div id="navbar">
<div id="logo"class="navpart1" ></div>
<a class="navpart" href="index.html">Home</a>
<a class="navpart" href="aboutssbindex.html">About SSB</a>
<a class="navpart" href="">Updates</a>
<a class="navpart" href="aboutusindex.html">About Us</a>
</div>
<div id="content">
<div id="img"></div>
<div id="text">The Service Selection Board (SSB) is an organization responsible for selecting candidates for officer positions in the armed forces of India. It plays a crucial role in evaluating and assessing potential candidates' suitability for a career as an officer in the Indian Army, Navy, or Air Force. The selection process conducted by the SSB is rigorous and comprehensive, designed to assess various attributes such as intelligence, personality, leadership potential, and compatibility with the military way of life.

<br> <br>The SSB process typically consists of a series of tests and interviews conducted over several days, during which candidates are evaluated on various parameters including:

<br> <br> Officer Intelligence Rating (OIR) Tests: These tests assess a candidate's logical reasoning, verbal and non-verbal intelligence.

<br> <br>Psychological Tests: Psychological tests are conducted to gauge the candidate's personality traits, attitude, and psychological suitability for an officer role.

<br> <br>Group Testing Officer (GTO) Tasks: These tasks include group discussions, group planning exercises, outdoor group tasks, and individual obstacles to assess the candidate's leadership qualities, teamwork, and problem-solving abilities.

<br> <br>Personal Interview: Candidates undergo a one-on-one interview with an interviewing officer, during which they are assessed on various aspects such as motivation, communication skills, and general awareness.

<br> <br>Conference: A final conference is held by the SSB board members to discuss and evaluate each candidate's performance throughout the selection process.

<br> <br>The SSB aims to select individuals who not only possess the necessary skills and qualifications but also exhibit the leadership qualities and character traits required to serve as officers in the Indian Armed Forces. Successful candidates who pass the SSB interview undergo further medical examinations and background checks before being recommended for commissioning as officers.
</div>
</div>
</body>
</html>
Loading

0 comments on commit 5befa36

Please sign in to comment.