DESKTOP-GBA0BK8\Admin
100 lines
5.4 KiB
JavaScript
100 lines
5.4 KiB
JavaScript
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&height=600&hl=en&q=1070%20Cresta%20Way%20Unit%202,%20San%20Rafael%20CA%2094903+(FloatEV)&t=&z=14&ie=UTF8&iwloc=B&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 |