النسخة الاخيرة لقالب برو ايوب

<style>
#fbar {
list-style-type: none;
list-style: none;
margin: -26px -10px 0px -6px;
background: #fff;
padding: 0px;
width: 347px;
margin-left: 12px;
}
#fbar0 {list-style-type:none;list-style: none;margin:-9px -10px -1px -10px;background:#fff;padding:0px;
}
#fbar1 {
float: right;
width: 50%;
display: block;
height: 380px;
}
#fbar1 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar2 ul{list-style-type:none;list-style: none;margin:0px;background:#fff;}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
#fbar ul li a {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#fbar0 {
list-style-type: none;
list-style: none;
padding: 0px;
width: 50%;
margin: 0px 280px 10px 10px;
}
#fbar2 {
width: 50%;
display: block;
}
#fbar2 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
li.lb1 {
margin-top: 22px;
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
#fbar0 ul li a {
color: #848484;
font-size: 25px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
i.icon-home {
font-size: 32px;
}
i.icon-dollar{
font-size: 32px;
}
i.icon-info{
font-size: 32px;
}
i.icon-ayoub{
font-size: 32px;
}
i.icon-c-us{
font-size: 32px;
}
i.icon-soal-plus{
font-size: 32px;
}
i.icon-map-marker{
font-size: 32px;
}
</style>
<div id="fbar">

<div id="fbar1">
<ul>
<li class="lb"><a target="_blank" rel="nofollow" href="https://www.twitter.com/blogproayoub"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="https://www.facebook.com/blogproayoub"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="https://www.youtube.com/user/blogproayoub"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li>
<li class="lb">
</li>
<li class="lb"><a target="_blank" rel="nofollow" href="https://plus.google.com/113119554600079673075"><img src="http://im77.gulfup.com/DMh8Je.png" /></a></li>
<li class="lb">
</li>
</ul></div>
<div id="fbar0">
<div id="fbar2">
<ul>
<li class="lb1"><a target="_blank" href="http://www.proayoub.com/"><i class="icon-home"></i>الرئيسية</a></li>

<li class="lb1"><a target="_blank" rel="nofollow" href="https://khamsat.com/user/good-jobs"><i class="icon-dollar"></i>خدماتنا</a></li>


<li class="lb1"><a target="_blank"  href="http://www.proayoub.com/p/contact-us.html"><i class="icon-c-us"></i>راسلنا</a></li>

<li class="lb1"><a target="_blank" href="#"><i class="icon-soal-plus"></i>إسأل !</a>
</li>

<li class="lb1"><a target="_blank" href="http://www.proayoub.com/p/ayoub-boulaich.html"><i class="icon-ayoub"></i>من أنا؟</a></li>

<li class="lb1"><a target="_blank" href="#"><i class="icon-info"></i>استفسر</a>
</li>

<li class="lb1"><a target="_blank" href="#"><i class="icon-map-marker"></i>أعلن !</a>
</li>
</ul>
</div>
</div>
</div>

<style>
.ayoub img {
text-align: center;
margin-right: -16px;
}
</style>
<div class="ayoub">
<img src="http://1.bp.blogspot.com/-2UByA7ChJnQ/U61VrFOpPzI/AAAAAAAAAXg/YjAbEELWK1U/s1600/ayoub+boulaich+logo.png"/>
</div>
<style>
#social-wrapper {
padding: 10px 0 0;
overflow: hidden;
margin-right: 45px;
}
.social-icons.sticky-social {
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
display: block;
text-align:center;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
margin: 0 3.5px !important;
}
.social-icons a {
background-color: #dadada;
float:right;
}
.social-icons a.facebook {
background-image: url(http://3.bp.blogspot.com/-pdQxvxA7dds/U0ieyygWJrI/AAAAAAAAAGc/3KI36bc8hno/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(http://2.bp.blogspot.com/-qEwCYfxBfPM/U0ie0ZQki3I/AAAAAAAAAG8/fuhSYM5vbIQ/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.khamsat {
background-image: url(http://1.bp.blogspot.com/-tCRRoKAMJzY/U0H3L_VBLxI/AAAAAAAACqM/i2qw58_cPtE/s1600/kmst.png);
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
</style>
<div id="social-wrapper">
<div class="social-icons sticky-social">
<a class="facebook" href="https://www.fb.com/boulaich.ayoub" target="_blank" rel="nofollow">
</a><a class="twitter" href="https://www.twitter.com/blogproayoub" target="_blank" rel="nofollow">
</a><a class="khamsat" href="https://www.khamsat.com/user/ayoubb" target="_blank" rel="nofollow">
</a></div>
</div>
<div id="call-wrapper">
<a style="font: 24px;color:#fff;text-align: center;">212611051511+</a><a href="#"><img src="http://www.dits.co.th/ip-pbx/images/callcenter-icon.png" /></a>
</div>
<style>
#call-wrapper {
margin: 0 auto;
text-align: center;
margin-top: 12px;
margin-left: -13px;
}
#call-wrapper a {
font-size: 20px;
}
#call-wrapper img {
width: 30px;
height: 30px;
}
</style>

<div class="mawa9i3-tad3amona">
<ul>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.proayoub.com/"><u class="icon-link"></u>اعلن هنا</a></li>
</ul>
<div>
<style>
.mawa9i3-tad3amona {
float: right;
}
.mawa9i3-tad3amona ul {
text-align: right;
width: 190px;
}
.mawa9i3-tad3amona ul li {
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
.mawa9i3-tad3amona ul li a {
color: #fff;
font-size: 15px;
}
u.icon-link {
font-size: 25px;
margin-left: 12px;
}
</style></div></div>

label1 = "internet";