<section id="service" class="page-section-main">
  <div class="main-services pad-top-150 pad-bottom-100">

    <div class="container">
      <div class="row">
        <!-- main heading -->
        <div class="col-md-9 col-xs-12 col-sm-12 pad-top-25">

          <div class="row">
            <!-- ser 1 -->
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/idea.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
                <h2><?php posttitle(12);?></h2>
                <p><?php postdescription(12);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
            <div class="clear"></div>
            <!-- ser 2 -->
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/design.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
                <h2><?php posttitle(13);?></h2>
                <p><?php postdescription(13);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
			<div class="clear"></div>
            <!-- ser 3 -->
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/redesign.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
               <h2><?php posttitle(14);?></h2>
                <p><?php postdescription(14);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
			<div class="clear"></div>
            <!-- ser 4 -->
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/coding.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
               <h2><?php posttitle(15);?></h2>
                <p><?php postdescription(15);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
			<div class="clear"></div>
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/first test.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
                <h2><?php posttitle(16);?></h2>
                <p><?php postdescription(16);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
            <div class="clear"></div>
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/last test.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
                <h2><?php posttitle(17);?></h2>
                <p><?php postdescription(17);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
            <div class="clear"></div>
            <div class="ser-content-main">
              <div class="col-md-2 col-xs-3 col-sm-2">
                <div class="ser-box"> <img src="images/service/enjoy.png" class="img-responsive" alt="service"> </div>
              </div>
              <article class="col-md-10 col-xs-9 col-sm-10">
                <h2><?php posttitle(18);?></h2>
                <p><?php postdescription(18);?></p>
              </article>
              <!-- <div class="col-md-1"></div> -->
            </div>
            <div class="clear"></div>
          </div>
        </div>
        
        <div class="col-md-3 col-xs-12 col-sm-12 animated" data-fx="fadeInUp">
          <div class="main-head">
            <h1><?php posttitle(11);?></h1>
            <h2>دقیقا همان چیزی که میخواهید</h2>
            <p><?php postmaindescription(11);?></p>
          </div>
        </div>

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