  <section id="content">
        <div class="ic">More Website Templates @ TemplateMonster.com. December10, 2011!</div>
        <div class="content-bg">
          <div class="main">
            <div class="container_12">
              <div class="wrapper">
                <article class="grid_4">
                <div dir="rtl">
                  <h3>مجموعه الاداره!</h3>
                  <div class="wrapper indent-bot2">
                    <figure class="img-indent"><a href="#"><img class="img-border" src="<?php echo base_url();?>template/ar/images/page2-img1.jpg" alt="" /></a></figure>
                    <div class="extra-wrap"> <span class="text-2">Director</span>
                      <h4 class="p1">Mary Ryan</h4>
                      Ut vero eos et accusamus et iusto odio dignissimos ducimus. </div>
                  </div>
                  <div class="wrapper indent-bot2">
                    <figure class="img-indent"><a href="#"><img class="img-border" src="<?php echo base_url();?>template/ar/images/page2-img2.jpg" alt="" /></a></figure>
                    <div class="extra-wrap"> <span class="text-2">Senior Assistant</span>
                      <h4 class="p1">Thomas dylan</h4>
                      Ut vero eos et accusamus et iusto odio dignissimos ducimus. </div>
                  </div>
                  <div class="wrapper indent-bot2">
                    <figure class="img-indent"><a href="#"><img class="img-border" src="<?php echo base_url();?>template/ar/images/page2-img3.jpg" alt="" /></a></figure>
                    <div class="extra-wrap"> <span class="text-2">Junior Researcher</span>
                      <h4 class="p1">Markus Smith</h4>
                      Ut vero eos et accusamus et iusto odio dignissimos ducimus. </div>
                  </div>
                  <div class="wrapper">
                    <figure class="img-indent"><a href="#"><img class="img-border" src="<?php echo base_url();?>template/ar/images/page2-img4.jpg" alt="" /></a></figure>
                    <div class="extra-wrap"> <span class="text-2">Analyst</span>
                      <h4 class="p1">Helen Doe</h4>
                      Ut vero eos et accusamus et iusto odio dignissimos ducimus. </div>
                  </div>
                  </div>
                </article>
                
                <article class="grid_8">
                 <?php  
					                	$social_q= $this->fun->getone('posts',$id);
					                	if($social_q!=FALSE){
					                	foreach($social_q->result() as $row):
                                        endforeach;
                                        }
				             
									   
                                   ?>
                  <div class="indent-left2" dir="rtl">
                    <h3><?php echo $row->name_ar?></h3>
                  </div>
                  <div class="wrapper indent-bot">
                                

                    <article class="grid_8" >
                      <div class="indent-left2" dir="rtl" style="padding-right: 20px;">
                        <figure class="p2"></figure>
                        
                        <?php if($row->pic){?><img style="float: right;padding-left: 5px;" width="280" height="209" class="img-border" src="<?php echo base_url();?>uploads/posts/<?php echo $row->pic?>" alt="<?php echo $row->name_ar?>" /><?php }?>
                       <?php echo $row->details_ar?>
                      </div>
                    </article>
                    
                    
                    
                  </div>
                  
                  
                  
                  <!--</a><div class="wrapper">
                    <article class="grid_4 alpha">
                      <div class="indent-left2">
                        <ul class="list-1" dir="rtl">
                          <li><a href="#">At vero eos et accusamus et iusto</a></li>
                          <li><a href="#">Dignissimos ducimus qui blanditiis prae</a></li>
                        </ul>
                      </div>
                    </article>
                    <article class="grid_4 omega">
                      <div class="indent-left2">
                        <ul class="list-1" dir="rtl">
                          <li><a href="#">At vero eos et accusamus et iusto</a></li>
                          <li><a href="#">Dignissimos ducimus qui blanditiis prae</a></li>
                        </ul>
                      </div>
                    </article>
                  </div>-->
                </article>
              </div>
            </div>
          </div>
          <div class="block"></div>
        </div>
      </section>
    </div>