Landing Page

There are no notes for this item.

<div class="global-container">

    <header class="siteheader" id="top">

        <div class="preheader">
            <div class="row">
                <div class="large-8 small-12 columns align-middle">
                    <ul>
                        <li class="active"><a href="/" title="Home">Home</a></li>
                        <li><a href="extras/" title="Extras">Extras</a></li>
                        <li><a href="https://docs.modmore.com/en/index.html" title="Documentation">Documentation</a></li>
                        <li><a href="http://demo.modmore.com/" title="Demos">Demos</a></li>
                        <li><a href="https://support.modmore.com/" title="Support">Support</a></li>
                        <li><a href="https://forum.modmore.com/" title="Forum">Forum</a></li>
                        <li><a href="https://sitedash.app/?utm_source=modmoreprenav" title="SiteDash">SiteDash</a></li>
                    </ul>
                </div>

                <div class="large-4 small-12 columns header-account-links small-text-center">
                    <a href="https://modmore.com/account/" title="Your Account"><img class="userimg" src="//www.gravatar.com/avatar/ec08b93facdaf8489dde4404bc351c01?s=32&amp;d=mm" width="32" height="32" alt="marcjenkins's avatar"> marcjenkins</a>

                    <button class="minicart-summary" type="button" data-link="minicart">
                        <svg role="img" class="minicart-summary__icon">
                            <use xlink:href="/svg/svg-symbols.svg#simplecart"></use>
                        </svg>
                        2 <span class="visually-hidden">items</span>
                    </button>

                    <div class="minicart" id="minicart">
                        <div class="minicart__body">
                            <ul class="minicart__list">
                                <li class="minicart-item">
                                    <div class="minicart-item__product">
                                        <h3 class="minicart-item__name">Commerce Single License</h3>
                                        <p class="minicart-item__quantity">
                                            Quantity: 1
                                        </p>
                                    </div>
                                    <div class="minicart-item__numbers">
                                        <span class="minicart-item__subtotal">€299.00</span>
                                    </div>
                                </li>
                                <li class="minicart-item">
                                    <div class="minicart-item__product">
                                        <h3 class="minicart-item__name">Redactor Subscription</h3>
                                        <p class="minicart-item__quantity">
                                            Quantity: 5
                                        </p>
                                    </div>
                                    <div class="minicart-item__numbers">
                                        <span class="minicart-item__subtotal">€125.00</span>
                                    </div>
                                </li>
                                <li class="minicart-item">
                                    <div class="minicart-item__product">
                                        <h3 class="minicart-item__name">MoreGallery Single License</h3>
                                        <p class="minicart-item__quantity">
                                            Quantity: 1
                                        </p>
                                    </div>
                                    <div class="minicart-item__numbers">
                                        <span class="minicart-item__subtotal">€50.00</span>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="minicart__summary">
                            <div class="minicart__total">
                                <span class="minicart__total-label">Total:</span>
                                <span class="minicart__total-value">€474.00</span>
                            </div>
                        </div>

                        <form class="minicart__footer" method="post" action="checkout/">
                            <input type="hidden" name="checkout" value="1">

                            <div class="btn-group">
                                <a href="cart.html" class="btn btn--secondary">Cart</a>
                                <button type="submit" href="checkout/" class="btn btn--primary">Checkout</button>
                            </div>

                        </form>
                    </div>

                </div>
            </div>
        </div>

        <div class="row">
            <div class="large-3 medium-12 small-12 columns">
                <a href="https://modmore.com/" class="logo">
                    <svg role="img">
                        <use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
                    </svg>
                    <span class="visually-hidden">modmore</span>
                </a>
            </div>

            <nav class="large-9 medium-12 small-12 columns">
                <ul>
                    <li class="first"><a href="/extras/" title="Powerful Extras for MODX Revolution">Extras</a></li>
                    <li><a href="/consults/" title="MODX Consults">Consults</a></li>
                    <li><a href="/about/" title="About">About</a></li>
                    <li><a href="/blog/" title="Blog">Blog</a></li>
                    <li class="last"><a href="/account/" title="Account" data-loggedin="true">Account</a></li>
                </ul>
            </nav>
        </div>

        <div class="row print-only">
            Printed: <ul class="B_crumbBox"></ul>
        </div>

    </header>
    <div class="hero">
        <div class="row">
            <div class="column small-12 large-6 align-middle">
                <h1 class="hero__title"><a href="#">Redactor</a> <span class="extra-label">new!</span></h1>
                <p class="hero__description">Redactor is a beautiful, configurable, and user friendly rich text editor for MODX with powerful media management.</p>
                <p class="hero__links">
                    <a class="button" href="https://www.modmore.com/extras/purchase/?package=22" title="Buy">Buy now</a>
                    <span class="hero__free-link"><a href="https://www.modmore.com/free-development-licenses/">Try for free</a> or <a href="https://www.modmore.com/extras/purchase/?package=22">see the demo</a></span>
                </p>
            </div>
        </div>
        <div class="demo-bg">
            <div class="stats-bar">
                <div class="row row--large">
                    <div class="columns small-6 large-expand">
                        <div class="stats-bar__inner" data-tooltip="Commerce supports MODX 2.x and 3.x 👍">
                            <span class="stats-bar__icon"><i class="ss-info"></i></span>
                            <p class="stats-bar__text"><span>Compatibility</span> MODX 3 Supported</p>
                        </div>
                    </div>
                    <div class="columns small-6 large-expand">
                        <div class="stats-bar__inner">
                            <a href="#" class="stats-bar__link">
                                <span class="stats-bar__icon"><i class="ss-tag"></i></span>
                                <p class="stats-bar__text"><span>Version</span> 2.0.2-pl</p>
                            </a>
                        </div>
                    </div>
                    <div class="columns small-6 large-expand">
                        <div class="stats-bar__inner">
                            <a href="#" class="stats-bar__link">
                                <span class="stats-bar__icon"><i class="ss-star"></i></span>
                                <p class="stats-bar__text"><span>Rated</span> 4.9/5</p>
                            </a>
                        </div>
                    </div>
                    <div class="columns small-6 large-expand">
                        <div class="stats-bar__inner">
                            <a href="#" class="stats-bar__link">
                                <span class="stats-bar__icon"><i class="ss-dollarsign"></i></span>
                                <p class="stats-bar__text"><span>Price</span> €29 per site</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="product-nav-wrap" data-sticky="true">
        <div class="product-nav-wrap__inner">
            <ul class="product-nav">
                <li class="product-nav__item">
                    <a href="#" class="product-nav__link active">
                        <span class="icon product-nav__icon"><i class="ss-check"></i></span>
                        Features
                    </a>
                </li>
                <li class="product-nav__item">
                    <a href="#" class="product-nav__link">
                        <span class="icon product-nav__icon"><i class="ss-thumbnails"></i></span>
                        Extensions
                    </a>
                </li>
                <li class="product-nav__item">
                    <a href="#" class="product-nav__link">
                        <span class="icon product-nav__icon"><i class="ss-openbook"></i></span>
                        Documentation
                    </a>
                </li>
                <li class="product-nav__item">
                    <a href="#" class="product-nav__link">
                        <span class="icon product-nav__icon"><i class="ss-help"></i></span>
                        FAQs
                    </a>
                </li>
                <li class="product-nav__item">
                    <a href="#" class="product-nav__link">
                        <span class="icon product-nav__icon"><i class="ss-flask"></i></span>
                        Development
                    </a>
                </li>
                <li class="product-nav__item">
                    <a href="#" class="product-nav__link">
                        <span class="icon product-nav__icon"><i class="ss-cart"></i></span>
                        Pricing
                    </a>
                </li>
            </ul>
        </div>
    </nav>

    <div class="row feature-panel feature-panel--right">

        <div class="small-12 large-5 column feature-panel__content">
            <div class="feature-panel__content-wrapper">
                <h2 class="feature-panel__title">Say hello to Redactor 3</h2>
                <p>Redactor is your user-friendly rich text editor, tightly integrated with MODX. Ridiculously easy image uploads, clean markup, full control over available formatting and features, and a focus on keeping things simple.</p>
                <p>Redactor is your user-friendly rich text editor, tightly integrated with MODX. Ridiculously easy image uploads, clean markup, full control over available formatting and features, and a focus on keeping things simple.</p>
                <a href="/agenda/" class="feature-panel__link">
                    Read more
                    <svg role="img" class="icon feature-panel__icon">
                        <use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use>
                    </svg>
                </a>
            </div>
        </div>

        <div class="small-12 large-6 column feature-panel__media">
            <img src="/images/redactor3_standard_content.jpg" class="feature-panel__img">
        </div>

    </div>

    <div class="row feature-panel feature-panel--left">

        <div class="small-12 large-5 column feature-panel__content">
            <div class="feature-panel__content-wrapper">
                <h2 class="feature-panel__title">Introducing themes and dark mode</h2>
                <p>Redactor 3 comes with a new modern look, where the buttons floats within the content. If you prefer the editor to look more like Redactor 2, to have a flatter design, or something a little more shiny, the selection of built-in themes has you covered.</p>
                <a href="/agenda/" class="feature-panel__link">
                    Read more
                    <svg role="img" class="icon feature-panel__icon">
                        <use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use>
                    </svg>
                </a>
            </div>
        </div>

        <div class="small-12 large-6 column feature-panel__media">
            <img src="/images/redactor3_standard_content.jpg" class="feature-panel__img">
        </div>

    </div>

    <div class="row">
        <div class="column">
            <section class="product-features">

                <div class="product-features__header">
                    <h3 class="product-features__heading">Works with common payment gateways</h3>
                    <a href="#" class="more-link">Learn more <svg role="img" class="more-link__arrow">
                            <use xlink:href="../../svg/svg-symbols.svg#long-arrow-right"></use>
                        </svg></a>
                </div>

                <div class="product-features__inner">
                    <p class="product-features__description">Commerce comes with 8 payment gateways (and counting) to get paid.</p>
                </div>

                <div class="product-features__grid">
                    <ul class="product-feature-list">
                        <li class="product-feature-list__item">
                            <div class="product-feature-list__media">
                                <img src="../../images/authorizenet-logo.png" class="product-feature-list__logo">
                            </div>
                            <div class="product-feature-list__content">
                                <h4 class="product-feature-list__heading">Authorize.Net</h4>
                                <p class="product-feature-list__description">PayPal account, credit cards</p>
                            </div>
                        </li>
                        <li class="product-feature-list__item">
                            <a href="#" class="product-feature-list__link">
                                <div class="product-feature-list__media">
                                    <img src="../../images/mollie-logo.png" class="product-feature-list__logo">
                                </div>
                                <div class="product-feature-list__content">
                                    <h4 class="product-feature-list__heading">mollie<svg role="img" class="product-feature-list__arrow">
                                            <use xlink:href="../../svg/svg-symbols.svg#long-arrow-right"></use>
                                        </svg></h4>
                                    <p class="product-feature-list__description">PayPal account, credit cards</p>
                                </div>
                            </a> </li>
                        <li class="product-feature-list__item">
                            <div class="product-feature-list__media">
                                <img src="../../images/sagepay-logo.png" class="product-feature-list__logo">
                            </div>
                            <div class="product-feature-list__content">
                                <h4 class="product-feature-list__heading">sagePay</h4>
                                <p class="product-feature-list__description">Is a product on sale for a period of time? Instead of changing the standard price, add a Sale Price Type and Commerce automatically renders before/after prices for you. The sale price automatically (de)activates.</p>
                            </div>
                        </li>
                        <li class="product-feature-list__item">
                            <div class="product-feature-list__media">
                                <img src="../../images/paypal-logo.png" class="product-feature-list__logo">
                            </div>
                            <div class="product-feature-list__content">
                                <h4 class="product-feature-list__heading">PayPal</h4>
                                <p class="product-feature-list__description">PayPal account, credit cards</p>
                            </div>
                        </li>
                        <li class="product-feature-list__item">
                            <div class="product-feature-list__media">
                                <img src="../../images/adyen-logo.png" class="product-feature-list__logo">
                            </div>
                            <div class="product-feature-list__content">
                                <h4 class="product-feature-list__heading">adyen</h4>
                                <p class="product-feature-list__description">PayPal account, credit cards</p>
                            </div>
                        </li>
                        <li class="product-feature-list__item">
                            <div class="product-feature-list__media">
                                <img src="../../images/braintree-logo.png" class="product-feature-list__logo">
                            </div>
                            <div class="product-feature-list__content">
                                <h4 class="product-feature-list__heading">Braintree</h4>
                                <p class="product-feature-list__description">PayPal account, credit cards</p>
                            </div>
                        </li>
                    </ul>
                </div>

            </section>
        </div>
    </div>

    <div style="background: #f7fafc; padding: 2rem 0;">

        <div class="row row--xsmall">
            <blockquote class="review-panel">
                <div class="review-panel__stars">
                    <span class="visually-hidden">Rated 5 stars</span>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                </div>

                <p>We proudly use modmore's Redactor on all of our websites. <strong>Its simple, intuitive layout, is perfect for all types of clients and their respective experience and type of use.</strong></p>
                <p>Our feedback is listened to, bugs (if any) are dealt with promptly, and the team at modmore are very approachable. Keep up the good work!</p>

                <cite class="review-panel__footer">
                    <div class="review-panel__media">
                        <img class="review-panel__avatar" src="https://www.gravatar.com/avatar/7bb3a95a90f2b8771b9aa283eacfd7f0?d=mm&r=g">
                    </div>
                    <div class="review-panel__cite">
                        <p class="review-panel__person">Graeme Leighfield</p>
                        <p class="review-panel__company">Founder of Gel Studios</p>
                    </div>
                </cite>
            </blockquote>
        </div>

        <div class="row row--xsmall">
            <blockquote class="review-panel">
                <div class="review-panel__stars">
                    <span class="visually-hidden">Rated 5 stars</span>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                    <svg role="img" class="review-panel__star">
                        <use xlink:href="/svg/svg-symbols.svg#star"></use>
                    </svg>
                </div>

                <p>As a professional designer, none of my clients go without redactor as a standard feature in any site I build. <strong>Nothing beats the stability, ease of use, flexibility and customization of Redactor</strong>. Some say paying for a WYSIWYG isn't worth it, experience and the satisfaction of my clients says otherwise.</p>

                <cite class="review-panel__footer">
                    <div class="review-panel__media">
                        <img class="review-panel__avatar" src="https://www.gravatar.com/avatar/84f4c096772917877b45bdcb0c0a9fab?d=mm&r=g">
                    </div>
                    <div class="review-panel__cite">
                        <p class="review-panel__person">Benjamin Morrison</p>
                        <p class="review-panel__company">Web Designer</p>
                    </div>
                </cite>
            </blockquote>
        </div>

        <div class="row">
            <div class="column u-center">
                <a href="#" class="button secondary">Read more reviews</a>
            </div>
        </div>

    </div>

    <footer class="page-footer">
        <div class="row">
            <div class="columns small-12 medium-12 large-3 page-footer__logos">
                <a href="#" class="logo-footer">
                    <svg role="img">
                        <use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
                    </svg>
                </a>

                <a href="https://ecologi.com/modmore" target="_blank" rel="noopener noreferrer" title="View our Ecologi profile" class="logo-ecologi">
                    <img alt="We offset our carbon footprint via Ecologi" src="https://toolkit.ecologi.com/badges/cpw/5de10f48ec76db00179cea96?white=true&landscape=true" />
                </a>
            </div>
            <div class="columns small-12 medium-4 large-2 large-offset-3">
                <h4>Extras</h4>
                <nav>
                    <ul class="footer-nav-list">
                        <li><a href="#">Redactor</a></li>
                        <li><a href="#">ContentBlocks</a></li>
                        <li><a href="#">Commerce</a></li>
                        <li><a href="#">Formalicious</a></li>
                        <li><a href="#">Digital Signage</a></li>
                        <li><a href="#">View All <svg role="img" class="footer-nav-list__arrow">
                                    <use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use>
                                </svg></a></li>
                    </ul>
                </nav>
            </div>
            <div class="columns small-12 medium-4 large-2">
                <h4>Help</h4>
                <nav>
                    <ul class="footer-nav-list">
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Forum</a></li>
                        <li><a href="#">Documentation</a></li>
                        <li><a href="#">Contact Support</a></li>
                        <li><a href="#">Premium MODX Support</a></li>
                    </ul>
                </nav>
            </div>
            <div class="columns small-12 medium-4 large-2">
                <h4>Connect</h4>
                <nav>
                    <ul class="footer-nav-list">
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Twitter</a></li>
                        <li><a href="#">Facebook</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="row u-mt4">
            <div class="columns small-12 large-6">
                <p class="smallprint">© 2013 - 2020 modmore.</p>
                <p class="smallprint">KVK: 52454606 • VAT: NL001103641B07<br> Oenemastate 14, 8926PR, Leeuwarden, The Netherlands</p>
            </div>
            <div class="columns small-12 large-6 align-bottom">
                <nav>
                    <ul class="footer-nav-horiz">
                        <li>
                            <span>Change currency:</span>
                            <select title="Select a currency" aria-label="Select a currency" style="width: auto;" id="currencySelector" class="currency-selector">
                                <option value="EUR">EUR</option>
                                <option value="USD">USD</option>
                                <option value="GBP">GBP</option>
                                <option value="RUB">RUB</option>
                                <option value="CHF">CHF</option>
                                <option value="CAD">CAD</option>
                            </select>
                        </li>
                        <li><a href="#">Terms of Service</a></li>
                        <li><a href="#">Privacy &amp; Cookies</a></li>
                    </ul>
                </nav>

            </div>
        </div>
    </footer>

</div>
<!-- /.global-container">
/* No context defined for this component. */