MERMS/MermsWebsite2025
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Fix pages

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-28 09:30:28 -05:00
parent 43ee9a1cae
commit 11e6a2aae6
3 changed files with 74 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/MermsHowItWorks.js
+60 -46
View File
@@ -1,57 +1,71 @@
export default function MermsHowItWorks() {
return (
<>
<section id="merms-works" className="pt-100 features-section division">
<section id="merms-works" className="pt-100 ct-01 content-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-48 w-700">Track the progress towards objectives with key results</h2>
{/* Text */}
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
{/* 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-4">
{/* Icon & Title */}
<div className="box-title">
<span className="flaticon-paper-sizes color--theme" />
<h5 className="s-24 w-700">Built-in automation</h5>
</div>
{/* Text */}
<div className="cbox-4-txt">
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
magna turpis
</p>
</div>
</div> {/* END CONTENT BOX #1 */}
{/* CONTENT BOX #2 */}
<div className="cbox-4">
{/* Icon & Title */}
<div className="box-title">
<span className="flaticon-layers-1 color--theme" />
<h5 className="s-24 w-700">Automatic workflows</h5>
</div>
{/* Text */}
<div className="cbox-4-txt">
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
magna turpis
</p>
</div>
</div> {/* END CONTENT BOX #2 */}
{/* CONTENT BOX #3 */}
<div className="cbox-4">
{/* Icon & Title */}
<div className="box-title">
<span className="flaticon-pie-chart color--theme" />
<h5 className="s-24 w-700">Real-time analytics</h5>
</div>
{/* Text */}
<div className="cbox-4-txt">
<p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
magna turpis
</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 right-column wow fadeInLeft">
<img className="img-fluid" src="/images/img-08.png" alt="content-image" />
</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">Marketing Integrations</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_06.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_06_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_07.png" alt="feature-image" />
<img className="img-fluid dark-theme-img" src="/images/f_07_dark.png" alt="feature-image" />
</div>
{/* Text */}
<div className="fbox-txt">
<h5 className="s-26 w-700">Research Solutions</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 */}
</div> {/* END SECTION CONTENT (ROW) */}
</div> {/* End container */}
</section>
</>
)