Slikod

Demo

http://abdurrahmanekr.github.io/slikod/

Kullanımı

1. Projenize `slikod.css'i dahil edin
2. Eklemek istediğiniz alana şu kodları yerleştirin :

<div class="cont">
	<div class="col-6 no-space img-news" style="background: url(slikod.png);">
		<div class="blur"></div>
		<div class="img-container">
			<div class="img-content">
				<span class="tie-date">Mart 26	, 2016</span><br>
				<span class="img-header">Slikod Nedir ?</span>
				<p>Slikod, Avare Kodcu'nun sürekli karmaşık ve javascript gerektiren sliderlardan sıkılarak kendi yaptığı bir v1.0 için sayfalama yapısı olmayan slider'dır.</p>
			</div>
		</div>
	</div>
	<div class="col-6 no-space img-news" style="background: url(html-css.jpg);">
		<div class="blur"></div>
		<div class="img-container">
			<div class="img-content">
				<span class="tie-date">Mart 27	, 2016</span><br>
				<span class="img-header">Slikod kullanmak için neler gerektirir ?</span>
				<p>Sadece içinde bulunan css ve html taglarında bulunan kodları dahil etmek yeterli.</p>
			</div>
		</div>
	</div>
	<div class="col-4 no-space img-news" style="background: url(http://vimaj.com/images/javascript-nedir.jpg);">
		<div class="blur"></div>
		<div class="img-container">
			<div class="img-content">
				<span class="tie-date">Haziran 01	, 2015</span><br>
				<span class="img-header">Slikod Javascript içerir mi ?</span>
				<p>Hiçbir Javascript komutu gerektirmez. Üretiliş amacı slider'da javascript kodlarından gına gelmesidir.</p>
			</div>
		</div>
	</div>
	<div class="col-4 no-space img-news" style="background: url(http://mac.h-cdn.co/assets/16/02/980x490/landscape-1452792266-commitment-issues.png);">
		<div class="blur"></div>
		<div class="img-container">
			<div class="img-content">
				<span class="tie-date">Mart 30	, 2015</span><br>
				<span class="img-header">İleride slikod yeni sürümleri gelir mi ?</span>
				<p>Eğer ileride birkaç star alırsa neden olmasın.</p>
			</div>
		</div>
	</div>
	<div class="col-4 no-space img-news" style="background: url(http://static1.uk.businessinsider.com/image/551c5b8e833c9e4061ef276d/the-10-most-important-things-in-the-world-right-now.jpg);">
		<div class="blur"></div>
		<div class="img-container">
			<div class="img-content">
				<span class="tie-date">Mart 30	, 2015</span><br>
				<span class="img-header">Hangi platformları destekler ?</span>
				<p>Css3 ve Html platformlarda uyumluluk sağlar. Bunun nedeni animasyon işlemleri için gerekli olan css3 kodlarının slikodda bulunmasıdır.</p>
			</div>
		</div>
	</div>
</div>