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
<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>