index.html

<!doctype html>
<html lang="{$Project->getLang()}">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>

    {pace}

    {$Template->getHeader()}

    {fontawesome}
    {unsemantic}

    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/style.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/buttons.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/form.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/products.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/frontend-users.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/order.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/user-orders.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/controls.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/mini-basket.css')}"/>
    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/product-bricks.css')}"/>

    <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/cologne.blue.css')}"/>

    {$settingsCSS}

    <script>
        var basketStyle = "{$basketStyle}";
        var basketOpen  = "{$basketOpen}";
    </script>

</head>
<body class="page-{$Site->getId()} {$typeClass} {$siteType}">


{* small top bar *}
{fetch template="template/topBar.html" Project=$Project Menu=$Menu User=$User Avatar=$Avatar
    Flags=$Flags LangCurrencySwitch=$LangCurrencySwitch}

{* main navigation / menu *}
<div>
    {fetch template="template/mainMenu.html" Project=$Project Menu=$Menu showCategoryMenu=$showCategoryMenu}
</div>

{if $header == 'afterNav' && $Site->getAttribute('image_emotion')}
    {fetch template="template/pageHeader.html" Site=$Site}
{/if}

{* <!--Shop category menu--> *}
{if $showCategoryMenu}
<div class="shop-category-menu-wrapper">
    {$CategoriesMenu->create()}
</div>
{/if}

<!-- breadcrumb -->
{if $showBreadcrumb}
    {fetch template="template/breadcrumb.html" Site=$Site}
{/if}

{assign var=headerSuffix value=$BricksManager->getBricksByArea('headerSuffix', $Site)}
{foreach $headerSuffix as $Brick}
    {assign var=brickFullWidth value=''}
    {if $Brick->getSetting( 'general.fullWidth' )}
        {assign var=brickFullWidth value='brick-full-width'}
    {/if}

    {assign var=brickNoPadding value=""}
        {if $Brick->getSetting('general.noSpacing')}
        {assign var=brickNoPadding value="brick-no-spacing"}
    {/if}
    <section class="template-brick-container template-brick-headerSuffix brick-id-{$Brick->getAttribute('id')}">
        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
            {$Brick->create()}
        </div>
    </section>
{/foreach}

<main class="cologne-main">
    <div class="cologne-grid-container">
        {$Template->getLayout()}
    </div>
</main>

{assign var=footerPrefix value=$BricksManager->getBricksByArea('footerPrefix', $Site)}
{foreach $footerPrefix as $Brick}
    {assign var=brickFullWidth value=''}
    {if $Brick->getSetting( 'general.fullWidth' )}
        {assign var=brickFullWidth value='brick-full-width'}
    {/if}

    {assign var=brickNoPadding value=""}
    {if $Brick->getSetting('general.noSpacing')}
        {assign var=brickNoPadding value="brick-no-spacing"}
    {/if}
    <section class="template-brick-container template-brick-footerPrefix brick-id-{$Brick->getAttribute('id')}">
        <div class="template-grid-container template-grid-row {$brickFullWidth} {$brickNoPadding}">
            {$Brick->create()}
        </div>
    </section>
{/foreach}

<footer class="template-footer">
    {* footer brick area *}
    {fetch template="template/footer.html" BricksManager=$BricksManager Site=$Site}

    {* pre-defined footer *}
    {fetch template="template/footer.predefined.html"
        Site=$Site
        paymentsData=$paymentsData
    }

    {* footer copyright *}
    {fetch template="template/footer.copyright.html"}
</footer>

{* to top icon *}
{fetch template="template/toTop.html"}

<script src="{$Template->getTemplateUrl('bin/javascript/init.js')}"></script>
</body>
</html>