All the forms in this template are
Newsletter Form
<div class="rts__footer__newsletter d-flex flex-wrap flex-lg-nowrap gap-5 justify-content-md-center
justify-content-lg-between align-items-center pb-60">
<div class="text-white text-center text-lg-start">
<h3 class="text-white text-center text-md-start mb-3">Subscribe To Get Our Newsletter</h3>
<p>Looking for your next career opportunity. Look no further</p>
</div>
<div class="footer__newsletter__three">
<form action="#" method="post" class="d-flex justify-content-between">
<input type="email" name="semail" id="semail" placeholder="Enter your email" required="">
<button type="submit" class="rts__btn fill__btn newsletter__btn">Subscribe</button>
</form>
</div>
</div>Newsletter Form CTA
<div class="rts__cta__content text-center rounded-2 cta__h5__bg">
<div class="cta__shape position-absolute translate-middle">
<img src="assets/img/home-5/cta/shape.svg" alt="">
</div>
<div class="cta__content position-relative z-1">
<h3 class="text-white mb-5">Join Us Today And Take The First Step Towards Your Dream Job</h3>
<form action="#" class="d-flex align-items-center justify-content-between mt-4 newsletter wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
<input class="rounded-1 border" type="email" name="cemail" id="cemail" placeholder="Enter your email" required="">
<span class="position-absolute text-primary left-20 ">
<i class="fa-sharp fa-light fa-envelope"></i>
</span>
<button type="submit" class="rts__btn fill__btn">Subscribe</button>
</form>
</div>
</div>Contact Form
<div class="col-lg-6 ">
<span class="h4 fw-normal"><strong class="fw-bold">Love to hear from you</strong>
<br>
Get in touch!
</span>
<div class="job__contact is__contact mt-30">
<form action="#" class="d-flex flex-column gap-4">
<div class="search__item">
<label for="name" class="mb-4 font-20 fw-medium text-dark text-capitalize">Name</label>
<div class="position-relative">
<input type="text" id="name" placeholder="Your Name" required="">
<i class="fa-light fa-user"></i>
</div>
</div>
<div class="search__item">
<label for="cemail" class="mb-4 font-20 fw-medium text-dark text-capitalize">Your Email</label>
<div class="position-relative">
<input type="email" id="cemail" placeholder="Enter your email" required="">
<i class="rt-mailbox"></i>
</div>
</div>
<div class="search__item">
<label class="mb-4 font-20 fw-medium text-dark text-capitalize" for="message">Your Comment</label>
<textarea name="message" id="message" placeholder="Message"></textarea>
<i class="fa-thin fa-comment-lines"></i>
</div>
<button type="submit" class="rts__btn fill__btn be-1 w-100 rounded-1 apply__btn">
Send Message
</button>
</form>
</div>
</div>Sign in Form
<!-- sign in form modal -->
<div class="modal similar__modal fade " id="loginModal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="max-content similar__form form__padding">
<div class="d-flex mb-3 align-items-center justify-content-between">
<h6 class="mb-0">Login To Jobpath</h6>
<button type="button" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-regular fa-xmark text-primary"></i>
</button>
</div>
<div class="d-block has__line text-center"><p>Choose your Account Type</p></div>
<div class="tab__switch flex-wrap flex-sm-nowrap nav-tab mt-30 mb-30">
<button class="rts__btn nav-link active"><i class="fa-light fa-user"></i>Candidate</button>
<button class="rts__btn nav-link"><i class="rt-briefcase"></i> Employer</button>
</div>
<form action="#" class="d-flex flex-column gap-3">
<div class="form-group">
<label for="email" class="fw-medium text-dark mb-3">Your Email</label>
<div class="position-relative">
<input type="email" name="email" id="email" placeholder="Enter your email" required="">
<i class="fa-light fa-user icon"></i>
</div>
</div>
<div class="form-group">
<label for="password" class="fw-medium text-dark mb-3">Password</label>
<div class="position-relative">
<input type="password" name="password" id="password" placeholder="Enter your password" required="">
<i class="fa-light fa-lock icon"></i>
</div>
</div>
<div class="d-flex flex-wrap justify-content-between align-items-center fw-medium">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Remember me
</label>
</div>
<a href="#" class="forgot__password text-para" data-bs-toggle="modal" data-bs-target="#forgotModal">Forgot Password?</a>
</div>
<div class="form-group my-3">
<button class="rts__btn w-100 fill__btn">Login</button>
</div>
</form>
<div class="d-block has__line text-center"><p>Or</p></div>
<div class="d-flex gap-4 flex-wrap justify-content-center mt-20 mb-20">
<div class="is__social google">
<button><img src="assets/img/icon/google-small.svg" alt="">Continue with Google</button>
</div>
<div class="is__social facebook">
<button><img src="assets/img/icon/facebook-small.svg" alt="">Continue with Facebook</button>
</div>
</div>
<span class="d-block text-center fw-medium">Don`t have an account? <a href="#" data-bs-target="#signupModal" data-bs-toggle="modal" class="text-primary">Sign Up</a> </span>
</div>
</div>
</div>
</div>
<!-- sign in form modal end -->Sign up form
<!-- signup form -->
<div class="modal similar__modal fade " id="signupModal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="max-content similar__form form__padding">
<div class="d-flex mb-3 align-items-center justify-content-between">
<h6 class="mb-0">Create A Free Account</h6>
<button type="button" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-regular fa-xmark text-primary"></i>
</button>
</div>
<div class="d-block has__line text-center"><p>Choose your Account Type</p></div>
<div class="tab__switch flex-wrap flex-sm-nowrap nav-tab mt-30 mb-30">
<button class="rts__btn nav-link active"><i class="fa-light fa-user"></i>Candidate</button>
<button class="rts__btn nav-link"><i class="rt-briefcase"></i> Employer</button>
</div>
<form action="#" class="d-flex flex-column gap-3">
<div class="form-group">
<label for="sname" class="fw-medium text-dark mb-3">Your Name</label>
<div class="position-relative">
<input type="text" name="sname" id="sname" placeholder="Candidate" required="">
<i class="fa-light fa-user icon"></i>
</div>
</div>
<div class="form-group">
<label for="signemail" class="fw-medium text-dark mb-3">Your Email</label>
<div class="position-relative">
<input type="email" name="signemail" id="signemail" placeholder="Enter your email" required="">
<i class="fa-sharp fa-light fa-envelope icon"></i>
</div>
</div>
<div class="form-group">
<label for="spassword" class="fw-medium text-dark mb-3">Password</label>
<div class="position-relative">
<input type="password" name="spassword" id="spassword" placeholder="Enter your password" required="">
<i class="fa-light fa-lock icon"></i>
</div>
</div>
<div class="form-group my-3">
<button class="rts__btn w-100 fill__btn">Login</button>
</div>
</form>
<div class="d-block has__line text-center"><p>Or</p></div>
<div class="d-flex flex-wrap justify-content-center gap-4 mt-20 mb-20">
<div class="is__social google">
<button><img src="assets/img/icon/google-small.svg" alt="">Continue with Google</button>
</div>
<div class="is__social facebook">
<button><img src="assets/img/icon/facebook-small.svg" alt="">Continue with Facebook</button>
</div>
</div>
<span class="d-block text-center fw-medium">Have an account? <a href="#" data-bs-target="#loginModal" data-bs-toggle="modal" class="text-primary">Login</a> </span>
</div>
</div>
</div>
</div>
<!-- signup form end -->Forgot Password Form
<!-- forgot password form -->
<div class="modal similar__modal fade " id="forgotModal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="max-content similar__form form__padding">
<div class="d-flex mb-3 align-items-center justify-content-between">
<h6 class="mb-0">Forgot Password</h6>
<button type="button" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-regular fa-xmark text-primary"></i>
</button>
</div>
<form action="#" class="d-flex flex-column gap-3">
<div class="form-group">
<label for="fmail" class="fw-medium text-dark mb-3">Your Email</label>
<div class="position-relative">
<input type="email" name="email" id="fmail" placeholder="Enter your email" required="">
<i class="fa-sharp fa-light fa-envelope icon"></i>
</div>
</div>
<div class="form-group my-3">
<button class="rts__btn w-100 fill__btn">Reset Password</button>
</div>
</form>
<span class="d-block text-center fw-medium">Remember Your Password? <a href="#" data-bs-target="#loginModal" data-bs-toggle="modal" class="text-primary">Login</a> </span>
</div>
</div>
</div>
</div>
<!-- forgot password form end -->Blog Details Comment Form
<!-- blog details comment form -->
<div class="review__form job__contact mt-40">
<h6 class="fw-semibold mb-30">Leave a Comment</h6>
<form action="#" class="d-flex flex-column gap-4">
<div class="row row-cols-lg-2 row-cols-1 gap-3 gap-lg-0">
<div class="search__item">
<label for="name" class="mb-3 font-20 fw-medium text-dark text-capitalize">Name</label>
<div class="position-relative">
<input type="text" id="name" placeholder="Your Name">
<i class="fa-light fa-user"></i>
</div>
</div>
<div class="search__item">
<label for="bemail" class="mb-3 font-20 fw-medium text-dark text-capitalize">Your Email</label>
<div class="position-relative">
<input type="email" id="bemail" placeholder="Enter your email">
<i class="rt-mailbox"></i>
</div>
</div>
</div>
<div class="search__item">
<label class="mb-3 font-20 fw-medium text-dark text-capitalize" for="message">Your Comment</label>
<textarea name="message" id="message" placeholder="Message"></textarea>
<i class="fa-thin fa-comment-lines"></i>
</div>
<button type="submit" class="rts__btn fill__btn be-1 max-content apply__btn">Submit Comment</button>
</form>
</div>
<!-- blog details comment form end -->