Skip to content

Commit

Permalink
Added Student Registration Form
Browse files Browse the repository at this point in the history
  • Loading branch information
@iwhe
iwhe committed Apr 10, 2024
1 parent db5176c commit 21ac2a2
Show file tree
Hide file tree
Showing 3 changed files with 221 additions and 57 deletions.
58 changes: 1 addition & 57 deletions assets/css/SignUp_Bhupesh.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,26 +132,6 @@ background-color: #c9d9e8;
height: 100%;
object-fit: cover;
}

/* .banner-text {
color: #333;
padding: 0px 0px;
text-align: center;
font-size: 24px;
}
.banner-text h2{
text-transform: uppercase;
display: block;
text-align: center;
color: #0f231c;
} */

/* button{
width: 100%;
} */
.subheading-00{
color:#efe8db;
text-align: center;
Expand Down Expand Up @@ -325,7 +305,6 @@ background-color: #c9d9e8;
align-items: center;
justify-content:flex-start;
gap: 1rem;
/* background-color:; */

}
.features-small-screen .feature-card{
Expand All @@ -337,25 +316,8 @@ background-color: #c9d9e8;


}



.features-small-screen .feature-img-div {
/* max-width: 100%; */
/* position: relative;
/* overflow: scroll; */
/* box-sizing: border-box; */
/* background-color: #ccc; */
margin-bottom: 10px; */
}
.feature-img-div{
/* max-width: 768px;
height: 250px;
border-radius: 50px; */
/* object-fit: fill;
display: flex;
justify-content: center;
align-items: center; */
margin-bottom: 10px;
}
.feature-img-div img{
width: 100%;
Expand All @@ -375,24 +337,6 @@ background-color: #c9d9e8;
}

}
/* .feature-card-body .text :hover{
color: #83a6c7;
} */


/* hire form */
/* .candidates{
display: flex;
gap: 10px;
border: solid #30303088;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
justify-content: space-around;
align-items: center;
margin-bottom: 80px;
} */


/* ************whyhire*********** */
Expand Down
133 changes: 133 additions & 0 deletions assets/css/student_registration_bhupesh.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@

body{
background-color: #fafafa;
}
.form-section{

position: relative;
padding-top: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.mainbody{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.header{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Inter, sans-serif;
}
.header h2{
font-size: 40px;
line-height: 1.2;
font-weight: 800;
}
.header h2 span{
color: #4faf8e;
text-decoration: wavy;
/* text-decoration: underline; */
text-underline-position: under;
}

.google_signup{
border-radius: 20px;
border: solid 1px #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.signup_container{
background-color: #fff;
margin: 20px 0px;
padding: 40px ;
border: solid 1px #ddd;
display: flex;
justify-content: center;
flex-direction: column;
gap: 10px;
box-shadow: -2px -2px 6px rgba(0,107,194,.12), 2px 2px 6px rgba(0,107,194,.12);
border-radius: 12px;
}

.or{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.or p{
background-color: #fff;
z-index: 9;
}
.or .border{
margin-top: -27px;
color: #4faf8e;
width: 100%;
}

button{
border: none;
font-size: 16px;
cursor: pointer;
padding: 10px;
border-radius: 5px;
}

.signup_button{
background-color: #4faf8e;
color: white;

}
.email_signup {
display:flex;
flex-direction: column;
gap: 35px;
}
.email_signup p{
text-align: left;
line-height: 1px;
}
.email_signup input{
width: 100%;
height: 40px;
border-radius: 5px;
border: solid 1px #ddd;
outline: #4faf8e;

}

.name{
width: 100%;
display: flex;
flex-direction: row;
gap: 2rem;
justify-content: left;
}

.firstname{
width: 100%;
}

.lastname{
width: 100%;
}


@media (max-width: 980px) {
.mainbody .header{
display: block;
text-align: left;
}

.signup_container{
margin: 0px;
border: none;
padding: 0;

}
}
87 changes: 87 additions & 0 deletions internlive_org/SignUp-Student_Bhupesh.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="..\assets\css\student_registration_bhupesh.css">
<title>PREDULIVE</title>
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />

</head>

<body>
<!-- nav starts -->
<div class="main-header container-fluid position-fixed"
style="z-index: 1000; transition: 0.3s ease-in-out;background-color: rgba(0, 0, 0, 0.682); ">
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid Roboto-font">
<!-- Logo -->
<a class="navbar-brand" href="#">
<img src="../assets/img/Predulive_Org_Logo_-removebg-preview.png" width="80px" alt="Logo">
</a>
</div>
</nav>
</div>
<!-- nav ends -->


<!-- -->
<section class="form-section">
<div class="mainbody">
<div class="header">
<h2>Sign-up and <span>apply for free</span></h2>
<h4>1,50,000+ companies hiring on Internlive</h4>
</div>

<div class="signup_container mt-4">
<button class="google_signup">
<i class="fa-brands fa-google"></i>
Sign up with Google
</button>

<div class="or">
<p>OR</p>
<div class="border"></div>
</div>

<div class="email_signup mt-4">
<div class="email">
<p>Email</p>
<input type="email" placeholder="[email protected]">
</div>

<div class="password">
<p>Password</p>
<input type="password" placeholder="Must be atleast 6 characters">
</div>
<div class="name">
<div class="firstname">
<p>First Name</p>
<input type="text" placeholder="John">
</div>

<div class="lastname">
<p>Last Name</p>
<input type="text" placeholder="Doe">
</div>
</div>
<p>By signing up, you agree to our <a href="#">Terms and Conditions</a>.</p>
</div>
<button class="signup_button">
Sign Up
</button>

<p>Already registered?<a href="#">Login</a></p>
</div>
</div>


</div>
</section>
</body>

</html>

0 comments on commit 21ac2a2

Please sign in to comment.