-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontacts.html
More file actions
162 lines (162 loc) · 8.45 KB
/
contacts.html
File metadata and controls
162 lines (162 loc) · 8.45 KB
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
<!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>Найти нас очень просто</span>
<div class="contacts-heading"><img src="images/contacts.png" alt="" class="contacts-img"/>
<div>Мы хотим, чтобы вы жили<br> в красивом, уютном доме!</div>
</div><span>ООО «СТРОЙ-МХ»</span>
<div class="contacts-wrap">
<div class="contacts-data">
<div class="data-item">
<div>г. Москва, пер. 1-й Красносельский, дом 3</div>
<div class="inn">
<div>ИНН:</div>
<div>7708271265</div>
</div>
<div class="kpp">
<div>КПП:</div>
<div>770801001</div>
</div>
</div>
<div class="data-item">
<div class="main-phone">
<div>+7 (495) 4-111-937</div>
<div>с 9:00 до 19:00</div>
</div><a href="#">Перезвоните мне</a><a href="#" class="c-phone">7 495 411 19 37</a><a href="#" class="c-phone">7 495 411 19 37</a>
</div>
<div class="data-item"><a href="#">info@mx-remont.ru</a></div>
</div>
<div class="map-container"><script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=WkO9X3cuZ11yMnKWocCsinRE0lkhAgOn&width=100%&height=400&lang=ru_RU&sourceType=constructor&scroll=true"></script></div>
<div class="office-container">
<p>Офис «Строй-МХ»</p>
<div class="office-photos"><img src="images/ofis1.png" alt="Офис «Строй-МХ»"/><img src="images/ofis2.png" alt="Офис «Строй-МХ»"/><img src="images/ofis3.png" alt="Офис «Строй-МХ»"/></div>
</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">Отправить →</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>