<section id="home">
  <div class="autoheight-normal">
    <div class="autoheight-normal para-ovl-bg">
    
      <!-- HOME MLT PARALLAX AREA -->
      <section ID="mlti-parallax">
      <nav class="right-nav splash-section hidden-xs hidden-sm">
        <ul class="vertical-center scrolling-links" style="padding-top: 58.1818px; margin-top: 58.1818px; z-index:9999999;">

          <li><i class="icon-home"></i>
            <div class="top-hover-nav">
              <a href="#home" data-soffset="70" class="scroll-link">خانه</a>
            </div>
          </li>

          <li><i class="icon-pen"></i>
            <div class="top-hover-nav">
              <a href="#highlight" data-soffset="70" class="scroll-link">درباره ما</a>
            </div>
          </li>

          <li><i class="icon-cog"></i>
            <div class="top-hover-nav">
              <a href="#service" data-soffset="70" class="scroll-link">خدمات</a>
            </div>
          </li>

          <li><i class="icon-tags"></i>
            <div class="top-hover-nav">
              <a href="#price" data-soffset="70" class="scroll-link">قیمت ها</a>
            </div>
          </li>

          <li><i class="icon-suitcase"></i>
            <div class="top-hover-nav">
              <a href="#portfolio" data-soffset="70" class="scroll-link">نمونه کار</a>
            </div>
          </li>

          

          <li><i class="icon-phone-hang-up"></i>
            <div class="top-hover-nav">
              <a href="#contact" data-soffset="70" class="scroll-link">تماس با ما</a>
            </div>
          </li>

        </ul>
      </nav>
        <div class="home-parallax-main" style="">
        
          <div id="para-home">
          
            <div class="home-bg-parallax resp-fix" data-velocity="-.3" data-mypos="33%"></div>
            
            <div class="home-bg-parallax" data-velocity="-.5" data-mypos="100%"></div>
            <div class="home-bg-parallax" data-velocity="-.7" data-mypos="10%"></div>
            <div class="home-bg-parallax" data-velocity="-.6" data-mypos="80%"></div>
            <div class="home-bg-parallax" data-velocity="-.8" data-mypos="65%"></div>
            <div class="home-bg-parallax" data-velocity="-.4" data-mypos="50%"></div>
          </div>
          
        </div>
        
      </section>
    </div>

      <!-- content area -->

      <!-- parent height -->
      <div class="para-page-win-ht">
        <div class="para-home-main">
          <div class="container">
            <div class="row"> 
              <div class="col-md-8 col-xs-12">
                <div class="para_owl">
                  <!-- slide 1 -->
                  <div class="para-home-text-main">
                    <div class="para-home-text">
                      <h1><?php posttitle(1)?><span></span></h1>
                      <p><?php postdescription(1)?></p>
                    </div>
                    <img src="images/star_logo.png" class="img-responsive hidden-xs" alt="home-logo">
                  </div>
                   <!-- slide 2 -->
                   <div class="para-home-text-main">
                  <div class="para-home-text">
                    <h1><?php posttitle(2)?><span></span></h1>
                    <p><?php postdescription(1)?></p>
                    </div>
                    <img src="images/star_logo.png" class="img-responsive hidden-xs" alt="home-logo">
                  </div>
                  <!-- slide 3 -->
                  <div class="para-home-text-main">
                    <div class="para-home-text">
                    <h1><?php posttitle(3)?><span></span></h1>
                    <p><?php postdescription(3)?></p>
                    </div>
                    <img src="images/star_logo.png" class="img-responsive hidden-xs" alt="home-logo">
                  </div>
                  
                  <!-- slide 4 -->
                  <div class="para-home-text-main">
                    <div class="para-home-text">
                    <h1><?php posttitle(4)?><span></span></h1>
                    <p><?php postdescription(4)?></p>
                    </div>
                    <img src="images/star_logo.png" class="img-responsive hidden-xs" alt="home-logo">
                  </div>
                  <!-- slides completed -->
                </div>
              </div>
              <div class="col-md-4"></div>
            </div>
          </div>
        </div>
      </div>

  </div>

</section>