<? include "inc/header.php"; 
include "inc/sidebar.php";?>
<div class="yanyana">
<h3 class="anabaslik">Listeleme Alaný </h3>
<form> 
<div class="tablo">
<li class="no"><b><input name="checkall" onclick="checkUncheckAll(this);" type="checkbox" /></b></li>
<li class="no"><b>No</b></li>
<li class="durum"><b>Durum</b></li>
<li class="baslik"><b>Baþlýk</b></li>
<li class="islem"><b>Ýþlemler</b></li>
<div class="temizle"></div>
</div>

<div class="tablo2">

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">01</li>
<li class="durum">Aktif <img class="durums" width="16" src="images/icon/active.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">02</li>
<li class="durum">Pasif <img class="durums" width="16" src="images/icon/cancel.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">03</li>
<li class="durum">Aktif <img class="durums" width="16" src="images/icon/active.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme </li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">04</li>
<li class="durum">Aktif <img class="durums" width="16" src="images/icon/active.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">05</li>
<li class="durum">Aktif <img class="durums" width="16" src="images/icon/active.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">06</li>
<li class="durum">Bekliyor <img class="durums" width="16" src="images/icon/bekleme.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme </li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">07</li>
<li class="durum">Pasif <img class="durums" width="16" src="images/icon/cancel.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">08</li>
<li class="durum">Aktif <img class="durums" width="16" src="images/icon/active.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>

<div class="satir">
<li class="no"><input type="checkbox" name="option1" ></li>
<li class="no">09</li>
<li class="durum">Bekliyor <img class="durums" width="16" src="images/icon/bekleme.png"></li>
<li class="baslik">Deneme baþlýk 1 deneme</li>

<li class="islem">
<li class="edit"><a href="#" class="button icon edit">Düzenle</a></li>
<li class="sil"> <a href="#" class="button icon remove danger">Sil</a></li>
</li>
<div class="temizle"></div>
</div>
<select class="inpselect">
<option>Sil</option>
<option>Düzenle</option>
</select>
<input style="margin-right:-14px;" class="button" type="reset" value="Temizle">
<input class="button danger" type="submit" value="Onayla">
</form>

<div class="sayfala">
<a href="#" class="button icon arrowleft danger">Geri</a>
<a href="#" class="button">1</a>
<a href="#" class="button">2</a>
<a href="#" class="button">3</a>
<a href="#" class="button">4</a>
<a href="#" class="button">5</a>
<a href="#" class="button">6</a>
<a href="#" class="button">7</a>
<a href="#" class="button">8</a>
<a href="#" class="button">9</a>
<a href="#" class="button">10</a>
<a href="#" class="button">...</a>
<a href="#" class="button icon arrowright danger">ileri</a>
</div>
<div class="toplam">Sistemde Toplam 128 içerik bulunuyor..</div>
</div>
</div>

<div class="yanyana">
<h3 class="anabaslik">Form Örnekleri </h3>
<div class="formlar">
<div class=""><li class="sol_li">Ýnput Küçük<span>:</span></li><input class="input inp1 "></div>
<div class=""><li class="sol_li">Ýnput Küçük<span>:</span></li><input class="input inp2 "></div>
<div class=""><li class="sol_li">Ýnput Küçük<span>:</span></li><input class="input inp3 "></div>
<div class=""><li class="sol_li">Ýnput Küçük<span>:</span></li><input class="input inp4 "></div>
<div class=""><li class="sol_li">Ýnput Küçük<span>:</span></li><input class="input inp5 "></div>


<div class=""><li class="sol_li">Textarea Küçük<span>:</span></li> <textarea class="input inp2 "></textarea></div>
<div class=""><li class="sol_li">Textarea Küçük<span>:</span></li> <textarea class="input inp3 "></textarea></div>
<div class=""><li class="sol_li">Textarea Küçük<span>:</span></li> <textarea class="input inp4 "></textarea></div>



<div class=""><li class="sol_li">Select Küçük<span>:</span></li> 
<select class="input inp1">
<option>Deneme 1</option>
<option>Deneme 2</option>
<option>Deneme 3</option>
</select></div>

<div class=""><li class="sol_li">Select Orta<span>:</span></li> 
<select class="input inp2">
<option>Deneme 1</option>
<option>Deneme 2</option>
<option>Deneme 3</option>
</select></div>

<div class=""><li class="sol_li">Select Büyük<span>:</span></li> 
<select class="input inp3">
<option>Deneme 1</option>
<option>Deneme 2</option>
<option>Deneme 3</option>
</select></div>

<div class="yolla">
<input type="submit" class="button" value="Kaydet"> 
<input type="reset" class="button danger" value="Temizle"> 
</div>
</div>
</div>

<div class="yanyana">
<h3 class="anabaslik">Uyarý Örnekleri</h3>
<div class="uyarilar">
<div class="uyar error"><img src="images/icon/errors.png"><span>Bir Hata Oluþtu Lütfen Tekrar Deneyin!</span></div>
<div class="uyar basarili"><img src="images/icon/basarili.png"><span>Ayarlar Baþarý Ýle Kaydedildi!</span></div>
<div class="uyar bilinmeyen"><img src="images/icon/bilinmeyen.png"><span>Bilinmeyen Bir Hata Oluþtu!</span></div>


</div>
</div>
</div>