example-tabs-page

show code

<section class="content-section">
    <div class="contained">
        <div data-mage-init='{"tabbedContentModule":{"colSpan": 3}}'>
            <div class="tab-slider tabs-with-page-links">
                <div class="tab active-tab"><span><a href="">Tell Us What&rsquo;s Wrong</a></span></div>
                <div class="tab"><span><a href="">Know Your Condition?</a></span></div>
                <div class="tab"><span><a href="">General Foot Health</a></span></div>
            </div>
        </div>
    </div>
</section>
<!-- this content is just an example -->
<section class="content-section">
    <div class="hero-image-container lazyload" data-bg="{{view url='images/our-inserts.png'}}" alt="">
        <img class="background-image lazyload" data-src="{{view url='images/our-inserts.png'}}" alt="">
        <div class="contained">
            <div class="hero-image-text" style="padding: 10.49% 0;">
                <h1 class="hero-image-heading">Random Block Under Tabs</h1>
                <p>Cushion your feet and support your arches all day long.</p>
            </div>
        </div>
    </div>
</section>

Tell Us What’s Wrong

Know Your Condition?

General Foot Health

Random Block Under Tabs

Cushion your feet and support your arches all day long.

example-hero-homestyle

show code

<section class="content-section">
    <div class="hero-slider">
        <div>
            <a href="{{store url=''}}"><img class="lazyload" data-src="{{view url='images/hero-slide.jpg'}}" alt=""></a>
        </div>
        <div>
            <a href="{{store url=''}}"><img class="lazyload" data-src="http://placehold.it/375x395" alt=""></a>
        </div>
        <div>
            <a href="{{store url=''}}"><img class="lazyload" data-src="http://placehold.it/375x395" alt=""></a>
        </div>
    </div>
    <div class="hero">
        <div class="bootstrap">
            <div class="grid-row">
                <div class="column col-xs-8">
                    <a href="{{store url=''}}"><img class="lazyload" data-src="{{view url='images/hero-1.jpg'}}" alt=""></a>
                </div>
                <div class="column col-xs-4">
                    <div>
                        <a href="{{store url=''}}"><img class="lazyload" data-src="{{view url='images/hero-2.jpg'}}" alt=""></a>
                    </div>
                    <div>
                        <a href="{{store url=''}}"><img class="lazyload" data-src="{{view url='images/hero-3.jpg'}}" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

example-hero-image-cta

show code

<section class="content-section">
    <div class="hero-image-container lazyload" data-bg="{{view url='images/hero-medicare.png'}}" alt="">
        <img class="background-image lazyload" data-src="{{view url='images/hero-medicare-mobile.png'}}" alt="">
        <div class="contained">
            <div class="hero-image-cta-text">
                <h1 class="hero-image-heading">Medicare Reimbursement</h1>
                <p>Qualifying patients are eligible for 1 pair of extra-depth shoes and 3 pairs of inserts for each calendar year.</p>
                <p>Download the brochure to see if you qualify.</p>
                <div class="actions-toolbar">
                    <a class="action subscribe primary" href="http://www.drcomfort.com/deardoc.pdf" target="_blank">Download Brochure</a>
                </div>
            </div>
        </div>
    </div>
</section>

Medicare Reimbursement

Qualifying patients are eligible for 1 pair of extra-depth shoes and 3 pairs of inserts for each calendar year.

Download the brochure to see if you qualify.

example-hero-image

show code

<section class="content-section">
    <div class="hero-image-container lazyload" data-bg="{{view url='images/our-inserts.png'}}" alt="">
        <img class="background-image lazyload" data-src="{{view url='images/our-inserts.png'}}" alt="">
        <div class="contained">
            <div class="hero-image-text" style="padding: 10.49% 0;">
                <h1 class="hero-image-heading">Our Inserts</h1>
                <p>Cushion your feet and support your arches all day long.</p>
            </div>
        </div>
    </div>
</section>

Our Inserts

Cushion your feet and support your arches all day long.

example-modals

show code

<!--
    These elements trigger a modal to be opened when they're clicked on.
    They can be any element, but they must have modal-opener and with-modal
    classes on them. They must also have a data-modal-id attribute on them,
    which corresponds to the id of the modal that they open.
-->
<div class="contained">
    <a class="modal-opener with-modal" data-modal-id="content-modal-example">Open Content Modal</a>
    <br>
    <br>
    <a class="modal-opener with-modal" data-modal-id="video-modal-example">Open Video Modal</a>
    <br>
    <br>
    <a class="modal-opener with-modal" data-modal-id="large-video-modal-example">Open Large Modal</a>
</div>

<!--
    These elements are the modals. They require their "id" attribute be the same
    as the "data-modal-id" attribute on the element that triggers them to be
    opened (see the elements above). The body of the modal goes
    inside <div class="modal-content">. The <div class="modal-top"> as well
    as the h3 inside it are optional. You can also change the h3 to be any
    element you want, and it will remain styled as long as you keep the
    modal-heading class on it. If you need to specify a different width for
    the modal (for example, you want to show larger video), you can
    place an inline style specifying a new max-width on the
    modal (see "Large Modal")
-->
<div id="content-modal-example" class="mfp-hide inline-modal">
    <div class="modal-top">
        <h3 class="modal-heading">Content Modal</h3>
    </div>
    <div class="modal-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor neque, sagittis non quam ut, pellentesque fermentum lorem. Cras erat nisl, laoreet sed lacinia vitae, sollicitudin convallis massa. Phasellus vitae erat mauris. Etiam lobortis ut nibh a porttitor. Donec nec <a href="#">varius lectus</a>, eget suscipit massa. Praesent fermentum ut enim vitae viverra. Duis fermentum vulputate interdum. Integer sed ultrices ex. Maecenas hendrerit libero viverra, facilisis velit eget, mollis urna. Nam at ligula in sapien mollis ullamcorper.</p>
        <ul>
            <li>Vivamus vulputate gravida felis, vel commodo nibh bibendum eget.</li>
            <li>Mauris lorem neque, gravida sit amet lorem at, placerat lobortis ex.</li>
            <li>Nam ut sollicitudin lacus, non luctus eros.</li>
        </ul>
        <p><strong>Phasellus eu pretium mi.</strong> Donec ac enim sed ex facilisis interdum. Nunc rhoncus leo ut euismod mattis. Nunc placerat, neque vel mollis feugiat, felis enim convallis enim, eget molestie ipsum nisl ornare mi. Praesent pellentesque tortor id dolor interdum eleifend. Nunc eu lobortis eros. Sed turpis neque, maximus quis pharetra quis, euismod ac nulla. In justo ante, dictum quis felis et, feugiat maximus felis. Quisque malesuada metus et pretium facilisis. Suspendisse aliquam odio sed volutpat ornare. Cras eget libero orci. Donec imperdiet laoreet eros id euismod. Duis eget dui sit amet ligula viverra elementum.</p>
        <ol>
            <li>Ut erat magna, convallis et est at, porttitor posuere massa.</li>
            <li>Interdum et malesuada fames ac ante ipsum primis in faucibus.</li>
            <li>Integer iaculis, ligula vel lacinia dictum, velit orci sagittis magna, eget venenatis ex justo in tellus.</li>
        </ol>
        <p>Cras efficitur orci sed lorem laoreet pellentesque. Morbi rutrum elementum turpis eget dapibus. Aliquam erat volutpat. In ullamcorper orci mi, ut fermentum sem gravida in. Nullam dictum iaculis efficitur. Aliquam porttitor ipsum urna, a mattis leo pellentesque vitae. Nulla nisl mauris, congue eget diam eget, faucibus scelerisque sem. Donec porttitor vel massa nec finibus. Proin at dignissim augue, ut maximus urna. <em>Suspendisse eget dolor sit amet lorem dignissim convallis ac vitae velit.</em></p>
    </div>
    <button class="modal-close" type="button">Close</button>
</div>

<!--
    also example of how to remove header and top x if desired, not limited to
    "video" modals, just update style id accordingly
-->
<div id="video-modal-example" class="mfp-hide inline-modal">
    <style>#video-modal-example .mfp-close { display: none; }</style>
    <div class="modal-content">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/ucY4inM6qeg?rel=0" frameborder="0" allowfullscreen></iframe>
    </div>
    <button class="modal-close" type="button">Close</button>
</div>

