<section id="contact" class="page-section-main">
  <div class="con-main-section">
    <!-- owl section started -->
    <div class="contact_owl">
      <!-- slide 1st -->
      <div class="contact_item con-owl-slide-1">
        <div class="con-details-main">

          <div class="container">
            <!-- head main -->
            <div class="row pad-top-100">
              <div class="col-md-12 col-xs-12">

                <div class="con-head-main animated" data-fx="fadeInUp">
                  <h1>تماس با ما</h1>
                  <h2>هر سوالی داشتید با ما در میان بگذارید</h2>
                </div>
              </div>
            </div>
            <!-- content main -->
            <div class="row">
              
              <!-- contact feld -->
              <!-- address area -->
              <div class="col-md-6 hidden-xs col-sm-6">
                <div class="con-add-main">
                   <div class="con-add-img"><img src="images/icon/05.png" class="img-responsive" alt="contact"></div>
                   <div class="con-add-conent">
                      <h4>گروه برنامه نویسی نارنج سیستم</h4>
                      <h5>ایران تهران میدان انقلاب</h5>
                      <h5>کوچه ژاندارمری پلاک 117 طبقه سوم</h5>
                     
                   </div>

                  <div class="con-add-img-sub"><img src="images/icon/06.png" alt="contact"></div>
                  <div class="con-add-conent-sub">
                   <h5>+98 21 6646 9047</h5>
                  </div>
                  
                  <div class="con-add-img-sub"><img src="images/icon/06.png" alt="contact"></div>
                  <div class="con-add-conent-sub">
                   <h5>+98 21 6647 5962</h5>
                  </div>
                  
                  <div class="con-add-img-sub"><img src="images/icon/07.png" alt="contact"></div>
                  <div class="con-add-conent-sub">
                   <h5>+98 5000 255</h5>
                  </div>
                  
                  <div class="con-add-img-sub"><img src="images/icon/06.png" alt="contact"></div>
                  <div class="con-add-conent-sub">
                   <h5>+1 604 880 7778</h5>
                  </div>

                  <div class="con-add-img-sub"><img src="images/icon/07.png" alt="contact"></div>
                  <div class="con-add-conent-sub">
                   <h5>info@narenjsystem.com</h5>
                  </div>
                </div>
              </div><!-- address finished --> 
              <!-- content -->
            <div class="col-md-6 col-xs-12 col-sm-6 pad-top-50">
              <article class="row">
              <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div id="fname"  class="theme-error error">
                        لطفا نام را وارد کنید
                </div>
                <div id="fmail" class="theme-error  error">
                        لطفا یک ایمیل معتبر وارد کنید
                 </div>
                <div id="fmsg" class="theme-error  error">
                        پیام خود را وارد کنید
                </div>
                <div class="theme-error failure" id="failure">
                            چند لحظه صبر کنید
                </div>
                <div class="clear"></div>
                <div id="result"></div>                      
              </article> 
            </article>
              <form name="myform" id="contactForm" action="ajax.php?act=contactform" enctype="multipart/form-data" method="post">
                <div class="con-box-main">
                  <!-- name box -->
                  <div class="con-in-box">
                    <!-- <div class="con-icon-box"> <i class="icon-user7"></i> </div> -->
                     <input placeholder="نام" type="text" id="name" name='name'>
                  </div>
                  <!-- subject box -->
                  <div class="con-in-box">
                    <!-- <div class="con-icon-box"> <i class="icon-paperclip"></i> </div> -->
                     <input placeholder="ایمیل" type="text" id="email" name='email'>
                  </div>
                  <div class="con-in-box">
                    <!-- <div class="con-icon-box"> <i class="icon-user7"></i> </div> -->
                     <input placeholder="شماره تماس" type="text" id="phone" name='phone'>
                  </div>
                   <!-- text area box -->
                  <div class="con-in-box-text">
                    <!-- <div class="con-icon-box-text"> <i class="icon-pencil3"></i> </div> -->
                     <textarea placeholder="پیام*" id="message" name="message"></textarea>
                  </div>
                  <!-- button box -->
                  <a id="submit" href="#">
                    <div class="con-in-box-btn">
                      <span>ارسال</span>
                    </div>
                  </a>
                </div>
              </form>
            </div>
              <!-- contact form finished -->
              
            </div>
          </div>
        </div>
        <div class="hidden contact-item-name" data-order="1"><p>تماس</p></div>
      </div>
  
      
      <!-- all contact section slide completed -->
     </div>
  </div>
</section>