[HTML5] DZS Mini Events Calendar

Trên codecanyon chỉ có giá $5 nhưng element này rất cần thiết dành cho các bạn designer và cả lập trình web. Khả năng tuỳ biến cao, nội dung chỉnh sửa event đơn giản, đối với lập trình web, các bạn chỉ cần nhét event vào vòng lặp, render html ra . (Phần lịch đã có sẵn)

Phần event:

PHP:

<div class="events">             
    <div class="event-tobe" data-date="11-18-2013">
        <div style="width:240px;">
            <h5>Meeting at Palace</h5>
            <span class="label">Date: </span>11-18-2013 at 6PM<br/>
            <span class="label">Location: </span>Bremen, Germany<br/><br/>
            Ana is meeting with you in the town square.
        </div>
    </div>
    <div class="event-tobe" data-date="11-8-2013">
        <div style="width:240px;">
            <h5>Meeting at Palace</h5>
            <span class="label">Date: </span>11-8-2013 at 6PM<br/>
            <span class="label">Location: </span>Bremen, Germany<br/><br/>
            Ana is meeting with you in the town square.
        </div>
    </div>
    <div class="event-tobe" data-date="11-25-2013">
        <div style="width:170px;">
            <h5>Meeting at Palace</h5><span class="label">Date: </span>11-25-2013 at 6PM<br/>
            <span class="label">Location: </span>Bremen, Germany<br/><br/>
            Ana is meeting with you in the town square.
        </div>
    </div>
</div>


Bạn chỉ cần truyền ngày có event với định dạng MM-dd-yyyy, phần bên trong thì cứ vòng lặp nội dung sao cũng đc

PHP:

<div class="event-tobe" data-date="MM-dd-yyyy">
...
</div>

Demo: Link
Link download: http://goo.gl/5B50rk