about.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
  1. <!-- /*
  2. * Template Name: Homespace
  3. * Template Author: Untree.co
  4. * Tempalte URI: https://untree.co/
  5. * License: https://creativecommons.org/licenses/by/3.0/
  6. */ -->
  7. <!doctype html>
  8. <html lang="en">
  9. <head>
  10. <meta charset="utf-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  12. <meta name="author" content="Untree.co">
  13. <link rel="shortcut icon" href="favicon.png">
  14. <meta name="description" content="" />
  15. <meta name="keywords" content="" />
  16. <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  17. <link rel="stylesheet" href="css/bootstrap.min.css">
  18. <link rel="stylesheet" href="css/owl.carousel.min.css">
  19. <link rel="stylesheet" href="css/owl.theme.default.min.css">
  20. <link rel="stylesheet" href="css/jquery.fancybox.min.css">
  21. <link rel="stylesheet" href="fonts/icomoon/style.css">
  22. <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
  23. <link rel="stylesheet" href="css/aos.css">
  24. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
  25. <link rel="stylesheet" href="css/style.css">
  26. <title>Homespace Free HTML Template by Untree.co</title>
  27. </head>
  28. <body>
  29. <div class="lines-wrap">
  30. <div class="lines-inner">
  31. <div class="lines"></div>
  32. </div>
  33. </div>
  34. <!-- END lines -->
  35. <div class="site-mobile-menu site-navbar-target">
  36. <div class="site-mobile-menu-header">
  37. <div class="site-mobile-menu-close">
  38. <span class="icofont-close js-menu-toggle"></span>
  39. </div>
  40. </div>
  41. <div class="site-mobile-menu-body"></div>
  42. </div>
  43. <nav class="site-nav">
  44. <div class="container">
  45. <div class="site-navigation">
  46. <a href="index.html" class="logo m-0">FlashLens <span class="text-primary">.</span></a>
  47. <ul class="js-clone-nav d-none d-lg-inline-block text-left float-right site-menu">
  48. <li><a href="index.html">Главная</a></li>
  49. <!-- <li class="has-children">
  50. <a href="#">Dropdown</a>
  51. <ul class="dropdown">
  52. <li><a href="elements.html">Elements</a></li>
  53. <li class="has-children">
  54. <a href="#">Menu Two</a>
  55. <ul class="dropdown">
  56. <li><a href="#">Sub Menu One</a></li>
  57. <li><a href="#">Sub Menu Two</a></li>
  58. <li><a href="#">Sub Menu Three</a></li>
  59. </ul>
  60. </li>
  61. <li><a href="#">Menu Three</a></li>
  62. </ul>
  63. </li>
  64. <li><a href="buy.html">Buy</a></li>
  65. <li><a href="rent.html">Rent</a></li> -->
  66. <li class="active"><a href="about.html">О нас</a></li>
  67. <li><a href="contact.html">Контакты</a></li>
  68. <!-- <li><a href="signup.html">Sign up</a></li>
  69. <li class="cta-button active"><a href="login.html">Login</a></li> -->
  70. </ul>
  71. <a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none" data-toggle="collapse" data-target="#main-navbar">
  72. <span></span>
  73. </a>
  74. </div>
  75. </div>
  76. </nav>
  77. <div class="untree_co-section">
  78. <div class="container">
  79. <div class="row justify-content-center text-center">
  80. <div class="col-lg-6">
  81. <h2 class="text-secondary heading-2">О нас</h2>
  82. <p> FlashLens – ваш надежный партнер в мире фотостудий и профессиональной фотосъемки!</p>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="untree_co-section bg-light">
  88. <div class="container">
  89. <div class="row align-items-center">
  90. <div class="col-lg-4">
  91. <ul class="list-unstyled list-icons">
  92. <li>
  93. <a href="#" class="d-flex align-items-center">
  94. <span class="icon-wrap">
  95. <span class="flaticon-bed"></span>
  96. </span>
  97. <span class="text">
  98. Наши фотостудии имеют хорошую мебель и декорации для фотографов
  99. </span>
  100. </a>
  101. </li>
  102. <li>
  103. <a href="#" class="d-flex align-items-center">
  104. <span class="icon-wrap">
  105. <span class="flaticon-building"></span>
  106. </span>
  107. <span class="text">
  108. Наш коллектив состоит из опытных фотографов и специалистов, которые помогут вам с выбором оборудования
  109. </span>
  110. </a>
  111. </li>
  112. <!-- <li>
  113. <a href="#" class="d-flex align-items-center">
  114. <span class="icon-wrap">
  115. <span class="flaticon-garage"></span>
  116. </span>
  117. <span class="text">
  118. Separated they live in Bookmarksgrove right at large
  119. </span>
  120. </a>
  121. </li> -->
  122. <li>
  123. <a href="#" class="d-flex align-items-center">
  124. <span class="icon-wrap">
  125. <span class="flaticon-map"></span>
  126. </span>
  127. <span class="text">
  128. Наши фотостудии находится в шаговой доступности от центральных улиц и транспортных узлов
  129. </span>
  130. </a>
  131. </li>
  132. </ul>
  133. </div> <!-- /.col-lg-4 -->
  134. <div class="col-lg-4 mb-4 mb-lg-0">
  135. <img src="images/image 175.png" alt="Image" class="img-fluid rounded">
  136. </div> <!-- /.col-lg-4 -->
  137. <div class="col-lg-4">
  138. <h3 class="subtitle mb-4 text-primary">Почему именно мы?</h3>
  139. <h2 class="mb-4 margin-rigth-offset heading-2 text-black font-weight-bold">Мы отличная компания</h2>
  140. <p>Мы – команда профессионалов, предоставляющая услуги аренды фотостудий для различных видов фотосъемок. Наша цель – создать идеальные условия для творчества и воплощения ваших идей в жизнь. </p>
  141. <p>FlashLens предлагает широкий выбор фотостудий с современным оборудованием, удобным расположением и стильным дизайном. Независимо от того, нужна ли вам студия для модельных тестов, рекламной съемки, портфолио или других проектов – у нас вы найдете идеальное пространство для воплощения своих задумок.</p>
  142. </div> <!-- /.col-lg-4 -->
  143. </div> <!-- /.row -->
  144. </div> <!-- /.container -->
  145. </div>
  146. <!-- <div class="untree_co-section">
  147. <div class="container">
  148. <div class="row justify-content-center">
  149. <div class="col-lg-10">
  150. <div class="row">
  151. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  152. <div class="service">
  153. <div class="icon-wrap"><span class="flaticon-building"></span></div>
  154. <div>
  155. <h3><a href="#">The Word Mountains</a></h3>
  156. <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  161. <div class="service">
  162. <div class="icon-wrap"><span class="flaticon-bathtub"></span></div>
  163. <div>
  164. <h3><a href="#">The Word Mountains</a></h3>
  165. <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  170. <div class="service">
  171. <div class="icon-wrap"><span class="flaticon-bed"></span></div>
  172. <div>
  173. <h3><a href="#">The Word Mountains</a></h3>
  174. <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  179. <div class="service">
  180. <div class="icon-wrap"><span class="flaticon-house-size"></span></div>
  181. <div>
  182. <h3><a href="#">The Word Mountains</a></h3>
  183. <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div> -->
  192. <!-- /.container -->
  193. <!-- /.untree_co-section -->
  194. <div class="untree_co-section">
  195. <div class="container">
  196. <div class="row gutter-v3">
  197. <div class="col-lg-6 mb-4 mb-lg-0">
  198. <a href="#" class="feature-v2 d-flex">
  199. <div class="icon-wrap">
  200. <span class="icon-support"></span>
  201. </div>
  202. <div class="text">
  203. <h3 class="heading">Наша служба поддержки</h3>
  204. <p>Мы всегда готовы помочь вам с любыми вопросами и проблемами. Наши специалисты ответят на все ваши запросы и предоставят необходимую помощь.</p>
  205. </div>
  206. </a> <!-- /.feature-v2 -->
  207. </div> <!-- /.col-lg-6 -->
  208. <div class="col-lg-6 mb-4 mb-lg-0">
  209. <a href="#" class="feature-v2 d-flex">
  210. <div class="icon-wrap">
  211. <span>📸</span>
  212. </div>
  213. <div class="text">
  214. <h3 class="heading">Мы любим свое дело</h3>
  215. <p>В FlashLens мы не просто занимаемся арендой фотостудии - мы живем этим! Наша команда влюблена в мир фотографии и творчества.</p>
  216. </div>
  217. </a> <!-- /.feature-v2 -->
  218. </div> <!-- /.col-lg-6 -->
  219. </div> <!-- /.row -->
  220. </div> <!-- /.container -->
  221. </div>
  222. <div class="untree_co-section">
  223. <div class="container">
  224. <div class="row justify-content-center mb-5 text-center">
  225. <div class="col-md-7">
  226. <h2 class="text-secondary heading-2">Наши сотрудники</h2>
  227. </div>
  228. <!-- /.col-md-7 -->
  229. </div>
  230. <div class="row">
  231. <div class="col-6 col-sm-6 col-md-6 col-lg-3">
  232. <div class="team">
  233. <img src="images/person_1.jpg" alt="Image" class="img-fluid">
  234. <h3>James Watson</h3>
  235. <p>Фотограф</p>
  236. </div> <!-- /.team -->
  237. </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->
  238. <div class="col-6 col-sm-6 col-md-6 col-lg-3">
  239. <div class="team">
  240. <img src="images/person_2.jpg" alt="Image" class="img-fluid">
  241. <h3>Carl Anderson</h3>
  242. <p>Ретушер</p>
  243. </div> <!-- /.team -->
  244. </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->
  245. <div class="col-6 col-sm-6 col-md-6 col-lg-3">
  246. <div class="team">
  247. <img src="images/person_3.jpg" alt="Image" class="img-fluid">
  248. <h3>Michelle Allison</h3>
  249. <p>Визажист</p>
  250. </div> <!-- /.team -->
  251. </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->
  252. <div class="col-6 col-sm-6 col-md-6 col-lg-3">
  253. <div class="team">
  254. <img src="images/person_4.jpg" alt="Image" class="img-fluid">
  255. <h3>Michelle Allison</h3>
  256. <p>Фотограф</p>
  257. </div> <!-- /.team -->
  258. </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->
  259. </div>
  260. </div> <!-- /.container -->
  261. </div> <!-- /.untree_co-section -->
  262. <!-- <div class="untree_co-section bg-light">
  263. <div class="container">
  264. <div class="row justify-content-center mb-5 text-center">
  265. <div class="col-md-7">
  266. <h2 class="text-secondary heading-2">Testimonials</h2>
  267. </div>
  268. <div class="row align-items-stretch">
  269. <div class="col-md-6 col-lg-4">
  270. <div class="untree_co-testimonial h-100">
  271. <span class="quote">&ldquo;</span>
  272. <blockquote>
  273. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
  274. </blockquote>
  275. <div class="author d-flex align-items-center">
  276. <div class="author-picture mr-3"><img src="images/person_1.jpg" alt="Image" class="img-fluid"></div>
  277. <div class="author-name">
  278. <strong class="d-block">Mike Smith</strong>
  279. <span>CTO &mdash; Stack, Inc.</span>
  280. </div>
  281. </div>
  282. </div> /.untree_co-testimonial -->
  283. <!-- </div> /.col-lg-4 -->
  284. <!-- <div class="col-md-6 col-lg-4">
  285. <div class="untree_co-testimonial h-100">
  286. <span class="quote">&ldquo;</span>
  287. <blockquote>
  288. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
  289. </blockquote>
  290. <div class="author d-flex align-items-center">
  291. <div class="author-picture mr-3"><img src="images/person_2.jpg" alt="Image" class="img-fluid"></div>
  292. <div class="author-name">
  293. <strong class="d-block">Mike Smith</strong>
  294. <span>CTO &mdash; Stack, Inc.</span>
  295. </div>
  296. </div>
  297. </div> -->
  298. <!-- /.untree_co-testimonial -->
  299. <!-- </div> -->
  300. <!-- /.col-lg-4 -->
  301. <!-- <div class="col-md-6 col-lg-4">
  302. <div class="untree_co-testimonial h-100">
  303. <span class="quote">&ldquo;</span>
  304. <blockquote>
  305. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
  306. </blockquote>
  307. <div class="author d-flex align-items-center">
  308. <div class="author-picture mr-3"><img src="images/person_3.jpg" alt="Image" class="img-fluid"></div>
  309. <div class="author-name">
  310. <strong class="d-block">Mike Smith</strong>
  311. <span>CTO &mdash; Stack, Inc.</span>
  312. </div>
  313. </div>
  314. </div> -->
  315. <!-- /.untree_co-testimonial -->
  316. <!-- </div> -->
  317. <!-- /.col-lg-4 -->
  318. <!-- </div> -->
  319. <!-- /.row -->
  320. <!-- </div> -->
  321. <!-- /.container -->
  322. <!-- </div> -->
  323. <!-- /.untree_co-section -->
  324. <div class="site-footer">
  325. <div class="inner first">
  326. <div class="container">
  327. <div class="row">
  328. <!-- <div class="col-md-6 col-lg-4">
  329. <div class="widget">
  330. <h3 class="heading">About Untree.co</h3>
  331. <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  332. </div>
  333. <div class="widget">
  334. <ul class="list-unstyled social">
  335. <li><a href="#"><span class="icon-dribbble"></span></a></li>
  336. <li><a href="#"><span class="icon-linkedin"></span></a></li>
  337. <li><a href="#"><span class="icon-twitter"></span></a></li>
  338. <li><a href="#"><span class="icon-instagram"></span></a></li>
  339. <li><a href="#"><span class="icon-facebook"></span></a></li>
  340. </ul>
  341. </div>
  342. </div>
  343. <div class="col-md-6 col-lg-2 pl-lg-5">
  344. <div class="widget">
  345. <h3 class="heading">Pages</h3>
  346. <ul class="links list-unstyled">
  347. <li><a href="#">Services</a></li>
  348. <li><a href="#">Terms</a></li>
  349. <li><a href="#">Privacy</a></li>
  350. <li><a href="#">Buy</a></li>
  351. <li><a href="#">Sell</a></li>
  352. </ul>
  353. </div>
  354. </div>
  355. <div class="col-md-6 col-lg-2">
  356. <div class="widget">
  357. <h3 class="heading">Resources</h3>
  358. <ul class="links list-unstyled">
  359. <li><a href="#">Blog</a></li>
  360. <li><a href="#">About</a></li>
  361. <li><a href="#">Contact</a></li>
  362. </ul>
  363. </div>
  364. </div> -->
  365. <div class="col-md-6 col-lg-4">
  366. <div class="widget">
  367. <h3 class="heading">Связаться с нами</h3>
  368. <ul class="list-unstyled quick-info links">
  369. <li class="email"><a href="#">FlashLens@gmail.com</a></li>
  370. <li class="phone"><a href="#">+1 222 212 3819</a></li>
  371. <li class="address"><a href="#">Дом Пушкина,улица Колотушкина</a></li>
  372. </ul>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. </div>
  378. <div class="inner dark">
  379. <div class="container">
  380. <div class="row text-center text-md-left">
  381. <div class="col-md-6 mb-3 mb-md-0">
  382. <p>FlashLens &copy;<script>document.write(new Date().getFullYear());</script>. All Rights Reserved <!-- License information: https://untree.co/license/ -->
  383. </p>
  384. </div>
  385. <!-- <div class="col-md-6 text-md-right">
  386. <a href="#" class="mx-2">Terms</a>
  387. <a href="#" class="mx-2">Privacy</a>
  388. </div> -->
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. <div id="overlayer"></div>
  394. <div class="loader">
  395. <div class="spinner-border" role="status">
  396. <span class="sr-only">Loading...</span>
  397. </div>
  398. </div>
  399. <script src="js/jquery-3.4.1.min.js"></script>
  400. <script src="js/popper.min.js"></script>
  401. <script src="js/bootstrap.min.js"></script>
  402. <script src="js/owl.carousel.min.js"></script>
  403. <script src="js/jquery.animateNumber.min.js"></script>
  404. <script src="js/jquery.waypoints.min.js"></script>
  405. <script src="js/jquery.fancybox.min.js"></script>
  406. <script src="js/aos.js"></script>
  407. <script src="js/jarallax.min.js"></script>
  408. <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  409. <script src="js/custom.js"></script>
  410. <!-- Global site tag (gtag.js) - Google Analytics -->
  411. </body>
  412. </html>