<?php include('partials/header.php'); ?>


    <div class="tree">
        DURVO
    </div>

    <script>
        $(document).ready(function () {
//        $('body > .main').addClass('show-sidebar-tree');
        });
    </script>

    <main class="page-settings">
        <div class="main-toolbar">
            <a href="#" class="btn btn-link text-silver px-0"><i class="mdi mdi-chevron-left"></i> Websites</a>
        </div>

        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title"><i class="mdi mdi-cog text-primary mr-3"></i> <strong>Settings</strong></h5>
                <div>

                </div>
            </div>


            <div class="row card-body">
                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-cog-outline fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">General</span><br/>
                            <small class="text-muted">Make basic settings for your website</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-flash-outline fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Updates</span><br/>
                            <small class="text-muted">Check for the latest updates</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-email-outline fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">E-mail</span><br/>
                            <small class="text-muted">Email settings</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-text-box-check-outline fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Template</span><br/>
                            <small class="text-muted">Change or manage the theme you use</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-globe fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">SEO</span><br/>
                            <small class="text-muted">SEO settings</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-angularjs fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Advanced</span><br/>
                            <small class="text-muted">Additional settings</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-file-cabinet fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Files</span><br/>
                            <small class="text-muted">File management</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-login fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Login & Register</span><br/>
                            <small class="text-muted">Manage the access control to your website</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-translate fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Language</span><br/>
                            <small class="text-muted">Choice of language and translations</small>
                        </div>
                    </a>
                </div>

                <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                    <a href="#" class="d-flex settings-holder-wrapper">
                        <div class="icon-holder"><i class="mdi mdi-shield-edit-outline fs-1"></i></div>
                        <div class="card-title info-holder">
                            <span class="text-outline-primary font-weight-bold">Privacy Policy</span><br/>
                            <small class="text-muted">Privacy Policy and GDPR settings</small>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="card-body mb-3">
            <div class="  px-5">
                <div class="row select-settings">
                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-cart-outline fs-1 me-2 fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">General</span><br/>
                                <small class="text-muted">Basic store settings</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-scissors-cutting fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Coupons</span><br/>
                                <small class="text-muted">Creating and managing coupon codes</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-account-cash-outline fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Taxes</span><br/>
                                <small class="text-muted">Fees and tax rates</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-cash-usd-outline fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Payments</span><br/>
                                <small class="text-muted">Select and set up a payman provider</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-label-percent-outline fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Promotions</span><br/>
                                <small class="text-muted">Creating and managing promo campaigns</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-cash-register fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Invoices</span><br/>
                                <small class="text-muted">Invoice lists and accounting</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-truck-outline fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Shipping</span><br/>
                                <small class="text-muted">Delivery methods and suppliers</small>
                            </div>
                        </a>
                    </div>

                    <div class="card-header col-12 col-md-6 col-xxl-4 p-0">
                        <a href="#" class="d-flex settings-holder-wrapper">
                            <div class="icon-holder"><i class="mdi mdi-email-edit-outline fs-1"></i></div>
                            <div class="card-title info-holder">
                                <span class="text-outline-primary font-weight-bold">Auto respond mail</span><br/>
                                <small class="text-muted">Email and message settings</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <div class="row copyright mt-3">
            <div class="col-12">
                <p class="text-muted text-center small">Open-source website builder and CMS Microweber 2020. Version: 1.18</p>
            </div>
        </div>
    </main>


<?php include('partials/footer.php'); ?>
