page5.php 10.8 KB
<?php
/**
 * Created by PhpStorm.
 * User: stes
 * Date: 25.05.18
 * Time: 10:14
 */
?>
<section class="section-breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 breadcrumb-wrapp">
                <!-- копия с сайта -->
                <ul class="breadcrumb" itemscope="" itemtype=" http://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/" itemprop="item"><span itemprop="name">Главная</span></a><meta itemprop="position" content="1"></li>
                    <li class="active" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><span itemprop="name">Вопрос-Ответ</span><link itemprop="item" content="№"><meta itemprop="position" content="2"></li></ul>              </div>
        </div>
    </div>
</section>

<section class="section-service-page section-answer-page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <h1 class="title-pages">Отзывы</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <div class="style add-answer-forms">
                    <span class="btn_">Оставить отзыв</span>
                </div>
                <div class="style hidden-answer-comment-form hidden">
                    <div class="hidden-answer-comment-form-title">Оставить отзыв</div>
                    <form action="">
                        <div class="col-xs-12 col-sm-6">
                            <div class="input-wr">
                                <label class="control-label" for="feedback-name">Выбор отделения</label>
                                <select name="" id="">
                                    <option value="">Общие вопросы</option>
                                    <option>Гинекология</option>
                                    <option>Дерматология</option>
                                    <option>Кардиология</option>
                                    <option>Ортопедия</option>
                                    <option>Хирургия</option>
                                    <option>Пластическая хирургия</option>
                                    <option>Эстетическая медицина</option>
                                    <option>Терапия</option>
                                </select>
                            </div>

                            <div class="input-wr required">
                                <label class="control-label" for="feedback-name">ФИО</label>
                                <input type="text">
                            </div>
                            <div class="input-wr required">
                                <label class="control-label" for="feedback-name">Email</label>
                                <input type="text">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6">
                            <div class="input-wr">
                                <label class="control-label" for="feedback-name">Ваш вопрос</label>
                                <textarea name="" id="" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12">
                            <div class="button-wr submit-close-wr-c-a">
                                <button type="submit">Отправить отзыв</button>
                                <div class="submit-close-c-a submit-close-c-a-page"><span>Свернуть окно</span></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12">
                <ul class="answers-category-list">
                    <li class="active"><a href="#"><span>Общие вопросы</span></a></li>
                    <li><a href="#"><span>Гинекология</span></a></li>
                    <li><a href="#"><span>Дерматология</span></a></li>
                    <li><a href="#"><span>Кардиология</span></a></li>
                    <li><a href="#"><span>Ортопедия</span></a></li>
                    <li><a href="#"><span>Хирургия</span></a></li>
                    <li><a href="#"><span>Пластическая хирургия</span></a></li>
                    <li><a href="#"><span>Эстетическая медицина</span></a></li>
                    <li><a href="#"><span>Терапия</span></a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-12">
                <div class="service-comments-wr style">
                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="service-comments style">
                        <div class="style comments-h-autor">Мария</div>
                        <div class="style comments-h-text">Спасибо за профессиональное и качественное лечение. Медсестрам за проведенные процедуры. Результатом лечения довольна.</div>
                        <div class="style comments-h-date">20.05.2018</div>
                    </div>

                    <div class="style navi-c-a">
                        <ul class="pagination"><li class="prev disabled"><span>«</span></li>
                            <li class="active"><a data-page="0">1</a></li>
                            <li><a href="#" data-page="1">2</a></li>
                            <li><a href="#" data-page="1">3</a></li>
                            <li><a href="#" data-page="1">4</a></li>
                            <li><a href="#" data-page="1">5</a></li>
                            <li class="next"><a href="#" data-page="1">»</a></li>
                        </ul>
                    </div>


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