<?php
/* controlling view of cache external resources settings */
if (! defined('ABSPATH')) {
    die;
}
?>

<div id="test-2" class="col s12 aeh-options">
    <div class="col s12" style="margin-top:15px;vertical-align:bottom">
        <h5 class="left margin-zero" style="margin:0px">Image Optimization</h5>
        <a href="https://www.addexpiresheaders.com/pro-features/" target="_blank" style="margin-left:15px" class="waves-effect waves-light btn-small right"><i class="material-icons left">book</i>Guide</a>
    </div>
    <div class="clearfix" style="clear:both"></div>
    <div class="divider" style="margin-top:15px"></div>
    <div id="test-2" class="col s12 aeh-options">
        <div id="test-2" class="col s6">
            <ul class="row">
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Automatic Format Conversion</span>
                </li>
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Intelligent Size Management</span>
                </li>
            </ul>
        </div>
        <div id="test-2" class="col s6">
            <ul class="row">
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Effortlessly Seamless Integration</span>
                </li>
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Performance Monitoring</span>
                </li>
            </ul>
        </div>
        <div id="test-3" class="col s6">
            <ul class="row">
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Modern Image Formats</span>
                </li>
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Responsive image optimization</span>
                </li>
            </ul>
        </div>
        <div id="test-4" class="col s6">
            <ul class="row">
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Bulk optimization</span>
                </li>
                <li class="valign-wrapper" style="margin-bottom:15px">
                    <i class="material-icons teal-text">check_circle</i>
                    <span style="margin-left:5px">Quality preservation</span>
                </li>
            </ul>
        </div>
        <div class="clearfix" style="clear:both"></div>
        <div class="divider"></div>
        <div class="row center-align">
            <a class="waves-effect waves-light btn-small top-mar-30" target="_blank" href="https://www.addexpiresheaders.com/pro-features/"><i class="material-icons left">list</i>Learn More About Pro Version!</a>
        </div>
    </div>
</div>