@NifWeb; tarafından teslim edilmiştir.

Elimizde resimdeki gibi bir şablonun kodları var bu kodlar üzerinden şablonun css kodları aynısı olucak şekilde oluşturulucaktır. 15 tl verilcektir.

Şablon:
Kod :
<!DOCTYPE html>
<html>
<head>

<link href="main.css" type="text/css" rel="stylesheet"/>
</head>
<center>
<body>


<div class="box col-12">
<div class="row">
<div class="box col-6 col-sm-12 renkliAlan">
<h3><span style="color: #333333;">&Uuml;r&uuml;n A&ccedil;ıklaması</span></h3>

<div class="fl col-12 tabGri"><span class="fl renkliBaslik">Aksesuar</span> <span class="fr renkliIcerik">Kemer</span></div>

<div class="fl col-12 tabBeyaz"><span class="fl renkliBaslik">Kumaş</span> <span class="fr renkliIcerik">%100 Polyester</span></div>

<div class="fl col-12 tabGri"><span class="fl renkliBaslik">Mevsim</span> <span class="fr renkliIcerik">İlkbahar-Yaz</span></div>
</div>

<div class="box col-6 col-sm-12 renkliAlan">
<h3><span style="color: #333333;">Manken Bilgileri</span></h3>

<div class="box p-left pinkBg col-12">
<div class="fl box col-2 beyazText">Bilgi</div>

<div class="fl box col-2 beyazText">Boy</div>

<div class="fl box col-2 beyazText">G&ouml;ğ&uuml;s</div>

<div class="fl box col-2 beyazText">Bel</div>

<div class="fl box col-2 beyazText">Basen</div>

<div class="fl box col-2 beyazText">Beden</div>
</div>

<div class="box p-left whiteBg col-12">
<div class="fl box col-2 detayText fw600">&Uuml;r&uuml;n&nbsp;</div>

<div class="fl box col-2 detayText">102</div>

<div class="fl box col-2 detayText">120</div>

<div class="fl box col-2 detayText">114</div>

<div class="fl box col-2 detayText">124</div>

<div class="fl box col-2 detayText">44</div>
</div>

<div class="box p-left tabGri col-12">
<div class="fl box col-2 detayText fw600">Manken&nbsp;</div>

<div class="fl box col-2 detayText">180</div>

<div class="fl box col-2 detayText">85</div>

<div class="fl box col-2 detayText">70</div>

<div class="fl box col-2 detayText">95</div>

<div class="fl box col-2 detayText">38</div>
</div>
</div>
</div>
</div>

</body>
</html>