Version: 0.1
How can i use?

Ürün Kutuları/ Kullanılan ürün kutuları

<div class="hb-box"><a class="hb-box-title" href="javascript:;"> <h2>Günün Fırsatı</h2></a><a class="hb-box-special-link" href="javascript:;">Tüm teklifleri gör</a> <div class="hb-timer"> <div class="hb-timer-item"> <div class="hb-timer-item-text">1</div> <div class="hb-timer-item-subtext">Gün</div> </div> <div class="hb-timer-item"> <div class="hb-timer-item-text">2</div> <div class="hb-timer-item-subtext">Saat</div> </div> <div class="hb-timer-item"> <div class="hb-timer-item-text">16</div> <div class="hb-timer-item-subtext">Dakika</div> </div> </div><a class="hb-box-link" href="javascript:;"> <div class="hb-box-image"><img src="http://images.hepsiburada.net/assets/EE/135/EE_16135785.jpg"></div> <div class="hb-box-name">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a mi vitae</div> <div class="hb-price-content"> <div class="hb-discount">%40 <span class="hb-discount-text">indirim</span></div> <div class="hb-price"> <del class="hb-price-old">1.299.00 TL</del> <div class="hb-price-current">1.100.00 TL</div> </div> </div></a> </div>


Listeleme Kutuları/ Listeleme için kullanılan ürün kutuları

<div class="hb-list-box-content"> <div class="hb-list-box title"><i class="icon hb-icon-user_icon"></i><span class="hb-list-title-text">Volkan Tağal</span></div> <div class="hb-list-box list"><span class="hb-list-title-text small">Hesabım</span> <ul class="hb-list-item-content"> <li class="hb-list-item"><a class="hb-list-title-text">Siparişlerim</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Adreslerim</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Kolay İade</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Para İadesi İşlemlerim<i class="icon hb-icon-down_arrow"></i> <ul class="hb-sub-list-item-content"> <li class="hb-list-item"><a class="hb-list-title-text">Link1</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Link2</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Link3</a></li> </ul></a></li> <li class="hb-list-item"><a class="hb-list-title-text active">Deneme İşlemlerim<i class="icon hb-icon-down_arrow"></i> <ul class="hb-sub-list-item-content"> <li class="hb-list-item"><a class="hb-list-title-text">Link1</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Link2</a></li> <li class="hb-list-item"><a class="hb-list-title-text">Link3</a></li> </ul></a></li> </ul> </div> <div class="hb-list-box"><a class="hb-list-title-text link">Yardım</a></div> </div>