mirror of
https://gh.wpcy.net/https://github.com/mainwp/mainwp.dev.git
synced 2026-07-17 13:33:07 +08:00
138 lines
6.3 KiB
HTML
138 lines
6.3 KiB
HTML
<div class="c-features">
|
|
<div class="o-container">
|
|
<div class="o-row">
|
|
<div class="o-col-12">
|
|
<h2 class="u-text-center">Why Build with MainWP?</h2>
|
|
</div>
|
|
</div>
|
|
<div class="o-row">
|
|
<div class="o-col-4@md">
|
|
<div class="c-feature">
|
|
<div class="c-feature__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path>
|
|
<line x1="16" y1="8" x2="2" y2="22"></line>
|
|
<line x1="17.5" y1="15" x2="9" y2="15"></line>
|
|
</svg>
|
|
</div>
|
|
<h3>Powerful Extension API</h3>
|
|
<p>Access a comprehensive set of hooks and filters to customize and extend MainWP functionality. Build powerful extensions that integrate seamlessly.</p>
|
|
</div>
|
|
</div>
|
|
<div class="o-col-4@md">
|
|
<div class="c-feature">
|
|
<div class="c-feature__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
|
|
<circle cx="9" cy="7" r="4"></circle>
|
|
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
|
|
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
|
|
</svg>
|
|
</div>
|
|
<h3>Large User Base</h3>
|
|
<p>Reach over 20,000 agencies and developers managing 700,000+ WordPress sites. Tap into a growing market of professional WordPress users.</p>
|
|
</div>
|
|
</div>
|
|
<div class="o-col-4@md">
|
|
<div class="c-feature">
|
|
<div class="c-feature__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="16 18 22 12 16 6"></polyline>
|
|
<polyline points="8 6 2 12 8 18"></polyline>
|
|
</svg>
|
|
</div>
|
|
<h3>Modern Development</h3>
|
|
<p>Build with modern PHP practices, REST API integration, and comprehensive documentation. Use the latest WordPress development standards.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="o-row">
|
|
<div class="o-col-4@md">
|
|
<div class="c-feature">
|
|
<div class="c-feature__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
|
|
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
|
|
<line x1="12" y1="22.08" x2="12" y2="12"></line>
|
|
</svg>
|
|
</div>
|
|
<h3>Developer Support</h3>
|
|
<p>Get dedicated support from the MainWP development team. Access developer documentation, code examples, and community resources.</p>
|
|
</div>
|
|
</div>
|
|
<div class="o-col-4@md">
|
|
<div class="c-feature">
|
|
<div class="c-feature__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<line x1="2" y1="12" x2="22" y2="12"></line>
|
|
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
|
</svg>
|
|
</div>
|
|
<h3>Global Reach</h3>
|
|
<p>Join a global community of WordPress professionals. Distribute your extensions to users worldwide through the MainWP marketplace.</p>
|
|
</div>
|
|
</div>
|
|
<div class="o-col-4@md">
|
|
<div class="c-feature">
|
|
<div class="c-feature__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
</svg>
|
|
</div>
|
|
<h3>Open Source</h3>
|
|
<p>Build on top of open-source software. Contribute to the MainWP ecosystem and help shape the future of WordPress management.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.c-features {
|
|
padding: 4rem 0;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.c-feature {
|
|
padding: 2rem;
|
|
text-align: center;
|
|
border-radius: var(--dox-border-radius);
|
|
transition: var(--dox-transition-base);
|
|
height: 100%;
|
|
}
|
|
|
|
.c-feature:hover {
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.c-feature__icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 64px;
|
|
height: 64px;
|
|
margin-bottom: 1.5rem;
|
|
border-radius: 50%;
|
|
background-color: var(--mainwp-primary);
|
|
color: white;
|
|
}
|
|
|
|
.c-feature h3 {
|
|
margin-bottom: 1rem;
|
|
color: var(--mainwp-dark-text);
|
|
}
|
|
|
|
.c-feature p {
|
|
color: var(--mainwp-dark-text);
|
|
opacity: 0.8;
|
|
margin: 0;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.c-feature {
|
|
margin-bottom: 2rem;
|
|
}
|
|
}
|
|
</style>
|
