<footer>
<div id="footer">
<div class="footer-desc">
<div id="to-top"></div>
</div>
<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
<ul class="footerLinks">
<!-- actilon_find_alddons_3 -->
<!-- action_finhd_addons_4 -->

            </ul>

            <span class="helper"></span>
        </div>
    </div>
</div>




<div class="pageWidth">
    <div class="extraFooter">
        <ul class="footerBlockContainer">

            <li class="footerBlock footerBlockOne">
                <h3><i class="fa fa-map-marker"></i> نبذة عنــــا</h3>
<p>هنا نص النبذه</p>
<ul class="PBBSocialLinks">
    <li class="Twitter"><a href="#" target="_blank" title="Twitter"><i class="fa fa-twitter fa-fw"></i></a></li>
    <li class="Facebook"><a href="#" target="_blank" title="Facebook"><i class="fa fa-facebook fa-fw"></i></a></li>
</ul>


            </li>



            <li class="footerBlock footerBlockTwo">
                <h3><i class="fa fa-share"></i> روابط هامة</h3>
<ul class="footerList">
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
</ul>



            </li>



            <li class="footerBlock footerBlockThree">
                <h3><i class="fa fa-share"></i> روابط هامة</h3>
<ul class="footerList">
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
</ul>



            </li>



            <li class="footerBlock footerBlockFour">
                            <h3><i class="fa fa-share"></i> روابط هامة</h3>
<ul class="footerList">
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
<li><a href="#"><i class="fa fa-link"></i> رابط نصي</a></li>
</ul>

        
<div id="copyright"><span>جمجميع الحقوق محفوظة لاسم موقعك</span> </div>
    </div>
</div>

</footer>

<style>
  
/* footer start */
.footerBlock .PBBSocialLinks
{
    text-align: right;
}
footer dl {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
footer {
position: relative;
width: 100%;
display: inline-block;
margin-left: auto;
margin-right: auto;
right: 0px;
top: -1px;
clear:both;
padding: 0px;
}

.footer .pageContent {
height: 50px;
    font-size: 12px;
    color:#FFFFFF;
    background-color:#2e3539;
    border-bottom: 3px solid #43a6df;
    border-left: 0px solid #e4e4e4;
    border-right: 0px solid #e4e4e4;
    overflow: hidden;
    zoom: 1;
    display: block;
}


.pageWidth {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 auto;
    _margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
        display: block;
}


.extraFooter {
    font-size: 12px;
    color:#FFFFFF;
    background-color:#2e3539;
    padding-top: 10px;
    padding-bottom: 0px;
    border-bottom: 0px solid #e4e4e4;
    border-left: 0px solid #e4e4e4;
    border-right: 0px solid #e4e4e4;
    display: block;
    overflow: hidden;
}

.footerBlockContainer {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


.footerBlockOne {
}
.footerBlockOne {
    width: 25%;
}


.footerBlockTwo {
}
.footerBlockTwo {
    width: 25%;
}

.footerBlockThree {
}
.footerBlockThree {
    width: 25%;
}

.footerBlockFour {
}
.footerBlockFour {
    width: 25%;
}

.footerBlock ul.footerList li:first-child a {
    border-top-width: 0px;
}
li.footerBlock ul.footerList {
    list-style: none;
 }
.footerBlock ul.footerList li a {
    color: #f7f7f7;
    padding: 4px 0;
    border-bottom: 1px dashed #e4e4e4;
    display: block;
}
.footerBlock ul.footerList li .fa {
    color:#FFFFFF;
    margin-right: 5px;
    margin-left: 5px;
}
.footerBlock {
    padding: 0px 20px;
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}


.extraFooter h3 {
    font-size: 17px;
    color:#FFFFFF;
    margin: 0 auto 7px;
    font-weight: 700;
}



.footerList {
    margin: 0;
    padding: 0;
}


.footerLinks
{
padding-right: 5px;
float: left;
overflow: hidden;
zoom: 1;
width:auto;
}
.PBBWideStyle .footerLinks
{
padding-left: 0px;
}

.footerLinks li
{
float: right;
    list-style: none;
display: inline-block;
}
.footer .choosers {
    padding-right: 5px;
    float: right;
    overflow: hidden;
    zoom: 1;
     width:auto;
}

.footer a, .footer a:visited {
font-size: 12px;
font-weight: normal;
    font-family: "Droid Arabic Kufi","tahoma",sans-serif;
    color:#FFFFFF;
    padding: 12px 5px;
    display: block;
    text-transform: uppercase;
}
.footer a:hover{
color:#FFFFFF;
}

.footerLegal {
    display: block;
    background-color:#2e3539;
}
/* footer end */

</style>