File: /home/aliazzsr/html.vqode.com/Just-tutor-lah/sign-up.html
<!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"
/>
<script
defer
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/style.css" />
<!-- <link rel="stylesheet" href="css/home.css" /> -->
<link rel="stylesheet" href="css/output.css" />
</head>
<body class="home-body">
<main class="sign_back_screen unlocked_flex_xl justify-center">
<div class="warpper">
<div class="sign-in-box">
<a href="#"><img class="sign_in_close" src="images/sign-in/close.png"></a>
<div class="unlocked_flex_xl justify-between">
<div class="w_48_">
<img class="round_40_sn height_signup" src="images/sign-in/sign-up-img.jpg">
</div>
<div class="w_52_">
<h2 class="text-[28px] text font-[600] mobile_size_sm">
Signup your account
</h2>
<div class="flex mt-3">
<div class="signup_form__radio-group">
<input id="tutor" type="radio" class="signup_form__radio-input" name="size" />
<label for="tutor" class="signup_form__radio-label">
<span class="signup_form__radio-button"></span>
<span class="signup_form__radio-label-text">Tutor<span></label>
</div>
<div class="signup_form__radio-group ml-4">
<input id="student" type="radio" class="signup_form__radio-input" name="size" />
<label for="student" class="signup_form__radio-label">
<span class="signup_form__radio-button"></span>
<span class="signup_form__radio-label-text">Student<span></label>
</div>
<div class="signup_form__radio-group ml-4">
<input id="school" type="radio" class="signup_form__radio-input" name="size" />
<label for="school" class="signup_form__radio-label">
<span class="signup_form__radio-button"></span>
<span class="signup_form__radio-label-text">School<span></label>
</div>
</div>
<div class="form-group w-100">
<label for="exampleInputEmail1" class="profile_label">Email</label>
<input type="email" class="form-control profile_input sign_in_input" id="exampleInputEmail1" placeholder="Enter email address" aria-describedby="emailHelp">
</div>
<button type="button" class="sign_in_btn">Send Link</button>
<div class="flex line_mobile">
<div class="sign-in-line"></div>
<h6 class="text-[15px] text font-[500]">or</h6>
<div class="sign-in-line"></div>
</div>
<button type="button" class="sign_in_btn google_color flex justify-center items-center"><img src="images/sign-in/google.png" class="mr-3"> Continue with Google</button>
<button type="button" class="sign_in_btn google_color flex justify-center items-center fb_color"><img src="images/sign-in/fb.png" class="mr-3"> Continue with Facebook</button>
<p class="text-[15px] text font-[500] pt-4 text-center">
Already have an account? <a href="sign-in.html"><span class="textPurple underline">Sign In</span></a>
</p>
</div>
</div>
</div>
</div>
</main>
</body>
</html>