Mini Shell

<?IncludeTemplateLangFile(__FILE__);?>
			 <!-- Features start -->  
            <div class="features bottom-pad">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <h3  class="title"><?=GetMessage("OUR_SERVICES")?></h3>
                        <div class="row">
                           <div class="circular-nav">
                              <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 animate_afl">
                                 <div id="cn-tabs">
								   <?if (CModule::IncludeModule("iblock")) $mod=true;
								       $c = 0;
						               $res = CIBlockElement::GetList(Array("SORT"=>"ASC"), array("ACTIVE"=>"Y", "IBLOCK_ID"=>9));  
		                               while($ar_fields = $res->GetNext()){
									     $c++;
									   ?>
                                    <div class="service service-<?=$c?>">
                                       <div class="cn-content">
                                          <h4><?=$ar_fields["NAME"]?></h4>
                                          <?=$ar_fields["PREVIEW_TEXT"]?>
										  <br/>
                                          <a href="<?=SITE_DIR?>services/<?=$ar_fields["CODE"]?>/"><?=GetMessage("GO_TO")?><i class="fa fa-angle-right"></i><i class="fa fa-angle-right"></i></a>
                                          <div class="clearfix"></div>
                                       </div>
                                       <div class="clearfix"></div>
                                    </div>
									<?}?>
                                 </div>
                                 <div class="clearfix"></div>
                              </div>
                              <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1 animate_afr">
                                 <div class="cn-wrapper">
                                    <ul>
                                       <li class="circle-1 circle"><a class="active" href="#"><span class="fa fa-picture-o"></span></a></li>
                                       <li class="circle-2 circle"><a href="#"><span class="fa fa-rocket"></span></a></li>
                                       <li class="circle-3 circle"><a href="#"><span class="fa fa-puzzle-piece"></span> </a></li>
                                       <li class="circle-4 circle"><a href="#"><span class="fa fa-thumbs-o-up"></span></a></li>
                                       <li class="circle-5 circle"><a href="#"><span class="fa fa-html5"></span></a></li>
                                       <li class="circle-6 circle"><a href="#"><span class="fa fa-user"></span></a></li>
                                       <li class="circle-7 circle"><a href="#"><span class="fa fa-google-plus"></span> </a></li>
                                       <li class="circle-8 circle"><a href="#"><span class="fa fa-envelope-o"></span></a></li>
                                       <li class="circle-9 circle"><a href="#"><span class="fa fa-hand-o-right"></span></a></li>
                                    </ul>
                                    <div class="clearfix"></div>
                                 </div>
                              </div>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Features End -->