import React, {Component} from 'react';

class FindMobility extends React.Component {
    render() {
        let subheadSection = {
            leadTitle: `Subscribe to Our Newsletter`,
            title: `Somehow we will allow users to be able to find Mobility Options locations, DESIGN coming up`,
            btn: 'Filter'
        }
        return(
            <div>


                {/* PRELOADER SPINNER
		============================================= */}
                <div id="loader-wrapper">
                    <div id="loading">
                        <span className="cssload-loader"><span className="cssload-loader-inner" /></span>
                    </div>
                </div>
                {/* PAGE CONTENT
		============================================= */}
                <div id="page" className="page">



                    <section id="content-11" className="pb-100 content-section division">
                        <div className="container">
                            {/* SECTION TITLE */}
                            <div className="row"  style={{ marginTop: '150px'}} >
                                <div className="col-lg-10 offset-lg-1">
                                    <div className="section-title text-center mb-60">
                                        {/* Title */}
                                        <h2 className="h2-md">Find Scooters, Cars, Buses ...</h2>
                                        {/* Text */}

                                        <div className="newsletter-wrapper bg_white">
                                            <div className="row d-flex align-items-center">
                                                {/* SECTION TITLE */}
                                                <div className="col-lg-10">
                                                    <div className="newsletter-txt">
                                                        {/* Section ID */}
                                                        {/*<span className="section-id">{subheadSection.leadTitle}</span>*/}
                                                        {/* Title */}
                                                        <p className="p-xl">{subheadSection.title}</p>
                                                    </div>
                                                </div>
                                                {/* NEWSLETTER FORM */}
                                                <div className="col-lg-2">
                                                    <form className="newsletter-form">
                                                        <div className="input-group">

                                                            <span className="input-group-btn">
                          <button type="submit" className="btn btn-md btn-rose tra-rose-hover">{subheadSection.btn}</button>
                        </span>
                                                        </div>
                                                        {/* Newsletter Form Notification */}
                                                        <label htmlFor="s-email" className="form-notification" />
                                                    </form>
                                                </div>	  {/* END NEWSLETTER FORM */}
                                            </div>	  {/* End row */}
                                        </div>    {/* End newsletter-holder */}
                                    </div>
                                </div>
                            </div>
                            {/* IMAGE BLOCK */}
                            <div className="row">
                                <div className="col-md-12">
                                    <div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
                                        <iframe width="100%" height="710" style={{border:"0"}} loading="lazy" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1070%20Cresta%20Way%20Unit%202,%20San%20Rafael%20CA%2094903+(FloatEV)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed">
                                            <a href="https://www.maps.ie/distance-area-calculator.html">measure area map</a>
                                        </iframe>
                                    </div>
                                </div>
                            </div>
                            {/* DOWNLOAD BUTTON */}
                            <div className="row">
                                <div className="col-md-12">
                                    <div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">
                                        {/* Button */}
                                        <a href="#" className="btn btn-md btn-skyblue tra-grey-hover">
                                            Refresh
                                        </a>
                                        {/* OS Prerequisite */}
                                    </div>
                                </div>
                            </div>	{/* END DOWNLOAD BUTTON */}
                        </div>	   {/* End container */}
                    </section>	{/* END CONTENT-11 */}



                </div>	{/* END PAGE CONTENT */}


            </div>
        )
    }
}
export default FindMobility