<section id="highlight">
  <div class="client-main clear">
     
    <div class="container">
      <div class="row pad-top-100">
        <div class="col-md-1"></div>
        
        <div class="col-md-4 hidden-xs col-sm-5 animated" data-fx="fadeInUp">
          
          <div class="member-img-main">
            <img src="images/design.jpg" class="img-responsive" alt="design">
          </div>

        </div>
        
        
        <!-- <div class="col-md-1"></div> -->
         
        <article class="col-md-7 col-sm-7 animated" data-fx="fadeInUp">

          <div class="member-content">
            <h1><?php posttitle(5)?></h1>
            	<?php postmaindescription(5)?>
            <!-- member btn 1-->
            <div class="member-btn-main">
              <div class="mem-btn-box">
                <a href="<?php echo $globalConfig['baseurl'].'/تماس-با-ما';?>" title="تماس با نارنج سیستم">آماده ایم!</a>
                <div class="mem-btn-ovl"> <a href="<?php echo $globalConfig['baseurl'].'/تماس-با-ما';?>" title="تماس با نارنج سیستم">تماس با ما</a></div>
              </div>
            <!-- </div> -->

            <!-- member btn 2-->
            <!-- <div class="member-btn-main"> -->
              <div class="mem-btn-box-2">
                <a href="<?php echo $globalConfig['baseurl'].'/درباره-ما';?>" title="درباره نارنج سیستم بیشتر بدانید">بیشتر بدانید</a>
                <div class="mem-btn-ovl-2"> <a href="<?php echo $globalConfig['baseurl'].'/درباره-ما';?>" title="درباره نارنج سیستم بیشتر بدانید">درباره ما</a></div>
              </div>
            </div>

          </div>
        </article>
      </div>
    </div> 
  </div>
</section>
<!--========================================================================================
                                   highlight section started
=============================================================================================-->
<section id="highlight" class="page-section-main highlight-main-section">
  <div class="container">
    <div class="row pad-top-150 pad-bottom-150">

      <div class="col-md-1"></div>
      <div class="col-md-10 animated" data-fx="fadeInUp">
        <!-- ///////1st row hi/////////// -->
        <div class="row ">
          <!-- left box -->
          <div class="col-md-6 col-sm-6">
    
            <div class="hi-left-main">
              <div class="hi-left-main-box">
                <article class="hi-left-content">
                   <h4><?php posttitle(7)?></h4>
                  <P><?php postdescription(7)?></P>
                </article>
                <div class="hi-left-icon-ring">
                  <img src="images/highlight/01.png" class="img-responsive" alt="hi">
                </div>
              </div>
            </div>
          </div>
          
          <!-- right box -->
          <div class="col-md-6 col-sm-6">

            <div class="hi-right-main">
              <div class="hi-right-main-box">
                <article class="hi-right-content">
                  <h4><?php posttitle(6)?></h4>
                  <P><?php postdescription(6)?></P>
                </article>
                <div class="hi-right-icon-ring">
                  <img src="images/highlight/02.png" class="img-responsive" alt="hi">
                </div>
              </div>
            </div>
          </div>

        </div>
        <!--///////// 2nd row started ////////-->
         <div class="row">
          <!-- left box -->
          <div class="col-md-6 col-sm-6 hi-second-row">

            <div class="hi-left-down-main">
              <div class="hi-left-down-main-box">
                <article class="hi-left-down-content">
                   <h4><?php posttitle(9)?></h4>
                  <P><?php postdescription(9)?></P>
                </article>
                <div class="hi-left-down-icon-ring">
                  <img src="images/highlight/03.png" class="img-responsive" alt="hi">
                </div>
              </div>
            </div>
          </div>
          <!-- right box -->
          <div class="col-md-6 col-sm-6 hi-second-row">

            <div class="hi-right-down-main">
              <div class="hi-right-down-main-box">
                <article class="hi-right-down-content">
                   <h4><?php posttitle(8)?></h4>
                  <P><?php postdescription(8)?></P>
                </article>
                <div class="hi-right-down-icon-ring">
                  <img src="images/highlight/04.png" class="img-responsive" alt="hi">
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>
      <div class="col-md-1"></div>

    </div>
  </div>
</section>