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