<div class="nav-waypoint">
    <section id="contact-section" class="about-section content-section ha-waypoint services">
           <div class="grid-container">

            <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                <header class="section-header"><br><br><br>
                    <h2 class="section-title"><span>Контакты</span></h2>
                    <p class="section-slogan">Если вы не можете позвонить, пожалуйста, оставьте свой телефон через форму обратной связи, мы вам перезвоним</p>
                </header>
            </div>
           
            <div class="grid-parent grid-100 mobile-grid-100 tablet-grid-100">
            <div class="contact-form-holder clearfix">
           
           
           
            <form id="contact-form" class="contact-form">
           
                <ul class="grid-50">
               
                    <li><input id="name" class="name" type="text" name="name" placeholder="Имя:"></li>
                    <li><input id="email" class="email" type="email" name="email" placeholder="E-Mail:"></li>
                    <li><input id="phone" class="phone" type="text" name="phone" placeholder="Телефон:"></li>
                   
                </ul>
               
                <ul class="grid-50">
                    <li><textarea id="message" class="message" name="message" placeholder="Текст сообщения:"></textarea></li>
                </ul><br>
               
                <div class="grid-100">    
                    <input id="send-btn" class="send-btn" type="submit" name="send-btn" value="Отправить!">
                </div>  
              </form>
                   
            </div>
            </div>

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

   
       </div>
           <div class="clear"></div>

    <!-- /CONTACT-->