<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>speacial</title>
    <link rel="stylesheet" href="./css/special.css">
</head>
<body oncontextmenu="">
    <div class="main-wrap">
    </div>
    <script id="myTmpl" type="text/html">
        <span class="close"></span>
        <div class="content">
            <h2 class="title">${title}</h2>
            <div class="time">
                <div class="f-dib pf">${timePf}</div> <div id="pa-special-countDown" class="f-dib"></div>
            </div>
            <ul class="list f-cl">
                {{each(i,offer) offers}}
                <li class="item it-${i+1}">
                    <div class="bdbox">
                        <div class="ribbon">${offer.tips}</div>
                        <div class="img">
                            <img src="./images/special/${offer.img}" width="60" alt="">
                        </div>
                        <div class="text">
                            <h3 class="title">${offer.title}</h3>
                            <p class="desc">{{html offer.desc}}</p>
                        </div>
                    </div>                               
                </li>
                {{/each}}
            </ul>
            <div class="btn-wrap">
                <span data-href="${btnLink}"  class="btn btn-org">${btnTxt}</span>
                <p class="btn-txt">${btnDesc}</p>
            </div>
        </div>
      
    </script>
</body>
<script src="./scripts/jquery-1.11.3.js"></script>
<script src="./scripts/jquery.tmpl.min.js"></script>
<script src="./scripts/countdown.hasms.js"></script>
<script src="./scripts/special.js"></script>
</html>
