index.html

<?xml version="1.0" encoding="UTF-8"?>
<div xmlns:i18n="http://exist-db.org/xquery/i18n" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <div data-template="templates:include" data-template-path="templates/menu.html"/>
    <header class="tp-row">
        <div class="tp-column-fullwidth">
            <div class="page-header">
                <h1>Lexicon of Greek Personal Names</h1>
            </div>
        </div>
    </header>
    <main>
        <section class="tp-row">
            <h2 class="tp-column-fullwidth">Subheadline</h2>
            <p class="tp-column-fullwidth subheadline-p">
                Lorem ipsum dolor amet austin artisan adaptogen migas blog VHS tumeric freegan sustainable letterpress etsy pour-over hammock. Readymade vinyl pinterest blog prism. Tote bag small batch brunch kinfolk cornhole banjo retro forage swag tofu deep v craft beer.
            </p>
        </section>

        <section class="tp-row">
            <div class="tp-column-fullwidth">
                <div data-template="templates:include" data-template-path="templates/search-bar.html"/>
            </div>
        </section>

        <section class="tp-row">
            <div class="tp-column-fullwidth">
                <article class="landing">
                    <h3>
                        Catalogues
                    </h3>
                    <p>
                        Lorem ipsum dolor amet austin artisan adaptogen migas blog VHS tumeric freegan sustainable letterpress etsy pour-over hammock. Readymade vinyl pinterest blog prism. Tote bag small batch brunch kinfolk cornhole banjo retro forage swag tofu deep v craft beer.
                        Lorem ipsum dolor amet austin artisan adaptogen migas blog VHS tumeric freegan sustainable letterpress etsy pour-over hammock. Readymade vinyl pinterest blog prism. Tote bag small batch brunch kinfolk cornhole banjo retro forage swag tofu deep v craft beer.
                    </p>
                    <a class="u-more-link" href="/" title="catalogues">See all catalogues</a>
                </article>

                <article class="landing">
                    <h3>
                        Search Tips
                    </h3>
                    <p>
                        Lorem ipsum dolor amet austin artisan adaptogen migas blog VHS tumeric freegan sustainable letterpress etsy pour-over hammock. Readymade vinyl pinterest blog prism. Tote bag small batch brunch kinfolk cornhole banjo retro forage swag tofu deep v craft beer.
                    </p>
                    <a class="u-more-link" href="search.html" title="help">Advanced search</a>
                </article>

                <article class="landing">
                    <h3>
                        Need Help?
                    </h3>
                    <p>
                        Lorem ipsum dolor amet austin artisan adaptogen migas blog VHS tumeric freegan sustainable letterpress etsy pour-over hammock. Readymade vinyl pinterest blog prism.
                    </p>
                    <a class="u-more-link" href="/" title="help">Go to help page</a>
                </article>

            </div>
        </section>

        <div data-template="templates:include" data-template-path="templates/footer.html"/>
    </main>
</div>