<div id="large-video-modal-example" class="mfp-hide inline-modal" style="max-width: 900px;">
    <div class="modal-top">
        <h3 class="modal-heading">Large Modal</h3>
    </div>
    <div class="modal-content">
        <iframe width="853" height="480" src="https://www.youtube.com/embed/ucY4inM6qeg?rel=0" frameborder="0" allowfullscreen></iframe>
    </div>
    <button class="modal-close" type="button">Close</button>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor neque, sagittis non quam ut, pellentesque fermentum lorem. Cras erat nisl, laoreet sed lacinia vitae, sollicitudin convallis massa. Phasellus vitae erat mauris. Etiam lobortis ut nibh a porttitor. Donec nec varius lectus, eget suscipit massa. Praesent fermentum ut enim vitae viverra. Duis fermentum vulputate interdum. Integer sed ultrices ex. Maecenas hendrerit libero viverra, facilisis velit eget, mollis urna. Nam at ligula in sapien mollis ullamcorper.

Vivamus vulputate gravida felis, vel commodo nibh bibendum eget.
Mauris lorem neque, gravida sit amet lorem at, placerat lobortis ex.
Nam ut sollicitudin lacus, non luctus eros.

Phasellus eu pretium mi. Donec ac enim sed ex facilisis interdum. Nunc rhoncus leo ut euismod mattis. Nunc placerat, neque vel mollis feugiat, felis enim convallis enim, eget molestie ipsum nisl ornare mi. Praesent pellentesque tortor id dolor interdum eleifend. Nunc eu lobortis eros. Sed turpis neque, maximus quis pharetra quis, euismod ac nulla. In justo ante, dictum quis felis et, feugiat maximus felis. Quisque malesuada metus et pretium facilisis. Suspendisse aliquam odio sed volutpat ornare. Cras eget libero orci. Donec imperdiet laoreet eros id euismod. Duis eget dui sit amet ligula viverra elementum.

Ut erat magna, convallis et est at, porttitor posuere massa.
Interdum et malesuada fames ac ante ipsum primis in faucibus.
Integer iaculis, ligula vel lacinia dictum, velit orci sagittis magna, eget venenatis ex justo in tellus.

Cras efficitur orci sed lorem laoreet pellentesque. Morbi rutrum elementum turpis eget dapibus. Aliquam erat volutpat. In ullamcorper orci mi, ut fermentum sem gravida in. Nullam dictum iaculis efficitur. Aliquam porttitor ipsum urna, a mattis leo pellentesque vitae. Nulla nisl mauris, congue eget diam eget, faucibus scelerisque sem. Donec porttitor vel massa nec finibus. Proin at dignissim augue, ut maximus urna. Suspendisse eget dolor sit amet lorem dignissim convallis ac vitae velit.

example-block-centered

show code

<!--
    NOTES:
    -------------------------------
    Available Widths
        - width-35
        - width-40
        - width-45
        - width-50
        - width-55
        - width-60
        - width-65
        - width-70
        - width-75
        - width-80
        - width-85
        - width-90
        - width-95
-->
<section class="content-section">
    <div class="cms-block-centered-content section-has-bg cms-block-beige">
        <div class="contained">
            <div class="width-80">
                <div class="inner-text">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proi dent, sut in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
            </div>
        </div>
    </div>
</section>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proi dent, sut in culpa qui officia deserunt mollit anim id est laborum.

example-block-centered-with-heading

show code

<section class="content-section">
    <div class="cms-block-centered-content with-heading">
        <div class="contained">
            <div class="width-35">
                <h2 class="content-heading">14 Foot Health Tips</h2>
                <div class="inner-text">
                    <p>Foot Health is too important to be taken for granted. Whether you're living with diabetes or not, the tips below will help you keep your feet healthy.</p>
                </div>
            </div>
        </div>
    </div>
</section>

14 Foot Health Tips

Foot Health is too important to be taken for granted. Whether you're living with diabetes or not, the tips below will help you keep your feet healthy.

example-block-horizontal-list

show code

<section class="content-section">
    <div class="section-has-bg cms-block-grey">
        <div class="contained">
            <h2 class="content-heading">Know Your Condition?</h2>
            <h4 class="content-subheading">Select Your Condition Below</h4>
            <ul class="horizontal-list">
                <li><a href="#">Diabetes</a></li>
                <li><a href="#">Arthritis</a></li>
                <li><a href="#">Morton's Neuroma</a></li>
                <li><a href="#">Plantar Fasciitis</a></li>
                <li><a href="#">Achilles Tendonities</a></li>
            </ul>
        </div>
    </div>
</section>

Know Your Condition?

Select Your Condition Below

example-feature-icons

show code

