Awesome

Soft Grid CSS

Soft Grid CSS Framework is a 12 column grid system.

Install Downloading zip file and after the extract folder, including softgrid.css and normalize.css to html file

Download

        <div class="container">
            <div class="row">
                <div class="one colon">.one</div>
                <div class="eleven colon">.eleven.colon</div>
            </div>
    
            <div class="row">
                <div class="two colon">.two</div>
                <div class="ten colon">.ten.colon</div>
            </div>
    
            <div class="row">
                <div class="three colon">.three.colon</div>
                <div class="nine colon">.nine.colon</div>
            </div>
        </div>

        <div class="container-lg">
            <div class="row">
                <div class="one colon">.one</div>
                <div class="eleven colon">.eleven.colon</div>
            </div>
    
            <div class="row">
                <div class="two colon">.two</div>
                <div class="ten colon">.ten.colon</div>
            </div>
    
            <div class="row">
                <div class="three colon">.three.colon</div>
                <div class="nine colon">.nine.colon</div>
            </div>
        </div>

<div class="container">
	<a href="#">Anasayfa</a>
	<a href="#" class="button">Anasayfa</a>
	<a href="#" class="button button-blue">Anasayfa</a>
	<a href="#" class="button button-red">Anasayfa</a>
	<a href="#" class="button button-green">Anasayfa</a>
	<a href="#" class="button button-green-b">Anasayfa</a>
	<a href="#" class="button button-green-l">Anasayfa</a>
	<a href="#" class="button button-purple">Anasayfa</a>
</div>

Demo