CHIEFSOFT\ameye
59 lines
3.4 KiB
JavaScript
59 lines
3.4 KiB
JavaScript
|
|
|
|
export default function Features5_6() {
|
|
return (
|
|
<>
|
|
<section id="features-5" className="pt-100 features-section division">
|
|
<div className="container">
|
|
{/* SECTION TITLE */}
|
|
<div className="row justify-content-center">
|
|
<div className="col-md-10 col-lg-9">
|
|
<div className="section-title mb-70">
|
|
{/* Title */}
|
|
<h2 className="s-50 w-700">Everything in One Place</h2>
|
|
{/* Text */}
|
|
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/* FEATURES-5 WRAPPER */}
|
|
<div className="fbox-wrapper text-center">
|
|
<div className="row d-flex align-items-center">
|
|
{/* FEATURE BOX #1 */}
|
|
<div className="col-md-6">
|
|
<div className="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
|
|
{/* Text */}
|
|
<div className="fbox-txt order-last order-md-2">
|
|
<h5 className="s-26 w-700">Improved Productivity</h5>
|
|
<p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
|
|
</div>
|
|
{/* Image */}
|
|
<div className="fbox-5-img order-first order-md-2">
|
|
<img className="img-fluid light-theme-img" src="/images/f_04.png" alt="feature-image" />
|
|
<img className="img-fluid dark-theme-img" src="/images/f_04_dark.png" alt="feature-image" />
|
|
</div>
|
|
</div>
|
|
</div> {/* END FEATURE BOX #1 */}
|
|
{/* FEATURE BOX #2 */}
|
|
<div className="col-md-6">
|
|
<div className="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
|
|
{/* Image */}
|
|
<div className="fbox-5-img">
|
|
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
|
|
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
|
|
</div>
|
|
{/* Text */}
|
|
<div className="fbox-txt">
|
|
<h5 className="s-26 w-700">Advanced Analytics</h5>
|
|
<p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
|
|
</div>
|
|
</div>
|
|
</div> {/* END FEATURE BOX #2 */}
|
|
</div> {/* End row */}
|
|
</div> {/* END FEATURES-5 WRAPPER */}
|
|
</div> {/* End container */}
|
|
</section>
|
|
</>
|
|
)
|
|
}
|