<section class="content-section section-separated">
    <div class="cms-block-feature-icons section-has-bg cms-block-sky lazyload" data-bg="{{view url='images/feature-icons-background.jpg'}}">
        <div class="contained">
            <ul class="list">
                <li class="item modal-opener with-modal" data-modal-id="confidence-booster-modal-shipping">
                    <span class="circle">
                        <svg class="feature-icon large" xmlns="http://www.w3.org/2000/svg" viewBox="90 45 252 198.1">
                            <title>Free Shipping</title>
                            <path class="fill-blue" d="M216 45c-9.9 0-18 8.1-18 18v126h-9V92.4c0-6.3-5.1-11.4-11.4-11.4h0l-41.1 0.1c-6.5 0-12.4 3.5-15.6 9.1l-26.1 45.6c-3.1 5.4-4.7 11.6-4.7 17.9v42c0 6.3 5.1 11.4 11.4 11.4 4.5 0 8.4-2.8 10.4-6.8 5.8-11.9 18-20.2 32.2-20.2 16.7 0 30.6 11.5 34.7 26.9h65.7c4-15.5 18-26.9 34.7-26.9 16.7 0 30.6 11.5 34.7 26.9H342V45H216zM171 144h-61.7L135 99h36V144z" />
                            <path class="fill-blue-dark" d="M144 189c-14.9 0-27 12.1-27 27s12.1 27 27 27 27-12.1 27-27S159 189 144 189zM144 228.7c-7 0-12.7-5.7-12.7-12.7 0-7 5.7-12.7 12.7-12.7 7 0 12.7 5.7 12.7 12.7C156.7 223 151 228.7 144 228.7z" />
                            <path class="fill-blue-dark" d="M279 189c-14.9 0-27 12.1-27 27s12.1 27 27 27c14.9 0 27-12.1 27-27S294 189 279 189zM279 228.7c-7 0-12.7-5.7-12.7-12.7 0-7 5.7-12.7 12.7-12.7 7 0 12.7 5.7 12.7 12.7C291.7 223 286 228.7 279 228.7z" />
                        </svg>
                    </span>
                    <span class="feature-title">Free Shipping</span>
                </li>

                <li class="item">
                <!-- <li class="item modal-opener with-modal" data-modal-id="confidence-booster-modal-guarantee"> -->
                    <span class="circle">
                        <svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" viewBox="90 16.5 252 253.5">
                            <title>30-Day Guarantee</title>
                            <path class="fill-white" d="M275.3 151.7c-3-3.5-6.5-6.2-10.4-7.8s-8-2.5-12.4-2.5c-4.4 0-8.5 0.9-12.4 2.6 -3.9 1.7-7.4 4.3-10.3 7.8 -3 3.5-5.3 8-7.1 13.4 -1.7 5.4-2.6 11.8-2.6 19.1 0 7.3 0.9 13.6 2.6 19 1.7 5.4 4.1 9.9 7.1 13.3 3 3.5 6.5 6.1 10.3 7.8s8 2.6 12.4 2.6c4.4 0 8.6-0.9 12.4-2.6 3.9-1.7 7.3-4.3 10.4-7.8 3-3.5 5.4-7.9 7.1-13.4 1.7-5.4 2.6-11.8 2.6-19s-0.9-13.5-2.6-19C280.8 159.8 278.4 155.3 275.3 151.7zM259.8 202.6c-1 4.4-3.4 6.6-7.3 6.6 -3.8 0-6.3-2.2-7.2-6.6 -1-4.4-1.5-10.5-1.5-18.4 0-4.6 0.2-8.7 0.5-12.1 0.3-3.4 1.1-6.5 2.4-9.1 1.3-2.6 3.3-4 5.9-4 3.8 0 6.3 2.4 7.3 7.1s1.5 10.8 1.5 18.2C261.3 192.1 260.8 198.2 259.8 202.6z" />
                            <path class="fill-white" d="M193.3 182.2c1.9-1.1 3.7-2.6 5.4-4.5 1.7-1.9 3.2-4.1 4.2-6.6 1.1-2.5 1.6-5 1.6-7.5 0-3-1-6.3-2.9-9.8 -1.9-3.5-5-6.4-9.3-8.9 -4.2-2.4-9.5-3.7-15.8-3.7 -4.3 0-8.2 0.5-11.7 1.4 -3.5 0.9-7.2 2.2-11.1 3.9v16c2.6-1.8 5.4-3.2 8.4-4.2 3-1 5.9-1.6 8.6-1.6 3.1 0 5.6 1 7.5 2.9 1.9 1.9 2.9 4.2 2.9 6.7 0 1.3-0.4 2.7-1.2 4.2 -0.8 1.5-2.1 2.8-3.9 3.9 -1.8 1.1-4.1 1.6-6.9 1.6h-3.2v13.4h2.7c2.8 0 5.3 0.5 7.4 1.5 2.1 1 3.7 2.3 4.9 3.9 1.1 1.6 1.7 3.5 1.7 5.7 0 1.6-0.5 3.2-1.4 4.7 -0.9 1.5-2.2 2.7-4 3.6 -1.8 1-4 1.4-6.6 1.4 -3.4 0-6.8-0.8-10-2.4 -3.2-1.6-6.3-3.5-9.1-5.9v18.7c3.4 1.6 7.7 3.1 12.8 4.2 5.1 1.2 9.7 1.8 13.9 1.8 3 0 6-0.4 9.2-1.3 3.2-0.9 6.2-2.3 9-4.2 2.8-1.9 5.1-4.5 6.8-7.5 1.7-3.1 2.6-6.8 2.6-11.2 0-5.6-1.3-10-3.8-13.1C199.6 186.4 196.7 184 193.3 182.2z" />
                            <polygon class="fill-blue" points="168 66 264 66 266.5 66 266.5 42 264 42 168 42 162 42 162 66 " />
                            <path class="fill-blue" d="M313.8 42h-25.3v24h25.3c2.4 0 4.2 1.2 4.2 3.6V114H114V69.6c0-2.4 2.4-3.6 4.2-3.6H140V42h-21.8C102.6 42 90 54 90 69.6V255c0.6 9 9 15.6 18 15h216c9 0.6 17.4-6 18-15.6V69.6C342 54 329.4 42 313.8 42zM203.4 213.8c-1.7 3.1-4 5.6-6.8 7.5 -2.8 1.9-5.8 3.3-9 4.2 -3.2 0.9-6.2 1.3-9.2 1.3 -4.2 0-8.9-0.6-13.9-1.8 -5.1-1.2-9.4-2.6-12.8-4.2v-18.7c2.8 2.3 5.8 4.3 9.1 5.9 3.2 1.6 6.6 2.4 10 2.4 2.6 0 4.8-0.5 6.6-1.4 1.8-1 3.1-2.2 4-3.6 0.9-1.5 1.4-3 1.4-4.7 0-2.1-0.6-4-1.7-5.7 -1.1-1.6-2.7-3-4.9-3.9 -2.1-1-4.6-1.5-7.4-1.5h-2.7v-13.4h3.2c2.8 0 5.1-0.5 6.9-1.6 1.8-1.1 3.1-2.4 3.9-3.9 0.8-1.5 1.2-2.9 1.2-4.2 0-2.5-1-4.8-2.9-6.7 -1.9-1.9-4.5-2.9-7.5-2.9 -2.8 0-5.6 0.5-8.6 1.6 -3 1-5.8 2.4-8.4 4.2v-16c3.9-1.6 7.6-2.9 11.1-3.9 3.5-0.9 7.4-1.4 11.7-1.4 6.3 0 11.6 1.2 15.8 3.7 4.2 2.4 7.3 5.4 9.3 8.9 1.9 3.5 2.9 6.7 2.9 9.8 0 2.5-0.5 5-1.6 7.5 -1.1 2.5-2.5 4.7-4.2 6.6 -1.7 1.9-3.6 3.4-5.4 4.5 3.3 1.8 6.3 4.2 8.8 7.3 2.6 3.1 3.8 7.5 3.8 13.1C206 207 205.2 210.8 203.4 213.8zM282.5 203.2c-1.7 5.5-4.1 9.9-7.1 13.4 -3 3.5-6.5 6.1-10.4 7.8 -3.9 1.7-8 2.6-12.4 2.6 -4.4 0-8.5-0.9-12.4-2.6s-7.3-4.3-10.3-7.8c-3-3.5-5.4-7.9-7.1-13.3 -1.7-5.4-2.6-11.7-2.6-19 0-7.3 0.9-13.6 2.6-19.1 1.7-5.4 4.1-9.9 7.1-13.4 3-3.5 6.4-6.1 10.3-7.8 3.9-1.7 8-2.6 12.4-2.6 4.4 0 8.5 0.8 12.4 2.5s7.3 4.3 10.4 7.8c3 3.5 5.4 8 7.2 13.5 1.7 5.5 2.6 11.8 2.6 19S284.2 197.8 282.5 203.2z" />
                            <path class="fill-blue" d="M252.5 159c-2.6 0-4.6 1.3-5.9 4 -1.3 2.6-2.1 5.7-2.4 9.1 -0.3 3.4-0.5 7.5-0.5 12.1 0 7.9 0.5 14 1.5 18.4 1 4.4 3.4 6.6 7.2 6.6 3.9 0 6.3-2.2 7.3-6.6 1-4.4 1.5-10.5 1.5-18.4 0-7.4-0.5-13.4-1.5-18.2S256.4 159 252.5 159z" />
                            <path class="fill-blue-dark" d="M162 80.5c0 6.1-4.9 11-11 11l0 0c-6.1 0-11-4.9-11-11v-53c0-6.1 4.9-11 11-11l0 0c6.1 0 11 4.9 11 11V80.5z" />
                            <path class="fill-blue-dark" d="M288.5 80.5c0 6.1-4.9 11-11 11l0 0c-6.1 0-11-4.9-11-11v-53c0-6.1 4.9-11 11-11l0 0c6.1 0 11 4.9 11 11V80.5z" />
                        </svg>
                    </span>
                    <span class="feature-title">30-Day Guarantee</span>
                </li>

                <li class="item modal-opener with-modal" data-modal-id="confidence-booster-modal-warranty">
                    <span class="circle">
                        <svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" viewBox="61.3 67.3 125.1 133.8">
                            <title>6 Month Warranty</title>
                            <path class="fill-blue" d="M170 89.1l-30.5-17.6c-9.6-5.5-21.4-5.5-30.9 0L78 89.1c-9.6 5.5-15.5 15.7-15.5 26.8v35.2c0 11.1 5.9 21.3 15.5 26.8l30.5 17.6c9.6 5.5 21.4 5.5 30.9 0l30.5-17.6c9.6-5.5 15.5-15.7 15.5-26.8v-35.2C185.4 104.8 179.5 94.6 170 89.1zM124 170.5c-20.4 0-37-16.6-37-37s16.6-37 37-37 37 16.6 37 37S144.4 170.5 124 170.5z" />
                            <path class="fill-blue-dark" d="M114.9 153.8c-1.1 0-2.1-0.4-2.8-1.2l-12.2-12.2c-1.6-1.6-1.6-4.1 0-5.7 1.6-1.6 4.1-1.6 5.7 0l9.4 9.4 28.4-28.9c1.5-1.6 4.1-1.6 5.7 0 1.6 1.5 1.6 4.1 0 5.7l-31.2 31.8C117 153.4 115.9 153.8 114.9 153.8 114.9 153.8 114.9 153.8 114.9 153.8z" />
                        </svg>
                    </span>
                    <span class="feature-title">6 Month Warranty</span>
                </li>
            </ul>

            <div id="confidence-booster-modal-guarantee" class="mfp-hide inline-modal">
                <div class="modal-top">
                    <h3 class="modal-heading">30-Day Guarantee</h3>
                </div>
                <div class="modal-content">
                    <p>
                        Dr. Comfort allows returns for any reason within the 30-day time frame within the date of shipment, unless shoes have been modified. View our complete return policy <a href="{{store url='customer-service'}}#returns" target="_blank">here</a>.
                    </p>
                </div>
                <button class="modal-close" type="button">Close</button>
            </div>

            <div id="confidence-booster-modal-warranty" class="mfp-hide inline-modal">
                <div class="modal-top">
                    <h3 class="modal-heading">6 Month Warranty</h3>
                </div>
                <div class="modal-content">
                    <p>
                        DJO warrants to the purchaser that any Dr. Comfort products purchased will be free from defects in materials and workmanship for a period of 6 months. The warranty period commences on the date of shipment. DJO’s obligation for this Limited Warranty is to repair or replace a defective product at no charge to the Customer, or to credit Customer’s account for the purchase price paid for the defective product, at DJO’s discretion. This limited warranty does not apply if the defective product (i) is subject to abuse, neglect, misuse or accident, (ii) has not been used in accordance with written instructions for use, (iii) was not purchased from DJO or an authorized dealer, (iv) was modified from its original configuration or repaired or altered by anyone other than DJO or a person authorized by DJO.
                    </p>
                </div>
                <button class="modal-close" type="button">Close</button>
            </div>

            <div id="confidence-booster-modal-shipping" class="mfp-hide inline-modal">
                <div class="modal-top">
                    <h3 class="modal-heading">Free Shipping</h3>
                </div>
                <div class="modal-content">
                    <p>
                        Standard ground shipping is free within the 48 Contiguous States. Delivery time ranges from 7-10 business days. Orders will be shipped out within 2-3 business days for in-stock merchandise. If a product goes out of stock after an order is placed, customer will be contacted with an alternate item or order cancellation. View our complete shipping rates and delivery policy <a href="{{store url='customer-service'}}#freight" target="_blank">here</a>.
                    </p>
                </div>
                <button class="modal-close" type="button">Close</button>
            </div>
        </div>
    </div>
