<div class="card-deck">
    <div class="card bg-light mb-3">
        <div class="card-body">
            <h5 class="card-title">Settings</h5>
            <p class="card-text">
                NDR Core has a number of settings. Most of them can be changed and custom settings can be added if
                needed.
            </p>

            <h6>Change Settings</h6>
            <p class="card-text">
                Go to your <a href="{% url 'ndr_core:configure_settings' %}">Settings Page</a> and choose a settings
                group on the right side. Each group contains settings you can change. Refer to the list below:
                <ul class="card-text">
                    <li>
                        <strong>Page Settings</strong>: Set project and browser tab titles.
                    </li>
                    <li>
                        <strong>Language Settings</strong>: Set the language of the resulting website. The
                        administration interface is english only.
                    </li>
                    <li>
                        <strong>Header Settings</strong>: Set content of HTML header tags.
                    </li>
                    <li>
                        <strong>Search Settings</strong>: Define simple search labels and help texts.
                    </li>
                    <li>
                        <strong>Mail Settings</strong>: Change message forwarding behaviour, set your mail host
                        settings, set forwarding address.
                    </li>
                    <li>
                        <strong>Social Media</strong>: You can link to your social media profiles. Depending on your UI
                        style, the links are shown in the footer or elsewhere.
                    </li>
                    <li>
                        <strong>Custom Settings</strong>: Contain settings you created yourself. You can use them
                        in your template text or in advanced editing methods (see below).
                    </li>
                </ul>
            </p>

            <h6>Language Settings</h6>
            <p class="card-text">
                You choose e a base language to create your page in. You can then choose additional languages to
                translate the page into. Refer to <a href="{% url 'ndr_core:configure_translations' %}">Manage
                Translations</a>  to translate your elements. Page texts can be translated in the page editor.
            </p>

            <h6>Import/Export Settings</h6>
            <p class="card-text">
                You can import or export your settings, so you can store them or use them in another project. The export
                function produces a JSON file which can be deserialized into NDR Core's data model. Refer to
                <a href="#">NDR Core settings serialization</a> for more information.
            </p>

            <h6>Custom Settings</h6>
            <p class="card-text">
                You can save custom settings and use them in your template text. Enter <code>[[setting|setting_name]]
                </code> to display the settings value. Apart from that, you will only need custom settings if you use
                <a href="{% url 'ndr_core:help_chapter' 'advanced' %}">Advanced editing</a>.
            </p>
        </div>
    </div>
</div>