import React from "react";
export default function Login() {
return (
 <>

<section className="site-hero overlay justify-content-center align-items-center" data-stellar-background-ratio="0.5">
        <div className="bg-section">
            <img src="/images/login.jpg" alt="" title=""/>
        </div>
        <div className="container">
            <div className="row site-hero-inner position-relative justify-content-center align-items-center">
                <div className="box">
                    <h2><span>Login</span><span>Recover My Password</span></h2>
                    <input type="text" placeholder="Email" className="username" />
                    <input type="password" placeholder="Password" className="password" />
                    <a id="forgotPwd"><span>Forgot password ?</span>
                        <span>Oh I remembered!</span></a>
                    <button><span>Login</span> <span>Recover My Password</span></button>
                </div>
            </div>
        </div>
    </section>
    <section className="home-section-alt1">
            <div className="container">
                <div className="home-section-content">
                    <div className="row bod-block">
                        <div className="col-md-12 aos-init aos-animate" data-aos="fade-up" data-aos-duration="500">
                            <div className="abt-org-col">
                                <div className="abt-org-col-text">
                                    <p className="businessNeed">Not sure which solution fits your business needs?</p>
                                    <button className="btn btn-primary" type="submit">Contact us</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div className="vl"></div>
        </section>
    
</>
);
}