Zlecę wykonanie LANDING PAGE pod pobieranie

Kod:

body {

background-image: url("/assets/images/light_grain.png")

}



.dl_button {

background-color: #1e5799;

border-color: #428bce;

}



.dl_button:hover {

background-color: #428bca;

border-color: #428bce;

}



.head_bar{

 background: #1e5799;

 box-shadow: 5px 5px 5px #888888;

}



.head_holder{

 max-width:900px;

 margin: 0 auto;

 font-size:25px;

 color:white;

 padding:5px;

}



.content{

 max-width:900px;

 margin: 20px auto 5px;

background-color: #F5F5F5;

    border: 1px solid #E3E3E3;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;

 padding:20px;

}



.offerlst{

 background-color: white;

 border: 1px solid grey;

 border-radius: 4px 4px 4px 4px;

 box-shadow: 1px 1px 2px grey;

    margin-bottom: 20px;

    min-height: 20px;

    padding: 20px;

}

Kod:

<div class="head_bar">

 <div class="head_holder">

<span class="glyphicon glyphicon-fire"></span> FileUnlckr

 </div>

</div>

<div class="content">

<div style="padding:20px;">

<table width="100%">

<tr valign="top">

<td width="400">

<span style="margin-right:30px; font-size: 50px; float:left;" class="glyphicon glyphicon-folder-open"></span>

<div id="txtheader">{%header_text%}</div>

<br/>

<div class="offerlst">{%offers%}</div>

<div id="smallTitle">{%anchor_text%}</div>

</td>

<td width="20"></td>

<td>

<div class="offerlst">

<div style="font-weight:bold; font-size:20px;"><i class="glyphicon glyphicon-hand-up"></i> Step 1: <span style="font-size:15px; font-weight:normal;"><strong>Click "Begin Download"</strong> - View available offers in your region.</span>

                        </div>

                        

                    </div>

                    <div class="offerlst">

                        <div style="font-weight:bold; font-size:20px;"><i class="glyphicon glyphicon-tasks"></i> Step 2: 

                            <span style="font-size:15px; font-weight:normal;"><strong>Unlock the Download!</strong> - Your download will be unlocked upon valid participation in the offer of your choice.</span>

                        </div>

                    </div>

                    <div class="offerlst">

                        <div style="font-weight:bold; font-size:20px;"><i class="glyphicon glyphicon-ok"></i> Step 3: 

                        <span style="font-size:15px; font-weight:normal;"><strong>Done!</strong> - Your file will start to download!</span></div>

                    </div>

                </td>

            </tr>

        </table>

    </div>

</div>