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

Fix footer menyu

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2026-03-21 13:35:47 -04:00
parent 8a021ee71e
commit 73507adcc2
2 changed files with 45 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/MermsFeatures.js
+43 -31
View File
@@ -1,32 +1,32 @@
export default function MermsFeatures() { export default function MermsFeatures() {
return ( return (
<> <>
<section id="merms-features" className="shape--bg shape--purple-100 pt-100 features-section division"> <section id="merms-features" className="shape--bg shape--purple-100 pt-100 features-section division"
style={{paddingBottom: '10px'}}>
<div className="container"> <div className="container">
<div className="row d-flex align-items-center"> <div className="row d-flex align-items-center">
{/* FEATURES-13 WRAPPER */}
<div className="col-md-7 order-last order-md-2"> <div className="col-md-7 order-last order-md-2">
<div className="fbox-13-wrapper wow fadeInRight"> <div className="fbox-13-wrapper wow fadeInRight">
<div className="row"> <div className="row">
<div className="col-md-6"> <div className="col-md-6">
{/* FEATURE BOX #1 */}
<div id="fb-12-1" className="fbox-12 bg--green-100 block-shadow r-12 mb-30"> <div id="fb-12-1" className="fbox-12 bg--green-100 block-shadow r-12 mb-30">
{/* Icon */}
<div className="fbox-ico ico-50"> <div className="fbox-ico ico-50">
<div className="shape-ico color--theme"> <div className="shape-ico color--theme">
{/* Vector Icon */} {/* Vector Icon */}
<span className="flaticon-graphics" /> <span className="flaticon-graphics"/>
{/* Shape */} {/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" /> <path
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
transform="translate(100 100)"/>
</svg> </svg>
</div> </div>
</div> {/* End Icon */} </div>
{/* End Icon */}
{/* Text */} {/* Text */}
<div className="fbox-txt"> <div className="fbox-txt">
<h5 className="s-20 w-700">Website in Seconds</h5> <h5 className="s-20 w-700">Deploy in Seconds</h5>
<p>Build a website in seconds with MERMS AI website builder.</p> <p>Build a website in seconds with MERMS AI website builder.</p>
</div> </div>
</div> </div>
@@ -36,13 +36,16 @@ export default function MermsFeatures() {
<div className="fbox-ico ico-50"> <div className="fbox-ico ico-50">
<div className="shape-ico color--theme"> <div className="shape-ico color--theme">
{/* Vector Icon */} {/* Vector Icon */}
<span className="flaticon-idea" /> <span className="flaticon-idea"/>
{/* Shape */} {/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" /> <path
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
transform="translate(100 100)"/>
</svg> </svg>
</div> </div>
</div> {/* End Icon */} </div>
{/* End Icon */}
{/* Text */} {/* Text */}
<div className="fbox-txt"> <div className="fbox-txt">
<h5 className="s-20 w-700">Useful Addons</h5> <h5 className="s-20 w-700">Useful Addons</h5>
@@ -57,13 +60,16 @@ export default function MermsFeatures() {
<div className="fbox-ico ico-50"> <div className="fbox-ico ico-50">
<div className="shape-ico color--theme"> <div className="shape-ico color--theme">
{/* Vector Icon */} {/* Vector Icon */}
<span className="flaticon-graphic" /> <span className="flaticon-graphic"/>
{/* Shape */} {/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" /> <path
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
transform="translate(100 100)"/>
</svg> </svg>
</div> </div>
</div> {/* End Icon */} </div>
{/* End Icon */}
{/* Text */} {/* Text */}
<div className="fbox-txt"> <div className="fbox-txt">
<h5 className="s-20 w-700">Digital Marketing</h5> <h5 className="s-20 w-700">Digital Marketing</h5>
@@ -76,13 +82,16 @@ export default function MermsFeatures() {
<div className="fbox-ico ico-50"> <div className="fbox-ico ico-50">
<div className="shape-ico color--theme"> <div className="shape-ico color--theme">
{/* Vector Icon */} {/* Vector Icon */}
<span className="flaticon-search-engine-1" /> <span className="flaticon-search-engine-1"/>
{/* Shape */} {/* Shape */}
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" /> <path
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
transform="translate(100 100)"/>
</svg> </svg>
</div> </div>
</div> {/* End Icon */} </div>
{/* End Icon */}
{/* Text */} {/* Text */}
<div className="fbox-txt"> <div className="fbox-txt">
<h5 className="s-20 w-700">Unified Management</h5> <h5 className="s-20 w-700">Unified Management</h5>
@@ -91,33 +100,36 @@ export default function MermsFeatures() {
</div> </div>
</div> </div>
</div> </div>
</div> {/* End row */} </div>
</div> {/* END FEATURES-13 WRAPPER */} {/* End row */}
</div>
{/* END FEATURES-13 WRAPPER */}
{/* TEXT BLOCK */} {/* TEXT BLOCK */}
<div className="col-md-5 order-first order-md-2"> <div className="col-md-5 order-first order-md-2">
<div className="txt-block left-column wow fadeInLeft"> <div className="txt-block left-column wow fadeInLeft">
{/* Section ID */} <h2 className="s-46 w-700">Deploy Tools for Your Practice with Ease in Our Secure
{/*<span className="section-id">One-Stop Solution</span>*/} Cloud.</h2>
{/* Title */}
<h2 className="s-46 w-700">Create a web presence without limits</h2>
{/* Text */} {/* Text */}
<p>Bring your vision to life with the website builder that gives you the tools you need to succeed. <p>Bring your vision to life with the website builder that gives you the tools you need
to succeed.
</p> </p>
{/* List */} {/* List */}
<ul className="simple-list"> <ul className="simple-list">
<li className="list-item"> <li className="list-item">
<p>Design your website using our modern templates, designer fonts, and color palettes in minutes. <p>Design your website using our modern templates, designer fonts, and color
palettes in minutes.
</p> </p>
</li> </li>
<li className="list-item"> <li className="list-item">
<p className="mb-0">Promote your business and grow. Create a blog to grow your community and drive more traffic. <p className="mb-0">Promote your business and grow. Create a blog to grow your
community and drive more traffic.
</p> </p>
</li> </li>
</ul> </ul>
</div> </div>
</div> {/* END TEXT BLOCK */} </div>
</div> {/* End row */} </div>
</div> {/* End container */} </div>
</section> </section>
</> </>
) )
pages/index.js
+2 -1
View File
@@ -14,9 +14,10 @@ export default function Home() {
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark"> <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
<MersmHero /> <MersmHero />
<hr className="divider" /> <hr className="divider" />
<MermsFeatures />
<hr className="divider" />
<MermsAbout /> <MermsAbout />
<hr className="divider" /> <hr className="divider" />
<MermsFeatures />
<MermsHowItWorks /> <MermsHowItWorks />
{/*<MermsFeatures2 />*/} {/*<MermsFeatures2 />*/}
<MermsBanner /> <MermsBanner />