<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" type="text/css">
    <!--[if IE]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" charset="utf-8">
    <![endif]-->
</head>
<body>
<div id="page">
    <div id="header">
        <div id="logo">
            <a href="index.html"><img src="{{ STATIC_URL }}images/logo.png" alt="LOGO"></a>
        </div>
        <div id="navigation">
            <ul>
                <li class="selected">
                    {% block active_page %}{% endblock %}
                </li>

            {% block nav %}
                <li>
                    <a href="index.html">Home</a>
                </li>

                <li>
                    <a href="news.html">What&rsquo;s New</a>
                </li>
                <li>
                    <a href="cosmetics.html">Cosmetics</a>
                </li>
                <li>
                    <a href="skincare.html">Skincare</a>
                </li>
                <li>
                    <a href="fragrance.html">Fragrance</a>
                </li>
                <li>
                    <a href="about.html">About</a>
                </li>
                <li>
                    <a href="blogs.html">Blog</a>
                </li>
                <li>
                    <a href="contact.html">Contact</a>
                </li>
            {% endblock %}
            </ul>
        </div>
    </div>
    <div id="contents">
        <div id="main">
            <div id="adbox">
                <img src="{{ STATIC_URL }}images/eye-beauty.jpg" alt="Img" height="384" width="700">
                <div class="info">
                    <h1>Oriflame</h1>
                    <p>
                        {% block info %}Косметика. {% endblock %}
                    </p>
                    <a href="index.html" class="shop">Заказать сейчас</a>
                </div>
            </div>
            <ul id="promotions">
                <li>
                    <div class="poster">
                        <a href="fragrance.html"> <img src="{{ STATIC_URL }}images/fragrance.jpg" alt="Img" height="282" width="204"> <span>Скидка!</span></a>
                    </div>
                    <a href="fragrance.html">Магазин</a>
                    {% block fragrance %}
                    {% endblock %}
                </li>
                <li>
                    <div class="poster">
                        <a href="cosmetics.html"> <img src="{{ STATIC_URL }}images/cosmetics.jpg" alt="Img" height="282" width="204"></a>
                    </div>
                    <a href="cosmetics.html">Тест</a>
                    {% block poster %}
                    {% endblock %}
                </li>
                <li>
                    <div class="poster">
                        <a href="skincare.html"> <img src="{{ STATIC_URL }}images/skin-care.jpg" alt="Img" height="282" width="204"></a> <span class="clearance"></span>
                    </div>
                    <a href="skincare.html">Магазин</a>
                    {% block skincare %}
                    {% endblock %}
                </li>
            </ul>
            <div class="sidebar">
                <div id="connect" class="box">
                    <h2>Соц. сети</h2>
                    <a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/youtube/" target="_blank" class="vimeo"></a>
                </div>
                <div id="newsletter" class="box">
                    <h2>Рассылка</h2>
                    <form action="index.html" method="post">
                        <input type="text" value="Email-address" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
                        <input type="submit" value="Ок">
                    </form>
                    <p>
                        Nullam aliquam, lorem vitae ornare eleifend, diam odio iaculis ante, ac placerat tellus.
                    </p>
                </div>
            </div>
            <div id="updates" class="box">
                <h2>Последние записи</h2>
                <ul>
                    {% block links %}
                    {% endblock %}
                </ul>
            </div>
        </div>
        <div id="sidebar">
            <div class="news">
                <h2>What&rsquo;s New</h2>
                <ul>
                    {% block news %}{% endblock %}
                </ul>
            </div>
            <div class="box">
                <h2>Featured Items</h2>
                <ul>
                   {% block featured_items %}{% endblock %}
                </ul>
            </div>
        </div>
    </div>
    <div id="footer">
        <ul class="navigation">
            <li class="selected">
                {% block active_page_footer %}{% endblock %}
            </li>
            <li>
                <a href="news.html">What&rsquo;s New</a>
            </li>
            <li>
                <a href="cosmetics.html">Cosmetics</a>
            </li>
            <li>
                <a href="skincare.html">Skincare</a>
            </li>
            <li>
                <a href="fragrance.html">Fragrance</a>
            </li>
            <li>
                <a href="about.html">About</a>
            </li>
            <li>
                <a href="blogs.html">Blog</a>
            </li>
            <li>
                <a href="contact.html">Contact</a>
            </li>
        </ul>
        <p id="footnote">
            © Eternal Beauty Essentials {% block footer_year %}{% endblock %}. All Rights Reserved.
        </p>
    </div>
</div>
</body>
</html>