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>Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit quis lorem.</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. ?<br />
  208. ?<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>