[لاول مره] : بوابة تطويريه زرقاء من تحويل منتدى جلوبال التطويري

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<div align="center">
    
   <div class="wrap">
       
      <div class="header">
          
         <div class="logo">
             <a href="index.html"><img src="http://i39.servimg.com/u/f39/15/34/86/24/8111.png" alt="" title="" border="0" /></a> 
         </div>
          
      </div>
       
      <div id="menu">
          
         <ul>
             
            <li class="selected">
                <a href="http://global.ibda3.info">الرئيسيه</a> 
            </li>
             
            <li>
                <a href="http://global.ibda3.info/forum">جلوبال </a> 
            </li>
             
            <li>
                <a href="http://vuasv.yoo7.com">شركة vuasv</a> 
            </li>
             
            <li>
                <a href="http://global.ibda3.info/f16-montada">عالم الاكواد</a> 
            </li>
             
            <li>
                <a href="http://global.ibda3.info/f14-montada">عالم الاستايلات</a> 
            </li>
             
            <li>
                <a href="http://global.ibda3.info/f27-montada">دليل مواقع</a> 
            </li>
             
            <li>
                <a href="http://global.ibda3.info/f39-montada">تطوير المدونات</a> 
            </li>
             
         </ul>
          
      </div>
       
      <div class="tab_bg">
          
         <div class="tab_left">
             <img src="http://templaty.com/examples/web-templates/turrion/images/big_icon.png" alt="" title="" class="big_icon" border="0" /> 
         </div>
          
         <div class="middle_text">
             
            <h1>
                منتدى جلوبال التطويري 
            </h1>
             
            <p>
                اهلا وسهلا بكم في منتدى جلوبال التطويري منتدى تطويري اشهاري صنع لخدمة الجميع من اكواد و استايلات و شروحات و تقنيات حديثه 
            </p>
             
         </div>
          
         <div class="tabs">
             
            <div class="tab">
                <img src="http://templaty.com/examples/web-templates/turrion/images/icon1.png" alt="" title="" class="tab_icon" border="0" /> 
               <p class="tab_text">
                   <a href="http://global.ibda3.info/f5-montada">القسم العام</a><br />قسم لجميع المواضيع التي ليس لها قسم معين 
               </p>
                
            </div>
             
            <div class="tab">
                <img src="http://templaty.com/examples/web-templates/turrion/images/icon2.png" alt="" title="" class="tab_icon" border="0" /> 
               <p class="tab_text">
                   <a href="http://global.ibda3.info/c3-category">الاقسام التطويريه </a><br />اقسام تساعدك على ادارة منتداك من شروحات و اكواد و استايلات 
               </p>
                
            </div>
             
            <div class="tab">
                <img src="http://templaty.com/examples/web-templates/turrion/images/icon3.png" alt="" title="" class="tab_icon" border="0" /> 
               <p class="tab_text">
                   <a href="http://global.ibda3.info/f27-montada">دليل المواقع</a><br />لاشهار موقعك و جلب الزوار و العملاء اليه 
               </p>
                
            </div>
             
         </div>
          
         <div class="clear">
             
         </div>
          
      </div><br /> 
      <div id="footer">
          
         <div class="footer_links">
             <br /> 
         </div>
          
         <div class="copyright"><a href="http://csstemplatesmarket.com"><img src="images/csstemplatesmarket.gif" alt="" title="" border="0" /></a><br />
            <div style="text-align: center;">
               جميع الحقوق محفوظه لـ<a href="http://global.ibda3.info">منتدى جلوبال التطويري</a> 
            </div>
             
         </div>
          <style>


