فوتر دليل انكور للمواقع

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