Featues page
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,76 @@
|
||||
|
||||
|
||||
|
||||
|
||||
export default function MermsFeatureSection4 (){
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="pt-100 ct-04 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">1</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Simple, Secure & Intuitive</h5>
|
||||
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
|
||||
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
||||
quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #1 */}
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">2</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Weekly Email Reports</h5>
|
||||
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
|
||||
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
||||
quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">3</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">No Personal Data Collected</h5>
|
||||
<p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
|
||||
lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
|
||||
eque ligula quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #3 */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
|
||||
|
||||
export default function MermsFeaturesSection1(){
|
||||
|
||||
return (
|
||||
<>
|
||||
<section id="features-2" 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-80">
|
||||
{/* 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-2 WRAPPER */}
|
||||
<div className="fbox-wrapper text-center">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-1 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
|
||||
<p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-2 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Effortless Integration</h6>
|
||||
<p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-3 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<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">
|
||||
<h6 className="s-22 w-700">Real-time Analytics</h6>
|
||||
<p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-2 */}
|
||||
|
||||
<hr className="divider" />
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user