html{
background:url(http://templaty.com/examples/web-templates/turrion/images/html_bg.jpg) repeat;
}
body
{
background:url(http://templaty.com/examples/web-templates/turrion/images/bg.jpg) repeat-x top;
font-family:�������, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000;
}
a{
color:#d73508;
text-decoration:none;
}
h1{
font-size:30px;
margin:0px;
padding:10px 0 10px 0;
color:#FFFFFF;
font-weight:normal;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
.wrap{
width:880px;
margin:auto;
padding:0 40px 0 40px;
background:url(http://templaty.com/examples/web-templates/turrion/images/header_bg.jpg) no-repeat top left;
}
.header{
width:880px;
height:80px;
}
.logo{
padding:20px 0 0 0px;
float:right;
}
/*-----------------------------menu-------------------*/
#menu{
width:880px;
height:38px;
background:url(http://templaty.com/examples/web-templates/turrion/images/menu_bg.jpg) no-repeat center;
margin:auto;
clear:both;
float:right;
font-family: Tahoma;
}
#menu ul{
width: auto;
float:right;
display:block;
list-style:none;
padding:2px 130px 0 0;
margin:0px;
text-align:center;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:37px;
}
#menu ul li a{
display:block;
padding:0px;
padding:0 17px 0 17px;
float:right;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
}
#menu ul li.selected a{
display:block;
padding:0px;
padding:0 17px 0 17px;
float:right;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
background:url(http://templaty.com/examples/web-templates/turrion/images/bt_a.jpg) no-repeat center;
}
#menu ul li a:hover{
color:#fff;
text-decoration:none;
background:url(http://templaty.com/examples/web-templates/turrion/images/bt_a.jpg) no-repeat center;
}
/*----------------tab_bg---------*/
.tab_bg{
width:880px;
height:237px;
clear:both;
margin:15px 0 0 0;
float:right;
font-family: Tahoma;
background:url(http://templaty.com/examples/web-templates/turrion/images/tab_bg.jpg) no-repeat center;
}
.tab_left{
width:225px;
float:right;
padding:25px 10px 0 0;
}
.middle_text{
width:300px;
float:right;
padding:10px 10px 0 0;
}
.middle_text p{
color:#FFFFFF;
}
.tabs{
width:276px;
float:left;
padding:10px 0 0 25px;
}
.tab{
display:block;
width:276px;
height:67px;
margin:0 0 4px 0;
background:url(http://templaty.com/examples/web-templates/turrion/images/tab_bg.png) no-repeat center bottom;
_background:url(http://templaty.com/examples/web-templates/turrion/images/tab_bg.gif) no-repeat center bottom;
text-decoration:none;
}
p.tab_text{
width:190px;
color:#FFFFFF;
padding:20px 10px 0 0;
}
p.tab_text a{
font-size:14px;
font-weight:bold;
color:#deff6b;
text-decoration:none;
}
img.tab_icon{
float:right;
padding:0px 5px 0 0px;
}
span.green{
font-size:14px;
font-weight:bold;
color:#deff6b;
}
/*-------------------center_content------------*/
.center_content{
width:880px;
clear:both;
padding:0 0 50px;
font-family:Tahoma;
}
.left_content{
width:400px;
float:right;
padding:10px 0 0 20px;
}
.right_content{
width:400px;
float:left;
padding:10px 0 0 30px;
}
.title{
color:#313e40;
font-size:18px;
padding:15px 0 0 0;
clear:both;
}
.title span{
color:#d54525;
}
.read_more_tab{
width:400px;
height:19px;
text-align:left;
padding:0 0 0 10px;
line-height:19px;
}
.read_more_tab a{
text-decoration:none;
color:#65ad0f;
}
.list_tab{
width:370px;
float:left;
clear:both;
padding:10px 0 10px 0;
}
p.list{
width:335px;
float:right;
padding:0 10px 0 0;
}
img.arrow{
width:23px;
float:right;
padding:5px 0 0 0px;
}


/*-----------------testimonials-----------------*/
.testimonials{
width:375px;
_width:365px;
background:url(http://templaty.com/examples/web-templates/turrion/images/quotes_right.gif) no-repeat right top;
padding:0 30px 0 0;
float:right;
margin:15px 15px 5px 0;
_margin:15px 5px 5px 0;
}
.testimonials p{
background:url(http://templaty.com/examples/web-templates/turrion/images/quotes_left.gif) no-repeat left bottom;
padding:0 25px 15px 0;
color:#D94F25;
font-style:italic;
}
.test_author{
float:left;
padding:0 25px 0 0;
font-style:italic;
color:#000;
}

img.phone_icon{
float:right;
}
.info_box{
padding:10px 0 0 0;
}
p.info{
float:right;
padding:0 0 0 10px;
line-height:23px;
}
span.red{
color:#D94F25;
font-size:12px;
font-weight:bold;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width:880px;
height:65px;
margin:auto;
color:#003156;
border-top:1px #B2BFA7 dotted;
font-family:Tahoma;
}
.copyright{
float:left;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #003156;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #003156;
}



<style/>


</div>
</body>

</html></style> 
      </div>
       
   </div>
</div>