</section>

Free Shipping
30-Day Guarantee
6 Month Warranty

example-block-grid-list-to-slider

show code

<section class="content-section">
    <div class="cms-block-grid-list to-slider section-has-bg cms-block-grey">
        <div class="contained">
            <div class="column">
                <div class="list-image">
                    <span class="circle">
                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                            <title>Toes</title>
                            <ellipse class="fill-orange" cx="37.9" cy="17.3" rx="4.3" ry="5.3"/>
                            <circle class="fill-orange" cx="47.1" cy="17.6" r="3.4"/>
                            <circle class="fill-orange" cx="54.1" cy="21.1" r="3"/>
                            <circle class="fill-orange" cx="59.8" cy="25.2" r="2.7"/>
                            <circle class="fill-orange" cx="63.2" cy="30.9" r="2.3"/>
                            <path class="fill-blue" d="M42.4 24.9C42.4 24.9 43.8 24.9 42.4 24.9c-4.3 0-6.5 2.2-6.5 5.8 0 2.9 0.7 5.8 3.6 8.7 3.6 3.6 9.4 7.2 9.4 12.3 0 2.9-0.4 8.3-4.3 12.3 -5.1 5.1-7.8 9.7-7.8 14.8 0 5.1 3.3 9.1 9.1 9.1 5.8 0 9.1-4.1 9.1-10.6s-0.2-12.5 2.6-19c2.9-6.5 4.3-9.4 5.1-11.6 0.7-2.2 0.7-3.6 0.7-5.1 0-4.3-3.3-7.6-5.1-9.4C53.2 27 48.1 24.9 42.4 24.9z"/>
                        </svg>
                    </span>
                </div>
                <h3 class="list-heading"><a href="#">Toes</a></h3>
                <ul>
                    <li><a href="#">Toenail Fungus</a></li>
                    <li><a href="#">Claw, Mallet, Hammer Toe</a></li>
                    <li><a href="#">Corns &amp; Calluses</a></li>
                    <li><a href="#">Bunions</a></li>
                    <li><a href="#">Ingrown Toenails</a></li>
                    <li><a href="#">Athlete&rsquo;s Foot</a></li>
                    <li><a href="#">Overlapping Toes</a></li>
                </ul>
            </div>
            <div class="column">
                <div class="list-image">
                    <span class="circle">
                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                            <title>Ball</title>
                            <ellipse class="fill-blue" cx="37.9" cy="17.3" rx="4.3" ry="5.3"/>
                            <circle class="fill-blue" cx="47.1" cy="17.6" r="3.4"/>
                            <circle class="fill-blue" cx="54.1" cy="21.1" r="3"/>
                            <circle class="fill-blue" cx="59.8" cy="25.2" r="2.7"/>
                            <circle class="fill-blue" cx="63.2" cy="30.9" r="2.3"/>
                            <path class="fill-blue" d="M42.4 24.9C42.4 24.9 43.8 24.9 42.4 24.9c-4.3 0-6.5 2.2-6.5 5.8 0 2.9 0.7 5.8 3.6 8.7 3.6 3.6 9.4 7.2 9.4 12.3 0 2.9-0.4 8.3-4.3 12.3 -5.1 5.1-7.8 9.7-7.8 14.8 0 5.1 3.3 9.1 9.1 9.1 5.8 0 9.1-4.1 9.1-10.6s-0.2-12.5 2.6-19c2.9-6.5 4.3-9.4 5.1-11.6 0.7-2.2 0.7-3.6 0.7-5.1 0-4.3-3.3-7.6-5.1-9.4C53.2 27 48.1 24.9 42.4 24.9z"/>
                            <circle class="fill-orange" cx="44.7" cy="33.2" r="5.2"/>
                        </svg>
                    </span>
                </div>
                <h3 class="list-heading"><a href="#">Ball</a></h3>
                <ul>
                    <li><a href="#">Sesamoidits</a></li>
                    <li><a href="#">Metatarsalagia</a></li>
                    <li><a href="#">Calluses</a></li>
                    <li><a href="#">Morton&rsquo;s Neuroma</a></li>
                </ul>
            </div>
            <div class="column">
                <div class="list-image">
                    <span class="circle">
                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                            <title>Arch</title>
                            <style>
                                .arch-clipped {
                                    clip-path: url(#arch-svg-2);
                                }
                            </style>
                            <ellipse class="fill-blue" cx="37.9" cy="17.3" rx="4.3" ry="5.3"/>
                            <circle class="fill-blue" cx="47.1" cy="17.6" r="3.4"/>
                            <circle class="fill-blue" cx="54.1" cy="21.1" r="3"/>
                            <circle class="fill-blue" cx="59.8" cy="25.2" r="2.7"/>
                            <circle class="fill-blue" cx="63.2" cy="30.9" r="2.3"/>
                            <path class="fill-blue" d="M42.4 24.9C42.4 24.9 43.8 24.9 42.4 24.9c-4.3 0-6.5 2.2-6.5 5.8 0 2.9 0.7 5.8 3.6 8.7 3.6 3.6 9.4 7.2 9.4 12.3 0 2.9-0.4 8.3-4.3 12.3 -5.1 5.1-7.8 9.7-7.8 14.8 0 5.1 3.3 9.1 9.1 9.1 5.8 0 9.1-4.1 9.1-10.6s-0.2-12.5 2.6-19c2.9-6.5 4.3-9.4 5.1-11.6 0.7-2.2 0.7-3.6 0.7-5.1 0-4.3-3.3-7.6-5.1-9.4C53.2 27 48.1 24.9 42.4 24.9z"/>
                            <defs>
                                <path id="arch-svg" d="M42.4 24.9C42.4 24.9 43.8 24.9 42.4 24.9c-4.3 0-6.5 2.2-6.5 5.8 0 2.9 0.7 5.8 3.6 8.7 3.6 3.6 9.4 7.2 9.4 12.3 0 2.9-0.4 8.3-4.3 12.3 -5.1 5.1-7.8 9.7-7.8 14.8 0 5.1 3.3 9.1 9.1 9.1 5.8 0 9.1-4.1 9.1-10.6s-0.2-12.5 2.6-19c2.9-6.5 4.3-9.4 5.1-11.6 0.7-2.2 0.7-3.6 0.7-5.1 0-4.3-3.3-7.6-5.1-9.4C53.2 27 48.1 24.9 42.4 24.9z"/>
                            </defs>
                            <clipPath id="arch-svg-2">
                                <use xlink:href="#arch-svg"/>
                            </clipPath>
                            <path class="fill-orange arch-clipped" d="M41.1 40.9c1.9-1.3 5.9 0 7.6 1.2 3.8 2.7 5 5.1 5.5 8.9s-1 8.6-3 11.3c-2.3 3-6.6 1.6-6.6 1.6L41.1 40.9z"/>
                        </svg>
                    </span>
                </div>
                <h3 class="list-heading"><a href="#">Arch</a></h3>
                <ul>
                    <li><a href="#">Arch Pain</a></li>
                    <li><a href="#">Posterior Tibial Tendonitis</a></li>
                </ul>
            </div>
            <div class="column">
                <div class="list-image">
                    <span class="circle">
                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                            <title>Heel</title>
                            <style>
                                .heel-clipped {
                                    clip-path: url(#heel-svg-2);
                                }
                            </style>
                            <ellipse class="fill-blue" cx="37.9" cy="17.3" rx="4.3" ry="5.3"/>
                            <circle class="fill-blue" cx="47.1" cy="17.6" r="3.4"/>
                            <circle class="fill-blue" cx="54.1" cy="21.1" r="3"/>
                            <circle class="fill-blue" cx="59.8" cy="25.2" r="2.7"/>
                            <circle class="fill-blue" cx="63.2" cy="30.9" r="2.3"/>
                            <path class="fill-blue" d="M42.4 24.9C42.4 24.9 43.8 24.9 42.4 24.9c-4.3 0-6.5 2.2-6.5 5.8 0 2.9 0.7 5.8 3.6 8.7 3.6 3.6 9.4 7.2 9.4 12.3 0 2.9-0.4 8.3-4.3 12.3 -5.1 5.1-7.8 9.7-7.8 14.8 0 5.1 3.3 9.1 9.1 9.1 5.8 0 9.1-4.1 9.1-10.6s-0.2-12.5 2.6-19c2.9-6.5 4.3-9.4 5.1-11.6 0.7-2.2 0.7-3.6 0.7-5.1 0-4.3-3.3-7.6-5.1-9.4C53.2 27 48.1 24.9 42.4 24.9z"/>
                            <defs>
                                <path id="heel-svg" d="M42.4 24.9C42.4 24.9 43.8 24.9 42.4 24.9c-4.3 0-6.5 2.2-6.5 5.8 0 2.9 0.7 5.8 3.6 8.7 3.6 3.6 9.4 7.2 9.4 12.3 0 2.9-0.4 8.3-4.3 12.3 -5.1 5.1-7.8 9.7-7.8 14.8 0 5.1 3.3 9.1 9.1 9.1 5.8 0 9.1-4.1 9.1-10.6s-0.2-12.5 2.6-19c2.9-6.5 4.3-9.4 5.1-11.6 0.7-2.2 0.7-3.6 0.7-5.1 0-4.3-3.3-7.6-5.1-9.4C53.2 27 48.1 24.9 42.4 24.9z"/>
                            </defs>
                            <clipPath id="heel-svg-2">
                                <use xlink:href="#heel-svg"/>
                            </clipPath>
                            <path class="fill-orange heel-clipped" d="M37.5 74.1c0.8 2.9 3.3 6.9 7.3 7.7 5.1 1.1 8.4-1.6 10.2-4.6s3 12.8 3 12.8l-16.5 1c0 0-6.4-2.5-6.4-3.2s-2.1-7.2-2.1-7.2L37.5 74.1z"/>
                        </svg>
                    </span>
                </div>
                <h3 class="list-heading"><a href="#">Heel</a></h3>
                <ul>
                    <li><a href="#">Heel Fissures</a></li>
                    <li><a href="#">Heel Spurs</a></li>
                    <li><a href="#">Heel Calluses</a></li>
                    <li><a href="#">Heel Pain</a></li>
                </ul>
            </div>
            <div class="column">
                <div class="list-image">
                    <span class="circle">
                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                            <title>Ankle</title>
                            <path class="fill-blue" d="M60.3 31.9c0 0.6 0 1.3 0.1 2.2 0.2 2.5 0.3 5.6-0.9 7.6 -1.6 2.5-4.5 3.8-7.1 4.9l-0.2 0.1c-0.6 0.3-1.2 0.5-1.7 0.8 -1.8 0.9-3.8 1.9-5.5 3 -0.5 0.3-1 0.7-1.6 1.1 -0.7 0.6-1.5 1.1-2.3 1.6 -0.3 0.2-0.6 0.3-1.1 0.6 -1.3 0.7-2.6 1.4-4 1.8 -2 0.6-4 1.2-5.6 1.7 -1.4 0.5-3.3 0.5-5.2 0.5 -3.8 0.1-5.7 0.3-6.7 1.5 -0.6 0.7-0.8 1.8-0.6 3.4 0.4 2.6 4.3 3.9 6.6 4.1 0.4 0 0.8 0 1.2 0 0.7 0 1.4 0 2.1-0.1 0.7 0 1.4-0.1 2.1-0.1 1.3 0 2.5 0.1 3.5 0.5 0.8 0.2 1.5 0.5 2.3 0.8 1.2 0.5 2.4 0.9 3.6 1.1 0.5 0 1.1 0.1 1.7 0.1 1 0 2.1-0.1 3.1-0.2 1.2-0.2 2.4-0.7 3.6-1.1 0.7-0.3 1.3-0.5 2-0.8 1.3-0.4 2.5-0.6 3.8-0.8l0.8-0.1c0.9-0.1 1.8-0.2 2.7-0.2 2 0 3.9 0.3 5.8 0.5 0.8 0.1 1.7 0.2 2.5 0.3 2.1 0.2 3.9 0.4 5.5 0.4 2.8 0 5-0.4 6.3-1.1 3.2-1.7 4.4-5.2 4.5-7.9l0-1.1c0.1-3.2 0.3-6.5-0.2-9.5 -0.2-1.2-0.4-2.4-0.7-3.6 -0.5-2.1-1-4.4-1-6.7V31L60.3 31.9zM47 31"/>
                            <circle class="fill-orange" cx="70" cy="43" r="6"/>
                        </svg>
                    </span>
                </div>
                <h3 class="list-heading"><a href="#">Ankle</a></h3>
                <ul>
                    <li><a href="#">Over Pronation</a></li>
                    <li><a href="#">Ankle Tendonitis</a></li>
                    <li><a href="#">Ankle Sprains</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>

Toes

Ball

Arch

Heel

Ankle

example-cms-block-no-image-blue

show code

<section class="content-section">
    <div class="cms-block-container cms-block-no-image section-has-bg cms-block-blue">
        <div class="contained">
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">Why Dr. Comfort?</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    <div class="actions-toolbar">
                        <a class="action primary" href="{{store url=''}}">Learn More</a>
                    </div>
                    <p class="note">Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat <a href="mailto:catalog@drcomfort.com">catalog@drcomfort.com</a></p>
                </div>
            </div>
        </div>
    </div>
</section>

Why Dr. Comfort?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat catalog@drcomfort.com

example-cms-image-block-blue

show code

<section class="content-section">
    <div class="cms-block-container cms-block-image-right section-has-bg cms-block-blue">
        <div class="contained clearfix">
            <div class="image">
                <img class="lazyload" data-src="{{view url='images/about-2.jpg'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">Why Dr. Comfort?</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    <div class="actions-toolbar">
                        <a class="action primary" href="{{store url=''}}">Learn More</a>
                    </div>
                    <div class="filler" style="height:70px;"></div>
                </div>
            </div>
        </div>
    </div>
</section>

Why Dr. Comfort?

example-cms-image-block-grey

show code

<!--
    NOTES:
    -------------------------------
    [div.image] class can have additional class right/left/center to position/align the image if it smaller than space
-->
<section class="content-section">
    <div class="cms-block-container cms-block-image-left section-has-bg cms-block-grey">
        <div class="contained clearfix">
            <div class="image right">
                <img class="lazyload" data-src="{{view url='images/medicare-story.png'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">The Medicare Story</h3>
                    <p>Since 1993, Medicare Part B has provided partial reimbursement for extra-depth shoes and inserts for qualifying patients with diabetes. Medical experts agree that many amputations resulting from diabetes-related foot complications can be prevented by appropriate, properly fitting footwear.</p>
                    <p>Click below to view an article showing how diabetic amputation rates have fallen dramatically since mid-1990's</p>
                    <div class="actions-toolbar">
                        <a class="action primary" href="{{store url=''}}">View Article</a>
                    </div>
                    <div class="filler" style="height:30px;"></div>
                </div>
            </div>
        </div>
    </div>
</section>

The Medicare Story

Since 1993, Medicare Part B has provided partial reimbursement for extra-depth shoes and inserts for qualifying patients with diabetes. Medical experts agree that many amputations resulting from diabetes-related foot complications can be prevented by appropriate, properly fitting footwear.

Click below to view an article showing how diabetic amputation rates have fallen dramatically since mid-1990's

example-cms-image-block-brown

show code

<section class="content-section">
    <div class="cms-block-container cms-block-image-left section-has-bg cms-block-brown">
        <div class="contained clearfix">
            <div class="image">
                <img class="lazyload" data-src="{{view url='images/see-if-you-qualify.png'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">See If You Qualify For Medicare</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    <div class="actions-toolbar">
                        <a class="action primary" href="{{store url=''}}">Download Brochure</a>
                    </div>
                    <p class="note">Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat <a href="mailto:catalog@drcomfort.com">catalog@drcomfort.com</a></p>
                    <div class="filler" style="height:54px;"></div>
                </div>
            </div>
        </div>
    </div>
</section>

See If You Qualify For Medicare

Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat catalog@drcomfort.com

example-cms-image-block-numbered

show code

<section class="content-section">
    <div class="cms-block-container cms-block-image-right cms-block-numbered">
        <div class="contained clearfix">
            <div class="image right">
                <img class="lazyload" src="{{view url='images/block-numbered-1.jpg'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">Inspect your feet daily</h3>
                    <p>Check your feet for cuts, blisters, scratches, redness and swelling. Catching these problems early can help prevent more serious complications later. Fugiat nulla pariatur.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="content-section">
    <div class="cms-block-container cms-block-image-right cms-block-numbered">
        <div class="contained clearfix">
            <div class="image right">
                <img class="lazyload" src="{{view url='images/block-numbered-2.jpg'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">Avoid loose or tight fitting socks</h3>
                    <p>Socks that are too loose can cause friction inside your shoes, which can lead to blisters and other irritations. Socks that are too tight can restrict blood circulation.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="content-section">
    <div class="cms-block-container cms-block-image-right cms-block-numbered">
        <div class="contained clearfix">
            <div class="image right">
                <img class="lazyload" src="{{view url='images/block-numbered-3.jpg'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">Wear clean, dry socks</h3>
                    <p>Keeping your feet clean and dry is the first step to avoiding infection. Socks should be free of significant seams and stitching &mdash; and made of moisture- wicking materials. Dyes that bleed from sock fabric can cause infections in open wounds.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="content-section">
    <div class="cms-block-container cms-block-image-right cms-block-numbered">
        <div class="contained clearfix">
            <div class="image right">
                <img class="lazyload" src="{{view url='images/block-numbered-2.jpg'}}" alt="">
            </div>
            <div class="copy has-bg">
                <div class="copy-inner">
                    <h3 class="copy-heading">Avoid loose or tight fitting socks</h3>
                    <p>Socks that are too loose can cause friction inside your shoes, which can lead to blisters and other irritations. Socks that are too tight can restrict blood circulation.</p>
                </div>
            </div>
        </div>
    </div>
</section>

Inspect your feet daily

Check your feet for cuts, blisters, scratches, redness and swelling. Catching these problems early can help prevent more serious complications later. Fugiat nulla pariatur.

Avoid loose or tight fitting socks

Socks that are too loose can cause friction inside your shoes, which can lead to blisters and other irritations. Socks that are too tight can restrict blood circulation.

Wear clean, dry socks

Keeping your feet clean and dry is the first step to avoiding infection. Socks should be free of significant seams and stitching — and made of moisture- wicking materials. Dyes that bleed from sock fabric can cause infections in open wounds.

Avoid loose or tight fitting socks

Socks that are too loose can cause friction inside your shoes, which can lead to blisters and other irritations. Socks that are too tight can restrict blood circulation.

example-cms-image-block-homepage

show code

<section class="content-section">
    <div class="cms-block-container cms-block-image-left with-heading">
        <div class="contained clearfix">
            <h2 class="content-heading">The Dr. Comfort Community</h2>
            <div class="image left">
                <img class="lazyload" data-src="{{view url='images/about-1.jpg'}}" alt="">
            </div>
            <div class="copy">
                <div class="copy-inner">
                    <h3 class="copy-heading">Lorem Ipsum</h3>
                    <p class="gray-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do mod tor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo sequat. Duis aute irure dolor in reprehenderit in vo.</p>
                    <div class="actions-toolbar left">
                        <a class="action primary" href="{{store url=''}}">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ----------------------------------------------------------------------- -->

<section class="content-section">
    <div class="cms-block-container cms-block-image-right cms-block-beige">
        <div class="contained clearfix">
            <div class="image right">
                <img class="lazyload" data-src="{{view url='images/about-2.jpg'}}" alt="">
            </div>
            <div class="copy">
                <div class="copy-inner">
                    <h3 class="copy-heading">Why Dr. Comfort?</h3>
                    <p class="gray-light">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    <div class="actions-toolbar left">
                        <a class="action primary" href="{{store url=''}}">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

The Dr. Comfort Community

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do mod tor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo sequat. Duis aute irure dolor in reprehenderit in vo.

Why Dr. Comfort?

example-block-definition-list

show code

<section class="content-section">
    <div class="cms-block-container cms-block-definition-list">
        <div class="contained clearfix">
            <div class="image">
                <img class="lazyload" data-src="{{view url='images/stock-image-10.jpg'}}" alt="">
            </div>
            <div class="filler" style="height: 90px;"></div>
            <h3 class="copy-heading">Explore the Features</h3>
            <div class="bootstrap">
                <div class="grid-row with-padding">
                    <div class="column col-md-4">
                        <h4 class="definition-heading">Built-in Orthosis</h4>
                        <p class="definition-copy">Supports your natural arch, reduces pronation and relieves symptoms of plantar fasciitis</p>
                    </div>
                    <div class="column col-md-4">
                        <h4 class="definition-heading">Dual-Density Midsole</h4>
                        <p class="definition-copy">Encourages healthy foot motion by reducing shock to your heel and toes</p>
                    </div>
                    <div class="column col-md-4">
                        <h4 class="definition-heading">Integrated Posts &amp; Shank</h4>
                        <p class="definition-copy">Stabilizes your foot with every step you take</p>
                    </div>
                </div>
                <div class="grid-row with-padding">
                    <div class="column col-md-4">
                        <h4 class="definition-heading">Rubber Outsole</h4>
                        <p class="definition-copy">Improved traction</p>
                    </div>
                    <div class="column col-md-4">
                        <h4 class="definition-heading">Cushioned Footbed</h4>
                        <p class="definition-copy">Provides support and comfort all day long</p>
                    </div>
                    <div class="col-md-4">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>
</section>

Explore the Features

Built-in Orthosis

Supports your natural arch, reduces pronation and relieves symptoms of plantar fasciitis

Dual-Density Midsole

Encourages healthy foot motion by reducing shock to your heel and toes

Integrated Posts & Shank

Stabilizes your foot with every step you take

Rubber Outsole

Improved traction

Cushioned Footbed

Provides support and comfort all day long

example-block-definition-list-with-images

show code

<section class="content-section">
    <div class="cms-block-container cms-block-definition-list with-images">
        <div class="contained clearfix">
            <h3 class="copy-heading">Provider Benefits</h3>
            <h4 class="copy-subheading">We are proud to offer exclusive benefits for all Dr. Comfort providers.</h4>
            <div class="bootstrap">
                <div class="grid-row with-padding">
                    <div class="column col-md-4">
                        <div class="image">
                            <img class="lazyload" data-src="{{view url='images/stock-image-13.jpg'}}" alt="">
                        </div>
                        <h4 class="definition-heading">Custom Inserts</h4>
                        <p class="definition-copy">Lorem Ipsum dolor us continue es addume es un pinche chabronne.</p>
                    </div>
                    <div class="column col-md-4">
                        <div class="image">
                            <img class="lazyload" data-src="{{view url='images/stock-image-13.jpg'}}" alt="">
                        </div>
                        <h4 class="definition-heading">Personalized Modifications</h4>
                        <p class="definition-copy">Lorem Ipsum dolor us continue es addume es un pinche chabronne.</p>
                    </div>
                    <div class="column col-md-4">
                        <div class="image">
                            <img class="lazyload" data-src="{{view url='images/stock-image-13.jpg'}}" alt="">
                        </div>
                        <h4 class="definition-heading">Special Products</h4>
                        <p class="definition-copy">Lorem Ipsum dolor us continue es addume es un pinche chabronne.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Provider Benefits

We are proud to offer exclusive benefits for all Dr. Comfort providers.

Custom Inserts

Lorem Ipsum dolor us continue es addume es un pinche chabronne.

Personalized Modifications

Lorem Ipsum dolor us continue es addume es un pinche chabronne.

Special Products

Lorem Ipsum dolor us continue es addume es un pinche chabronne.

example-block-bulleted-lists

show code

<section class="content-section">
    <div class="cms-block-container cms-block-image-left cms-block-bulleted-lists">
        <div class="contained clearfix">
            <div class="image">
                <img class="lazyload" data-src="{{view url='images/stock-image-11.jpg'}}" alt="">
            </div>
            <div class="copy">
                <div class="copy-inner">
                    <div class="filler" style="height: 20px;"></div>
                    <h3 class="copy-heading">Recommended for the following conditions:</h3>
                    <div class="bootstrap">
                        <div class="grid-row">
                            <div class="column col-xs-6 col-lg-4">
                                <div class="column-inner">
                                    <h3 class="list-heading">Conditions</h3>
                                    <ul>
                                        <li>Planta Faciitis</li>
                                        <li>Diabetes</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="column col-xs-6 col-lg-4">
                                <div class="column-inner">
                                    <h3 class="list-heading">Foot Problems</h3>
                                    <ul>
                                        <li>Heel</li>
                                        <li>Toes</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="column col-lg-4">
                                <div class="column-inner">
                                    &nbsp;
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Recommended for the following conditions:

Conditions

Planta Faciitis
Diabetes

Foot Problems

Heel
Toes

example-block-paragraph-list

show code

<section class="content-section">
    <div class="cms-block-container cms-block-image-right">
        <div class="contained clearfix">
            <div class="image">
                <img class="lazyload" data-src="{{view url='images/stock-image-12.jpg'}}" alt="">
            </div>
            <div class="copy">
                <div class="copy-inner">
                    <div class="paragraph-list">
                        <h3 class="list-heading">Additional Details</h3>
                        <p><strong class="label">Widths:</strong> W</p>
                        <p><strong class="label">Sizes:</strong> 5-10 (Full Sizes Only)</p>
                        <p><strong class="label">Colors:</strong> Red, Camel, Black</p>
                        <p><strong class="label">Collection:</strong> Ortho Sandals</p>
                        <p><strong class="label">Type:</strong> Women&rsquo;s Non-Reimbursable</p>
                        <br />
                        <p><strong class="label-block">Product Care</strong>Clean with mild soap and cold water. Air dry. Do not use bleach.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Additional Details

Widths: W

Sizes: 5-10 (Full Sizes Only)

Colors: Red, Camel, Black

Collection: Ortho Sandals

Type: Women’s Non-Reimbursable

Product CareClean with mild soap and cold water. Air dry. Do not use bleach.

example-tabs-products

show code

<section class="content-section section-separated featured-product-section">
    <div class="contained">
        <h2 class="tab-slider-heading">Tabs with Products</h2>
        <div data-mage-init='{"tabbedContentModule":{"colSpan": 6}}'>
            <div class="tab-slider">
                <div class="tab active-tab"><span>Featured</span></div>
                <div class="tab"><span>Men's Shoes</span></div>
                <div class="tab"><span>Women's Shoes</span></div>
                <div class="tab"><span>Men's Socks</span></div>
                <div class="tab"><span>Women's Hosiery</span></div>
                <div class="tab"><span>Inserts</span></div>
            </div>
            <div class="tab-content-container">
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="xtra-roomy,walk,endurance,crew,1011,2071,vigor,karen" uniqid="ex-tabs-featured"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="{{store url=''}}">Shop All Featured Products</a>
                    </footer>
                </div>
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="champion,endurance,gary,roy" uniqid="ex-tabs-mens-shoes"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="{{store url=''}}">Shop All Men's Shoes</a>
                    </footer>
                </div>
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="susie,spirit+,walk,amy" uniqid="ex-tabs-womens-shoes"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="{{store url=''}}">Shop All Women's Shoes</a>
                    </footer>
                </div>
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="xtra-roomy,transmet" uniqid="ex-tabs-mens-socks"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="{{store url=''}}">Shop All Men's Socks</a>
                    </footer>
                </div>
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="1011,ph1015,1031" uniqid="ex-tabs-womens-hoiery"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="{{store url=''}}">Shop All Women's Hosiery</a>
                    </footer>
                </div>
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="gel" uniqid="ex-tabs-inserts"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="{{store url=''}}">Shop All Inserts</a>
                    </footer>
                </div>
            </div>
        </div>
    </div>
</section>

Tabs with Products

Featured

Men's Shoes

Women's Shoes

Men's Socks

Women's Hosiery

Inserts

View Details

Extra-Roomy

Special Price $7.79 Regular Price $11.99

35% Off Save $4.20

EXTRA 10% OFF SITEWIDE

Rating:
100%

(9) Reviews

>
Shop Now
View Details

Endurance
Men’s Athletic Shoe

Special Price $107.25 Regular Price $165.00

35% Off Save $57.75

EXTRA 10% OFF SITEWIDE

Rating:
89%

(9) Reviews

>
Shop Now

Modern sneaker with no-tie elastic and soft leather for excellent comfort when moving.
View Details

Crew
Diabetic Socks

Special Price $7.79 Regular Price $11.99

35% Off Save $4.20

EXTRA 10% OFF SITEWIDE

Rating:
84%

(24) Reviews

>
Shop Now

Crew length socks that surround the feet with long-lasting cushioned comfort.
View Details

Cotton Dress M (10-15)

Special Price $4.99 Regular Price $18.99 As low as:

74% Off Save $14.00

EXTRA 10% OFF SITEWIDE

>
Shop Now
View Details

Vigor
Women’s Work/Hiking Boot

Special Price $107.25 Regular Price $165.00

35% Off Save $57.75

EXTRA 10% OFF SITEWIDE

Rating:
87%

(18) Reviews

>
Shop Now

A leather hiking boot that’s casual and stylish for work, and rugged enough for outdoor adventures.

View Details

Winner
Men’s Athletic Shoe

Special Price $107.25 Regular Price $165.00

35% Off Save $57.75

EXTRA 10% OFF SITEWIDE

Rating:
88%

(13) Reviews

>
Shop Now

Full top-grain leather trainer with arch stabilizer for improved support.
View Details

Endurance
Men’s Athletic Shoe

Special Price $107.25 Regular Price $165.00

35% Off Save $57.75

EXTRA 10% OFF SITEWIDE

Rating:
89%

(9) Reviews

>
Shop Now

Modern sneaker with no-tie elastic and soft leather for excellent comfort when moving.

View Details

Extra-Roomy

Special Price $7.79 Regular Price $11.99

35% Off Save $4.20

EXTRA 10% OFF SITEWIDE

Rating:
100%

(9) Reviews

>
Shop Now
View Details

Transmet Sock

Special Price $12.99 Regular Price $19.99

35% Off Save $7.00

EXTRA 10% OFF SITEWIDE

Rating:
77%

(15) Reviews

>
Shop Now

View Details
GEL Insert (Pair)

Special Price $22.75 Regular Price $35.00

35% Off Save $12.25

EXTRA 10% OFF SITEWIDE

Rating:
89%

(15) Reviews

>
Shop Now

Provides medial and lateral stability for proper bio-mechanical support and balance.

example-tabs-content

show code

<section class="content-section">
    <div class="contained">
        <h2 class="tab-slider-heading">Tabs With Content</h2>
        <div data-mage-init='{"tabbedContentModule":{"colSpan": 5}}'>
            <div class="tab-slider">
                <div class="tab active-tab"><span>Content Slider</span></div>
                <div class="tab"><span>Single Content</span></div>
                <div class="tab"><span>Products</span></div>
            </div>
            <div class="tab-content-container">
                <div class="tab-content">
                    <div class="block-slider">
                        <div class="slide">
                            <div class="cms-block-container cms-block-image-right no-vertical-padding clearfix">
                                <div class="image">
                                    <img class="lazyload" data-src="{{view url='images/about-2.jpg'}}" alt="">
                                </div>
                                <div class="copy">
                                    <div class="copy-inner">
                                        <h3 class="copy-heading">Why Dr. Comfort?</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                        <div class="actions-toolbar">
                                            <a class="action primary" href="{{store url=''}}">Learn More</a>
                                        </div>
                                        <div class="filler" style="height: 70px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide">
                            <div class="cms-block-container cms-block-image-left no-vertical-padding clearfix">
                                <div class="image">
                                    <img class="lazyload" data-src="{{view url='images/see-if-you-qualify.png'}}" alt="">
                                </div>
                                <div class="copy">
                                    <div class="copy-inner">
                                        <h3 class="copy-heading">See If You Qualify For Medicare</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                        <div class="actions-toolbar">
                                            <a class="action primary" href="{{store url=''}}">Download Brochure</a>
                                        </div>
                                        <p class="note">Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat <a href="mailto:catalog@drcomfort.com">catalog@drcomfort.com</a></p>
                                        <div class="filler" style="height: 54px;"></div>
                                    </div>
                                </div>
                            </div>
                         </div>
                    </div>
                </div>
                <div class="tab-content">
                    <div class="cms-block-container cms-block-image-left no-vertical-padding clearfix">
                        <div class="image">
                            <img class="lazyload" data-src="{{view url='images/see-if-you-qualify.png'}}" alt="">
                        </div>
                        <div class="copy">
                            <div class="copy-inner">
                                <h3 class="copy-heading">See If You Qualify For Medicare</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="actions-toolbar">
                                    <a class="action primary" href="{{store url=''}}">Download Brochure</a>
                                </div>
                                <p class="note">Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat <a href="mailto:catalog@drcomfort.com">catalog@drcomfort.com</a></p>
                                <div class="filler" style="height: 54px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-content">
                    <div class="product-slider" data-mage-init='{"productSlider":{}}'>
                        {{block class="DJOGlobal\FeaturedProducts\Block\Featured" skus="xtra-roomy,crew,1011,vigor" uniqid="ex-tabs-content-mens-shoes"}}
                    </div>
                    <footer>
                        <a class="button-outline" href="#">Shop All Women's Shoes</a>
                    </footer>
                </div>
            </div>
        </div>
    </div>
</section>

Tabs With Content

Content Slider

Single Content

Products

Why Dr. Comfort?

See If You Qualify For Medicare

Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat catalog@drcomfort.com

See If You Qualify For Medicare

Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat catalog@drcomfort.com

View Details

Extra-Roomy

Special Price $7.79 Regular Price $11.99

35% Off Save $4.20

EXTRA 10% OFF SITEWIDE

Rating:
100%

(9) Reviews

>
Shop Now
View Details

Crew
Diabetic Socks

Special Price $7.79 Regular Price $11.99

35% Off Save $4.20

EXTRA 10% OFF SITEWIDE

Rating:
84%

(24) Reviews

>
Shop Now

Crew length socks that surround the feet with long-lasting cushioned comfort.
View Details

Vigor
Women’s Work/Hiking Boot

Special Price $107.25 Regular Price $165.00

35% Off Save $57.75

EXTRA 10% OFF SITEWIDE

Rating:
87%

(18) Reviews

>
Shop Now

A leather hiking boot that’s casual and stylish for work, and rugged enough for outdoor adventures.

example-tabs-content-fullwidth

show code

<section class="content-section">
    <div class="contained">
        <h2 class="tab-slider-heading">Tabs With Content Full Width</h2>
    </div>
    <div data-mage-init='{"tabbedContentModule":{"colSpan": 5}}'>
        <div class="contained">
            <div class="tab-slider">
                <div class="tab active-tab"><span>Featured</span></div>
                <div class="tab"><span>Men&rsquo;s Shoes</span></div>
                <div class="tab"><span>Women&rsquo;s Shoes</span></div>
            </div>
        </div>
        <div class="tab-content-container">
            <div class="tab-content">
                <div class="cms-block-container cms-block-image-right section-has-bg cms-block-blue">
                    <div class="contained clearfix">
                        <div class="image">
                            <img class="lazyload" data-src="{{view url='images/about-2.jpg'}}" alt="">
                        </div>
                        <div class="copy has-bg">
                            <div class="copy-inner">
                                <h3 class="copy-heading">Why Dr. Comfort?</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="actions-toolbar">
                                    <a class="action primary" href="{{store url=''}}">Learn More</a>
                                </div>
                                <div class="filler" style="height:70px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="contained">
                    <div class="block-slider">
                        <div class="slide">
                            <div class="cms-block-container cms-block-image-right no-vertical-padding clearfix">
                                <div class="image">
                                    <img class="lazyload" data-src="{{view url='images/about-2.jpg'}}" alt="">
                                </div>
                                <div class="copy">
                                    <div class="copy-inner">
                                        <h3 class="copy-heading">Why Dr. Comfort?</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                        <div class="actions-toolbar">
                                            <a class="action primary" href="{{store url=''}}">Learn More</a>
                                        </div>
                                        <div class="filler" style="height: 70px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide">
                            <div class="cms-block-container cms-block-image-left no-vertical-padding clearfix">
                                <div class="image">
                                    <img class="lazyload" data-src="{{view url='images/see-if-you-qualify.png'}}" alt="">
                                </div>
                                <div class="copy">
                                    <div class="copy-inner">
                                        <h3 class="copy-heading">See If You Qualify For Medicare</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                        <div class="actions-toolbar">
                                            <a class="action primary" href="{{store url=''}}">Download Brochure</a>
                                        </div>
                                        <p class="note">Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat <a href="mailto:catalog@drcomfort.com">catalog@drcomfort.com</a></p>
                                        <div class="filler" style="height: 54px;"></div>
                                    </div>
                                </div>
                            </div>
                         </div>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="cms-block-container cms-block-image-left section-has-bg cms-block-brown">
                    <div class="contained clearfix">
                        <div class="image">
                            <img class="lazyload" data-src="{{view url='images/see-if-you-qualify.png'}}" alt="">
                        </div>
                        <div class="copy has-bg">
                            <div class="copy-inner">
                                <h3 class="copy-heading">See If You Qualify For Medicare</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="actions-toolbar">
                                    <a class="action primary" href="{{store url=''}}">Download Brochure</a>
                                </div>
                                <p class="note">Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat <a href="mailto:catalog@drcomfort.com">catalog@drcomfort.com</a></p>
                                <div class="filler" style="height:54px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Tabs With Content Full Width

Featured

Men’s Shoes

Women’s Shoes

Why Dr. Comfort?

See If You Qualify For Medicare

Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat catalog@drcomfort.com

See If You Qualify For Medicare

Ut enim ad minim veniam, quis nostrud exercitation uilamco laboris nisi ut aliquip ex ea commodo consequat catalog@drcomfort.com

example-ready-pulse

show code

<section class="content-section section-separated readypulse-section">
    <div class="contained">
        <h2 class="content-heading">ReadyPulse Module Title</h2>
        <h4 class="content-subheading">A Subtitle if Applicable Can Go Here</h4>
        <div class="frame-container">
            <iframe data-src="http://widgets.readypulse.com/curations/14696/embed3?type=banner&amp;tm=15&amp;theme=6407" class="rpw" frameborder="0" scrolling="no" width="100%" src="https://widgets.readypulse.com/curations/14696/embed3?type=banner&amp;tm=15&amp;theme=6407&amp;ww=1110&amp;vpage=3&amp;hpos=left" height="266"></iframe>
            <script type="text/javascript" src="//widgets.readypulse.com/curations/host_js.js?v=3"></script>
        </div>
    </div>
</section>

ReadyPulse Module Title

A Subtitle if Applicable Can Go Here

example-find-provider

show code

<section class="content-section">
    <div class="find-provider at-page-bottom">
        <div class="contained">
            <div class="wrapper">
                <p>To ensure the best fit, and to see if you qualify for Medicare reimbursement for Dr. Comfort shoes, be sure to see your podiatrist or footwear professional.</p>
                <h4>Find a Dr. Comfort Provider Near You</h4>
                <form class="form find-provider-form" novalidate="novalidate" action="{{store url='storelocator'}}" method="GET" id="find-provider-form">
                    <div class="field location">
                        <div class="control">
                            <input name="location" type="text" id="provider-search-zip" placeholder="Enter Your Zip Code" data-validate="{required:true}" />
                        </div>
                    </div>
                    <div class="actions">
                        <button class="action provider primary" title="Find A Provider" type="submit">
                            <span>Find <span>a Provider</span></span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

To ensure the best fit, and to see if you qualify for Medicare reimbursement for Dr. Comfort shoes, be sure to see your podiatrist or footwear professional.

Free Ground Shipping

example-tabs-page

Random Block Under Tabs

example-hero-homestyle

example-hero-image-cta

Medicare Reimbursement

example-hero-image

Our Inserts

example-modals

Content Modal

Large Modal

example-block-centered

example-block-centered-with-heading

14 Foot Health Tips

example-block-horizontal-list

Know Your Condition?

Select Your Condition Below

example-feature-icons

30-Day Guarantee

6 Month Warranty

Free Shipping

example-block-grid-list-to-slider

example-cms-block-no-image-blue

Why Dr. Comfort?

example-cms-image-block-blue

Why Dr. Comfort?

example-cms-image-block-grey

The Medicare Story

example-cms-image-block-brown

See If You Qualify For Medicare

example-cms-image-block-numbered

Inspect your feet daily

Avoid loose or tight fitting socks

Wear clean, dry socks

Avoid loose or tight fitting socks

example-cms-image-block-homepage

The Dr. Comfort Community

Lorem Ipsum

Why Dr. Comfort?

example-block-definition-list

Explore the Features

Built-in Orthosis

Dual-Density Midsole

Integrated Posts & Shank

Rubber Outsole

Cushioned Footbed

example-block-definition-list-with-images

Provider Benefits

We are proud to offer exclusive benefits for all Dr. Comfort providers.

Custom Inserts

Personalized Modifications

Special Products

example-block-bulleted-lists

Recommended for the following conditions:

Conditions

Foot Problems

example-block-paragraph-list

Additional Details

example-tabs-products

Tabs with Products

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

example-tabs-content

Tabs With Content

Why Dr. Comfort?

See If You Qualify For Medicare

See If You Qualify For Medicare

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

EXTRA 10% OFF SITEWIDE

example-tabs-content-fullwidth

Tabs With Content Full Width