<h1 class="hata">Hakkımızda </h1>
<p>At lupatum delenit aigue duos dolor tempor sunt in culpa qui officia d dereud facils est er expedit distinc peccand quaerer en imigent cupidat. Incita visset, accom ex robore ad quam vis vadisen vlavis confecs nis revinc tae.</p>
<h1 class="yemek">Ürünler</h1>
<p>Oppidi his mowni bus suifs fortunis desp erate coe magno recipei ban ibi se rursus isdem opport unitel rursus isdem opport loci defen porti busi. Situs era eod oppi dorum, ut posta. </p>
<h1 class="yaz">Bize Yazın</h1>
<p>Incita visset, accom ex robore ad quam vis vadisen vlavis confecs nis revinc tae. </p>
<h1 class="yardim">Yardım</h1>
<p> At lupatum delenit aigue duos dolor tempor sunt in culpa qui officia ddereud facils est er expedit distinc peccand quaerer en imigentcupidat. Incita visset, accom ex robore ad quam vis vadisen vlavisconfecs nis revinc tae.</p>
@import "nib"

h1.hata{
    font:bold 34px/35px "Lucida Grande",Arial, Helvetica, sans-serif;
    color: #3A45A1;
    background: url("http://fatihhayrioglu.com/images/basliklar.gif") 1px 3px no-repeat;
    padding-left: 40px;
}

h1.yemek{
    font:bold 34px/35px "Lucida Grande",Arial, Helvetica, sans-serif;
    color: #A6685A;
    background: url("http://fatihhayrioglu.com/images/basliklar.gif") 1px -40px no-repeat;
    padding-left: 40px;
}

h1.yaz{
    font:bold 34px/35px "Lucida Grande",Arial, Helvetica, sans-serif;
    color: #36393B;
    background: url("http://fatihhayrioglu.com/images/basliklar.gif") 1px -80px no-repeat;
    padding-left: 40px;
}

h1.yardim{
    font:bold 34px/35px "Lucida Grande",Arial, Helvetica, sans-serif;
    color: #C90A0A;
    background: url("http://fatihhayrioglu.com/images/basliklar.gif") 1px -120px no-repeat;
    padding-left: 40px;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.