stroy-mx/response.html at master · divppc/stroy-mx · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="ru"></html>
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
  <link rel="stylesheet" href="https://necolas.github.io/normalize.css/3.0.2/normalize.css"/>
  <link rel="stylesheet" href="css/style.css"/>
  <title>Строй MX | Отзывы</title>
</head>
<body>
  <header>
    <div class="mobile-menu"></div>
    <div class="logo"><a href="#"><img src="images/logo.png" alt="Строй MX"/><img src="images/mobile-logo.png" alt="Строй MX"/></a></div>
    <div class="top-phone"><span>Звоните с 9:00 до 19:00</span><a href="#">+7 (495) 411-19-37</a><a href="#">info@mx-remont.ru</a></div>
    <nav>
      <ul>
        <li><a href="#">О нас</a></li>
        <li><a href="#">Наши работы</a></li>
        <li><a href="#">Прайс</a></li>
        <li><a href="#">Партнерам</a></li>
        <li><a href="#">Контакты</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <article>
      <h1>О компании</h1><span>Ремонтом под ключ, а также оказанием услуг, связанных с отделкой помещений, разработкой дизайн-проектов мы занимаемся с 2011 г.</span>
      <div class="tabs-panel"><a href="#">О нас			</a><a href="#">Наша команда			</a><a href="#" class="active">Отзывы клиентов</a><a href="#">Вакансии</a></div>
      <div class="response-wrap">
        <div class="item-response">
          <div class="author">
            <div>Мария</div>
            <div>г.Москва</div>
          </div>
          <div class="text">
            <div class="title">Хочется Вас рекомендовать! </div>
            <p>Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете !</p>
            <div class="audio"><a href="#">Аудиоотзыв</a></div>
          </div>
        </div>
        <div class="item-response">
          <div class="author">
            <div>Мария</div>
            <div>г.Москва</div>
          </div>
          <div class="text">
            <div class="title">Хочется Вас рекомендовать! </div>
            <p>Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете !</p>
            <div class="audio"><a href="#">Аудиоотзыв</a></div>
          </div>
        </div>
        <div class="item-response">
          <div class="author">
            <div>Мария</div>
            <div>г.Москва</div>
          </div>
          <div class="text">
            <div class="title">Хочется Вас рекомендовать! </div>
            <p>Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете !</p>
            <div class="audio"><a href="#">Аудиоотзыв</a></div>
          </div>
        </div>
        <div class="item-response">
          <div class="author">
            <div>Мария</div>
            <div>г.Москва</div>
          </div>
          <div class="text">
            <div class="title">Хочется Вас рекомендовать! </div>
            <p>Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете !</p>
            <div class="audio"><a href="#">Аудиоотзыв</a></div>
          </div>
        </div>
        <div class="item-response">
          <div class="author">
            <div>Мария</div>
            <div>г.Москва</div>
          </div>
          <div class="text">
            <div class="title">Хочется Вас рекомендовать! </div>
            <p>Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете !</p>
            <div class="audio"><a href="#">Аудиоотзыв</a></div>
          </div>
        </div>
        <div class="item-response">
          <div class="author">
            <div>Мария</div>
            <div>г.Москва</div>
          </div>
          <div class="text">
            <div class="title">Хочется Вас рекомендовать! </div>
            <p>Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете !</p>
            <div class="audio"><a href="#">Аудиоотзыв</a></div>
          </div>
        </div>
      </div>
      <div class="new-response-container">
        <h2>Оставить отзыв</h2>
        <div class="new-response">
          <form action="">
            <div class="form-container">
              <div class="response-inputs">
                <input type="text" placeholder="Ваше имя" required="required"/>
                <input type="text" placeholder="Ваша фамилия"/>
                <input type="text" placeholder="Email" required="required"/>
              </div>
              <div class="response-textarea">
                <textarea name="" placeholder="Текст отзыва"></textarea>
              </div>
            </div>
            <input type="submit" value="Отправить отзыв"/>
          </form>
        </div>
      </div>
    </article>
    <aside>
      <div class="services">
        <h2>Наши услуги</h2>
        <ul>
          <li><a href="#">Ремонтные работы</a></li>
          <li><a href="#">Дизайн интерьера</a></li>
        </ul>
      </div>
      <div class="why">
        <h3>Почему выбирают именно нас</h3>
        <p>Мы более 10 лет работаем на московском рынке ремонтно-строительных работ и успели завоевать доверие наших клиентов. Вот главные преимущества сотрудничества с нами:</p>
        <ul>
          <li>Качественные материалы и современное оборудование</li>
          <li>Высококвалифицированные специалисты</li>
          <li>Гарантия на выполненные работы</li>
          <li>Адекватные цены</li>
          <li>Допуск СРО</li>
        </ul>
      </div>
      <div class="price">
        <h4>Стоимость работ</h4>
        <div class="tabs-panel"><a href="#" class="active">Ремонт помещений</a><a href="#">Дизайн интерьера</a></div>
        <div class="tabs-container">
          <div class="tab">
            <div class="price-item">
              <p>Косметический ремонт</p><span>от 3 500 р./м2</span>
            </div>
            <div class="price-item">
              <p>Капитальный ремонт</p><span>от 5 500 р./м2</span>
            </div>
            <div class="price-item">
              <p>Евро ремонт</p><span>от 7 000 р./м2</span>
            </div>
            <div class="btn">Подробнее</div>
          </div>
        </div>
      </div>
      <div class="response">
        <h5>Отзывы наших клиентов</h5>
        <div class="response-head">за 10 лет работы мы успели себя зарекомендовать на рынке ремонтных услуг. Вот что о нас говорят наши клиенты:</div>
        <div class="response-item">
          <div class="response-author">Александр</div>
          <div class="response-city">г. Москва</div>
          <div class="response-text">все отлично выполнили, в оговоренные сроки, доволен полностью!</div>
          <div class="response-audio"><a href="#">Аудиоотзыв</a></div>
        </div>
        <div class="response-item">
          <div class="response-author">Мария</div>
          <div class="response-city">г. Москва</div>
          <div class="response-text">Большое спасибо всему коллективу компании «РеалСтройСервис» за выполненный ремонт и своевременное его окончание. Со всеми было приятно общаться и наблюдать за Вашей нелегкой работой. Хочется Вас рекомендовать, Вы этого заслуживаете ! </div>
          <div class="response-audio"><a href="#">Аудиоотзыв</a></div>
        </div>
      </div>
    </aside>
  </main>
  <footer>
    <div class="footer-wrap">
      <div class="footer-info">
        <div class="footer-menu">
          <div class="title">Меню</div>
          <ul>
            <li><a href="#">О компании</a>
              <ul class="inner-list">
                <li><a href="#">О нас</a></li>
                <li><a href="#">Наша команда</a></li>
                <li><a href="#">Отзывы клиентов</a></li>
                <li><a href="#">Вакансии</a></li>
              </ul>
            </li>
            <li><a href="#">Наши работы</a></li>
            <li><a href="#">Статьи</a></li>
            <li><a href="#">Прайс</a></li>
            <li><a href="#">Партнерам</a></li>
            <li><a href="#">Контакты</a></li>
          </ul>
        </div>
        <div class="footer-contacts">
          <div class="title">Контакты</div>
          <div>ООО «Строй-МХ»</div>
          <div>г. Москва, пер. 1-й Красносельский, дом 3</div>
          <div>ИНН:    <b>7708271265</b></div>
          <div>КПП:    <b>770801001</b></div>
          <div>Телефон:  <b>+7 (495) 4-111-937</b></div>
          <div>E-mail:    <b>info@mx-remont.ru</b></div>
        </div>
        <div class="footer-callback">
          <div class="title">Обратная связь</div>
          <div class="footer-form">
            <input type="text" placeholder="Ваше имя" class="field form-name"/>
            <input type="text" placeholder="Телефон" class="field form-phone"/>
            <div class="send-btn">Отправить &rarr;</div>
          </div><i>Наш менеджер свяжется с вами в течение 15 минут и ответит на все ваши вопросы</i>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="footer-logo"><img src="images/logo.png" alt="Строй MX"/></div>
        <div class="footer-copyr">© 2016 | Строй-МХ - дизайн и ремонт помещений</div>
        <div class="footer-created">	Разработано в<a href="#">Рекламотерапия</a></div>
      </div>
      <script src="js/jquery-3.0.0.min.js"></script>
      <script src="js/main.js"></script>
    </div>
  </footer>
</body>