index.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. <!DOCTYPE HTML>
  2. <!--
  3. Hyperspace by HTML5 UP
  4. html5up.net | @ajlkn
  5. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  6. -->
  7. <html>
  8. <head>
  9. <title>Sound Club</title>
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1" />
  12. <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
  13. <link rel="stylesheet" href="assets/css/main.css" />
  14. <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
  15. <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
  16. </head>
  17. <body>
  18. <!-- Sidebar -->
  19. <section id="sidebar">
  20. <div class="inner">
  21. <nav>
  22. <ul>
  23. <li><a href="#intro">Добро пожаловать</a></li>
  24. <li><a href="#one">Почему иммено мы?</a></li>
  25. <li><a href="#two">Наши премущества</a></li>
  26. <li><a href="#three">Что мы делаем?</a></li>
  27. <li><a href="#four">Связь с нами</a></li>
  28. </ul>
  29. </nav>
  30. </div>
  31. </section>
  32. <!-- Wrapper -->
  33. <div id="wrapper">
  34. <!-- Intro -->
  35. <section id="intro" class="wrapper style1 fullscreen fade-up">
  36. <div class="inner">
  37. <h1>Sound Club</h1>
  38. <p>От людей, которые просто хотят повысить качество звука в их новом видео для видеохостинга, до тех, кому нужна не только быстрая запись в “домашних” условиях, но и достойное качество звука записываемых инструментов для демо версий музыки, понадобятся услуги мастера, который приезжает на дом к заказчику и начинает запись звука сразу как расположит микрофоны в помещении. </p>
  39. <ul class="actions">
  40. <li><a href="#one" class="button scrolly">Далее</a></li>
  41. </ul>
  42. </div>
  43. </section>
  44. <!-- One -->
  45. <section id="one" class="wrapper style2 spotlights">
  46. <section>
  47. <a href="#" class="image"><img src="images/pic01.jpg" alt="" data-position="center center" /></a>
  48. <div class="content">
  49. <div class="inner">
  50. <h2>Проблема</h2>
  51. <p>Сейчас мало компаний, которые могли бы похвастаться скоростью, качеством и удобством использования сайта на рынке записи инструментов и звукового сопровождения к видео с выездом на дом. Основная проблема заключается в том, что эти услуги не рекламируются и практически никак не выделяются на сайте.</p>
  52. </div>
  53. </div>
  54. </section>
  55. <section>
  56. <a href="#" class="image"><img src="images/pic03.jpeg" alt="" data-position="center center" /></a>
  57. <div class="content">
  58. <div class="inner">
  59. <h2>Почему иммено мы?</h2>
  60. <p>Мы собираемся привнести справедливость и обратить внимание людей на возможность записи звука в хорошем качестве на дому, чтобы она стала востребованной у людей которые о такой услуге даже не слышали по вине студий звукозаписи, которые её никак не продвигают и за счет неудобного глазу оформления сайта. Отсутствия какого либо выделения этой услуги, губит её последние шансы на то, чтобы привлечь чьё-то внимание.</p>
  61. <ul class="actions">
  62. <li><a href="#two" class="button scrolly">Далее</a></li>
  63. </ul>
  64. </div>
  65. </div>
  66. </section>
  67. </section>
  68. <hr size="30">
  69. <!-- Two -->
  70. <section id="two" class="wrapper style2 spotlights">
  71. <section>
  72. <a href="#" class="image"><img src="images/pic022.jpg" alt="" data-position="center center" /></a>
  73. <div class="content">
  74. <div class="inner">
  75. <h2>Профессиональная работа</h2>
  76. <p>Наша команда мастеров гарантирует, что все наши специалисты являются профессионалами в своей области. Мы всегда готовы помочь вам в любой момент, чтобы обеспечить высокое качество записи.</p>
  77. </div>
  78. </div>
  79. </section>
  80. <section>
  81. <a href="#" class="image"><img src="images/pic0222.jpg" alt="" data-position="center center" /></a>
  82. <div class="content">
  83. <div class="inner">
  84. <h2>Внимательнось к ваши требованиям</h2>
  85. <p>Мы всегда стараемся удовлетворить все ваши потребности, поэтому если у вас есть какие-то особые требования к звуку или оборудованию, не стесняйтесь сообщить нам об этом. Наши мастера готовы работать над каждой деталью, чтобы ваша запись прошла идеально.</p>
  86. </div>
  87. </div>
  88. </section>
  89. <section>
  90. <a href="#" class="image"><img src="images/pic02.jpg" alt="" data-position="top center" /></a>
  91. <div class="content">
  92. <div class="inner">
  93. <h2>Передовое оборудование</h2>
  94. <p>Наши звукоинженеры вас приятно удивят своим профессиональным оборудование, произведённым такими лучшими аудио компаниями всего мира, как: Beyerdynamic, AKG, Audeze, Shure, СОЮЗ.</p>
  95. <ul class="actions">
  96. <li><a href="#three" class="button scrolly">Далее</a></li>
  97. </ul>
  98. </div>
  99. </div>
  100. </section>
  101. </section>
  102. <!-- Three -->
  103. <section id="three" class="wrapper style3 fade-up">
  104. <div class="inner">
  105. <h2>Что мы делаем?</h2>
  106. <p>
  107. Если вы хотите записывать музыку у себя дома, но у вас нет нужного оборудования, то наша команда предлагает услуги звукозаписи с выездом на дом.
  108. Вот перечень наших услуг:
  109. </p>
  110. <div class="features">
  111. <section>
  112. <span class="icon major fa-microphone"></span>
  113. <h3>Стандартная звукозапись</h3>
  114. Это услуга, которая включает в себя запись звука без дополнительной обработки и настройки.
  115. <br>Цена/час: 4000₽.
  116. </section>
  117. <section>
  118. <span class="icon major fa-rocket"></span>
  119. <h3>Продвинутая звукозапись</h3>
  120. Это услуга, которая включает в себя запись звука с дополнительной настройкой и обработкой звука.
  121. <br>Цена/час: 8000₽.
  122. </section>
  123. <section>
  124. <span class="icon major fa-users"></span>
  125. <h3>Звукозапись группы</h3>
  126. Это услуга, которая включает в себя запись звука для группы от 3-х до 5 человек.
  127. <br>Цена/час: 6000₽.
  128. </section>
  129. <section>
  130. <span class="icon major fa-home"></span>
  131. <h3>Настройка звука системы под помещение</h3>
  132. Это услуга, которая включает в себя настройку звука под конкретное помещение.
  133. <br>Цена/час: 3000₽.
  134. </section>
  135. <section>
  136. <span class="icon major fa-gears"></span>
  137. <h3>Настройка звука на площадках для выступления</h3>
  138. Это услуга, которая включает в себя настройку звука на концертных площадках и других мероприятиях.
  139. <br>Цена/час: 5500₽.
  140. </section>
  141. <section>
  142. <span class="icon major fa-cog"></span>
  143. <h3>Кастомная звукозапись</h3>
  144. Это услуга, которая включает в себя индивидуальную настройку звука под конкретные потребности клиентов.
  145. <br>Цена/час: уточняется.
  146. </section>
  147. <section>
  148. <span class="icon major fa-plus-square"></span>
  149. <h3>Акустический поролон</h3>
  150. Это дополнительная услуга, которая включает в себя установку специального поролонового материала для уменьшения отражений звука и улучшения акустики помещения.
  151. <br>Цена/час: 1500₽.
  152. </section>
  153. <section>
  154. <span class="icon major fa-plus-square"></span>
  155. <h3>Дополнительные микрофоны</h3>
  156. Это дополнительная услуга, которая включает в себя установку дополнительных микрофонов для улучшения качества записи звука.
  157. <br>Цена/час: 2500₽.
  158. </section>
  159. <section>
  160. <span class="icon major fa-plus-square"></span>
  161. <h3>Первичная частотная и динамическая обработка</h3>
  162. Это дополнительная услуга, которая включает в себя первичную обработку звука для уменьшения шума и искажений.
  163. <br>Цена/час: 2000₽.
  164. </section>
  165. <section>
  166. <span class="icon major fa-plus-square"></span>
  167. <h3>Устранение резонансов</h3>
  168. Это дополнительная услуга, которая включает в себя устранение резонансов в помещении, которые могут негативно влиять на качество звучания.
  169. <br>Цена/час: 1250₽.
  170. </section>
  171. </div>
  172. <ul class="actions">
  173. <li><a href="#four" class="button scrolly">Далее</a></li>
  174. </ul>
  175. </div>
  176. </section>
  177. <!-- Four -->
  178. <section id="four" class="wrapper style1 fade-up">
  179. <div class="inner">
  180. <h2>Связь с нами</h2>
  181. <p>На данный момент заказ услуги возможн только через прямую связь с менеджером. Для связи можно использоать телефон, почту или социальные сети.</p>
  182. <div class="split style1">
  183. <section>
  184. <form method="post" action="#">
  185. <div class="field half first">
  186. <label for="name">Имя</label>
  187. <input type="text" name="name" id="name" />
  188. </div>
  189. <div class="field half">
  190. <label for="email">Почта</label>
  191. <input type="text" name="email" id="email" />
  192. </div>
  193. <div class="field">
  194. <label for="message">Сообщение</label>
  195. <textarea name="message" id="message" rows="5"></textarea>
  196. </div>
  197. <ul class="actions">
  198. <li><a href="" class="button submit">Отправить</a></li>
  199. </ul>
  200. </form>
  201. </section>
  202. <section>
  203. <ul class="contact">
  204. <li>
  205. <h3>Адресс</h3>
  206. <span>
  207. 107564, г Москва<br />
  208. ул Краснобогатырская, д 6<br />
  209. Россия
  210. </span>
  211. </li>
  212. <li>
  213. <h3>Почта</h3>
  214. soundclub.corp@gmail.com
  215. </li>
  216. <li>
  217. <h3>Телефон</h3>
  218. <span>+7 (953) 706-8803</span>
  219. </li>
  220. <li>
  221. <h3>Социальные сети</h3>
  222. <ul class="icons">
  223. <li><a href="#" class="fa-twitter"><span class="label">Twitter</span></a></li>
  224. <li><a href="#" class="fa-facebook"><span class="label">Facebook</span></a></li>
  225. <li><a href="#" class="fa-instagram"><span class="label">Instagram</span></a></li>
  226. </ul>
  227. </li>
  228. </ul>
  229. </section>
  230. </div>
  231. <h2>Если вам не сложно пройдите опрос)</h2>
  232. <ul class="actions">
  233. <li><a href="https://docs.google.com/forms/d/179V7HS1Gl52uceog8s8Vu5VAuveTa84xzygnAhME5dA/viewform?edit_requested=true" class="button submit">Опрос</a></li>
  234. </ul>
  235. </div>
  236. </section>
  237. </div>
  238. <!-- Footer -->
  239. <footer id="footer" class="wrapper style1-alt">
  240. <div class="inner">
  241. <ul class="menu">
  242. <li></li><li><a href=""></a></li>
  243. </ul>
  244. </div>
  245. </footer>
  246. <!-- Scripts -->
  247. <script src="assets/js/jquery.min.js"></script>
  248. <script src="assets/js/jquery.scrollex.min.js"></script>
  249. <script src="assets/js/jquery.scrolly.min.js"></script>
  250. <script src="assets/js/skel.min.js"></script>
  251. <script src="assets/js/util.js"></script>
  252. <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
  253. <script src="assets/js/main.js"></script>
  254. </body>
  255. </html>