Sign in to your account and make recharges. payments and bookings faster
<section className="signup__section bluar__shape">
<div className="container">
<div className="row align-items-center justify-content-between">
<div className="col-xl-6 col-lg-6">
<div className="signup__boxes">
<h4>
Sign in to Rechargio
</h4>
<p className="head__pra mb__30">
Sign in to your account and make recharges. payments and bookings faster
</p>
<form action="#0" className="signup__form">
<div className="row g-4">
<div className="col-lg-12">
<div className="input__grp">
<label htmlFor="email2">Enter Your Email ID</label>
<input type="email" id="email2" placeholder="Your email ID here">
</div>
</div>
<div className="col-lg-12">
<div className="input__grp">
<label htmlFor="pass3">Enter Your Password</label>
<input type="text" id="pass3" placeholder="Your Password">
</div>
</div>
<Link href="/javascript:void(0)" className="forgot">
Forgot Password?
</Link>
<div className="col-lg-12">
<div className="input__grp">
<button type="submit" className="cmn__btn">
<span>
Sign In
</span>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div className="col-xl-5 col-lg-6">
<div className="signup__thumb">
<img src="/img/signup/signup.png" alt="img"/>
</div>
</div>
</div>
</div>
</section>Your security is our top priority. You'll need this to log into your account
<section className="signup__section bluar__shape">
<div className="container">
<div className="row align-items-center justify-content-between">
<div className="col-xl-6 col-lg-6">
<div className="signup__boxes">
<h4>
Set Up Your Password
</h4>
<p className="head__pra">
Your security is our top priority. You'll need this to log into your account
</p>
<form action="#0" className="signup__form password__box pt__40">
<div className="row g-4">
<div className="col-lg-12">
<div className="input__grp">
<label htmlFor="password-field" className="form-label">Choose Password</label>
<div className="form-group">
<input id="password-field" type="password" className="form-control" placeholder="Enter Your Password" name="password" value="">
<span id="#password-field" className="fa fa-fw field-icon toggle-password">
<i className="material-symbols-outlined">
visibility
</i>
</span>
</div>
</div>
</div>
<div className="col-lg-12">
<div className="input__grp">
<label htmlFor="password-field" className="form-label">Confirm Password</label>
<div className="form-group">
<input id="toggle-password2" type="password" className="form-control" placeholder="Password" name="password" value="">
<span id="#toggle-password2" className="fa fa-fw field-icon toggle-password2">
<i className="material-symbols-outlined">
visibility
</i>
</span>
</div>
</div>
</div>
<div className="col-lg-12">
<div className="input__grp mt-3">
<button type="submit" className="cmn__btn">
<span>
Submit Now
</span>
</button>
</div>
</div>
<div className="col-lg-12">
<div className="input__grp mt-2">
<Link href="/URL:void(0)" className="back__btn">
<span className="icon">
<i className="material-symbols-outlined">
keyboard_backspace
</i>
</span>
<span>
Back
</span>
</Link>
</div>
</div>
</div>
</form>
</div>
</div>
<div className="col-xl-5 col-lg-6">
<div className="signup__thumb">
<img src="/img/signup/signup.png" alt="img"/>
</div>
</div>
</div>
</div>
</section>We don't send span, just important information you must know
<section className="signup__section bluar__shape">
<div className="container">
<div className="row align-items-center justify-content-between">
<div className="col-xl-6 col-lg-6">
<div className="signup__boxes">
<h4>
What's the best number to reach you on?
</h4>
<p className="head__pra">
We don't send span, just important information you must know
</p>
<form action="#0" className="signup__form password__box pt__40">
<div className="row g-4">
<div className="col-lg-12">
<span className="fz-18 fw-600 lato dtext d-block mb__15">
Mobile Number
</span>
<div className="country__toreach d-flex align-items-center">
<div className="icon">
<img src="/img/details/us.png" alt="us"/>
</div>
<select name="counting">
<option value="1">
+1
</option>
<option value="1">
+3
</option>
<option value="1">
+8
</option>
</select>
<input type="text">
</div>
</div>
<div className="col-lg-12">
<div className="input__grp mt-3">
<button type="submit" className="cmn__btn">
<span>
Submit Now
</span>
</button>
</div>
</div>
<div className="col-lg-12">
<div className="input__grp mt-2">
<Link href="/URL:void(0)" className="back__btn">
<span className="icon">
<i className="material-symbols-outlined">
keyboard_backspace
</i>
</span>
<span>
Back
</span>
</Link>
</div>
</div>
</div>
</form>
</div>
</div>
<div className="col-xl-5 col-lg-6">
<div className="signup__thumb">
<img src="/img/signup/signup.png" alt="img"/>
</div>
</div>
</div>
</div>
</section>A 6 digit One Time Password (OTP) has been sent to your given email address which will expire in 15 minutes, after which you will need to resend the code.
Enter OTP Here <section className="signup__section bluar__shape">
<div className="container">
<div className="row align-items-center justify-content-between">
<div className="col-xl-6 col-lg-6">
<div className="signup__boxes">
<h4>
Varified Your Phone Number
</h4>
<p className="head__pra mb__30">
A 6 digit One Time Password (OTP) has been sent to your given email address which will expire in 15 minutes, after which you will need to resend the code.
</p>
<Link href="/javascript:void" className="recent__code">
Enter OTP Here
</Link>
<form action="#0" className="signup__form varified__number">
<div className="row g-2">
<div className="col-lg-2 col-md-2 col-sm-2">
<div className="input__grp mt-3">
<input type="text" placeholder="1">
</div>
</div>
<div className="col-lg-2 col-md-2 col-sm-2">
<div className="input__grp mt-3">
<input type="text" placeholder="0">
</div>
</div>
<div className="col-lg-2 col-md-2 col-sm-2">
<div className="input__grp mt-3">
<input type="text" placeholder="0">
</div>
</div>
<div className="col-lg-2 col-md-2 col-sm-2">
<div className="input__grp mt-3">
<input type="text" placeholder="1">
</div>
</div>
<div className="col-lg-2 col-md-2 col-sm-2">
<div className="input__grp mt-3">
<input type="text" placeholder="0">
</div>
</div>
<div className="col-lg-2 col-md-2 col-sm-2">
<div className="input__grp mt-3">
<input type="text" placeholder="1">
</div>
</div>
<div className="col-lg-12">
<div className="input__grp mt-3">
<button type="submit" className="cmn__btn">
<span>
Submit Now
</span>
</button>
</div>
</div>
<div className="col-lg-12">
<div className="input__grp mt-2">
<Link href="/URL:void(0)" className="back__btn">
<span className="icon">
<i className="material-symbols-outlined">
keyboard_backspace
</i>
</span>
<span>
Back
</span>
</Link>
</div>
</div>
</div>
</form>
</div>
</div>
<div className="col-xl-5 col-lg-6">
<div className="signup__thumb">
<img src="/img/signup/signup.png" alt="img"/>
</div>
</div>
</div>
</div>
</section>Sign in to your account and make recharges. payments and bookings faster
<section className="signup__section bluar__shape">
<div className="container">
<div className="row align-items-center justify-content-between">
<div className="col-xl-6 col-lg-6">
<div className="signup__boxes">
<h4>
Sign in to Rechargio
</h4>
<p className="head__pra mb__30">
Sign in to your account and make recharges. payments and bookings faster
</p>
<form action="#0" className="signup__form">
<div className="row g-4">
<div className="col-lg-12">
<div className="input__grp">
<label htmlFor="email2">Enter Your Email ID</label>
<input type="email" id="email2" placeholder="Your email ID here">
</div>
</div>
<div className="col-lg-12">
<div className="input__grp">
<label htmlFor="pass3">Enter Your Password</label>
<input type="text" id="pass3" placeholder="Your Password">
</div>
</div>
<Link href="/javascript:void(0)" className="forgot">
Forgot Password?
</Link>
<div className="col-lg-12">
<div className="input__grp">
<button type="submit" className="cmn__btn">
<span>
Sign In
</span>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div className="col-xl-5 col-lg-6">
<div className="signup__thumb">
<img src="/img/signup/signup.png" alt="img"/>
</div>
</div>
</div>
</div>
</section>