index.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833
  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>FlashLens</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 class="active"><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. </ul>
  54. </li>
  55. <li><a href="buy.html">Купить</a></li>
  56. <li><a href="rent.html">Аренда</a></li>
  57. <li><a href="about.html">О нас</a></li>
  58. <li><a href="contact.html">Контакты</a></li>
  59. <li><a href="signup.html">Зарегистрироваться</a></li>
  60. <li class="cta-button active"><a href="login.html">Войти</a></li>
  61. </ul>
  62. <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">
  63. <span></span>
  64. </a>
  65. </div>
  66. </div>
  67. </nav>
  68. <div class="untree_co_slider-wrap" data-aos="fade-up">
  69. <div class="nav-direction">
  70. <a href="#" class="js-nav-right nav-right"><span class="icon-keyboard_arrow_right"></span></a>
  71. <a href="#" class="js-nav-left nav-left"><span class="icon-keyboard_arrow_left"></span></a>
  72. </div>
  73. <div class="untree_co_slider">
  74. <div class="item">
  75. <img src="images/studio1.jpg" alt="Image" class="img-fluid">
  76. <div class="property-contents">
  77. <strong class="current-price text-secondary">4.000₽</strong>
  78. <span class="old-price">За 2 часа</span>
  79. <h2>
  80. <a href="#"><span>ул. Пушкина, д. Колотушкина</span></a>
  81. </h2>
  82. </div>
  83. <div class="property_details">
  84. <!-- <ul class="list-unstyled specs">
  85. <li class="d-inline-flex align-items-center">
  86. <span class="icon-wrap flaticon-bathtub"></span>
  87. <strong>2</strong>
  88. </li>
  89. <li class="d-inline-flex align-items-center">
  90. <span class="icon-wrap flaticon-bed"></span>
  91. <strong>4</strong>
  92. </li> -->
  93. <li class="d-inline-flex align-items-center">
  94. <span class="icon-wrap flaticon-house-size"></span>
  95. <strong>120<sup>2</sup></strong>
  96. </li>
  97. </ul>
  98. </div>
  99. </div>
  100. <div class="item">
  101. <img src="images/studio2.jpg" alt="Image" class="img-fluid">
  102. <div class="property-contents">
  103. <strong class="current-price text-secondary">8.000₽</strong>
  104. <span class="old-price">За 1 час</span>
  105. <h2>
  106. <a href="#"><span>ул. Войковская, д. 2, к. 2</span></a>
  107. </h2>
  108. </div>
  109. <div class="property_details">
  110. <!-- <ul class="list-unstyled specs">
  111. <li class="d-inline-flex align-items-center">
  112. <span class="icon-wrap flaticon-bathtub"></span>
  113. <strong>2</strong>
  114. </li>
  115. <li class="d-inline-flex align-items-center">
  116. <span class="icon-wrap flaticon-bed"></span>
  117. <strong>4</strong>
  118. </li> -->
  119. <li class="d-inline-flex align-items-center">
  120. <span class="icon-wrap flaticon-house-size"></span>
  121. <strong>120<sup>2</sup></strong>
  122. </li>
  123. </ul>
  124. </div>
  125. </div>
  126. <div class="item">
  127. <img src="images/studio3.jpg" alt="Image" class="img-fluid">
  128. <div class="property-contents">
  129. <strong class="current-price text-secondary">6.000₽</strong>
  130. <span class="old-price">За 2 часа</span>
  131. <h2>
  132. <a href="#"><span>г. Москва, д. Где-то рядом</span></a>
  133. </h2>
  134. </div>
  135. <div class="property_details">
  136. <!-- <ul class="list-unstyled specs">
  137. <li class="d-inline-flex align-items-center">
  138. <span class="icon-wrap flaticon-bathtub"></span>
  139. <strong>2</strong>
  140. </li>
  141. <li class="d-inline-flex align-items-center">
  142. <span class="icon-wrap flaticon-bed"></span>
  143. <strong>4</strong>
  144. </li> -->
  145. <li class="d-inline-flex align-items-center">
  146. <span class="icon-wrap flaticon-house-size"></span>
  147. <strong>120<sup>2</sup></strong>
  148. </li>
  149. </ul>
  150. </div>
  151. </div>
  152. <div class="item">
  153. <img src="images/studio1.jpg" alt="Image" class="img-fluid">
  154. <div class="property-contents">
  155. <strong class="current-price text-secondary">4.000₽</strong>
  156. <span class="old-price">За 2 часа</span>
  157. <h2>
  158. <a href="#"><span>ул. Пушкина, д. Колотушкина</span></a>
  159. </h2>
  160. </div>
  161. <div class="property_details">
  162. <!-- <ul class="list-unstyled specs">
  163. <li class="d-inline-flex align-items-center">
  164. <span class="icon-wrap flaticon-bathtub"></span>
  165. <strong>2</strong>
  166. </li>
  167. <li class="d-inline-flex align-items-center">
  168. <span class="icon-wrap flaticon-bed"></span>
  169. <strong>4</strong>
  170. </li> -->
  171. <li class="d-inline-flex align-items-center">
  172. <span class="icon-wrap flaticon-house-size"></span>
  173. <strong>120<sup>2</sup></strong>
  174. </li>
  175. </ul>
  176. </div>
  177. </div>
  178. <div class="item">
  179. <img src="images/studio2.jpg" alt="Image" class="img-fluid">
  180. <div class="property-contents">
  181. <strong class="current-price text-secondary">8.000₽</strong>
  182. <span class="old-price">За 1 час</span>
  183. <h2>
  184. <a href="#"><span>ул. Войковская, д. 2, к. 2</span></a>
  185. </h2>
  186. </div>
  187. <div class="property_details">
  188. <!-- <ul class="list-unstyled specs">
  189. <li class="d-inline-flex align-items-center">
  190. <span class="icon-wrap flaticon-bathtub"></span>
  191. <strong>2</strong>
  192. </li>
  193. <li class="d-inline-flex align-items-center">
  194. <span class="icon-wrap flaticon-bed"></span>
  195. <strong>4</strong>
  196. </li> -->
  197. <li class="d-inline-flex align-items-center">
  198. <span class="icon-wrap flaticon-house-size"></span>
  199. <strong>120<sup>2</sup></strong>
  200. </li>
  201. </ul>
  202. </div>
  203. </div>
  204. <div class="item">
  205. <img src="images/studio3.jpg" alt="Image" class="img-fluid">
  206. <div class="property-contents">
  207. <strong class="current-price text-secondary">6.000₽</strong>
  208. <span class="old-price">За 2 часа</span>
  209. <h2>
  210. <a href="#"><span>г. Москва, д. Где-то рядом</span></a>
  211. </h2>
  212. </div>
  213. <div class="property_details">
  214. <!-- <ul class="list-unstyled specs">
  215. <li class="d-inline-flex align-items-center">
  216. <span class="icon-wrap flaticon-bathtub"></span>
  217. <strong>2</strong>
  218. </li>
  219. <li class="d-inline-flex align-items-center">
  220. <span class="icon-wrap flaticon-bed"></span>
  221. <strong>4</strong>
  222. </li> -->
  223. <li class="d-inline-flex align-items-center">
  224. <span class="icon-wrap flaticon-house-size"></span>
  225. <strong>120<sup>2</sup></strong>
  226. </li>
  227. </ul>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. <div class="untree_co-section">
  233. <div class="container">
  234. <div class="row gutter-v2">
  235. <div class="col-lg-6 mb-4 mb-lg-2">
  236. <a href="#" class="feature-v2 d-flex">
  237. <div class="icon-wrap">
  238. <span class="icon-users"></span>
  239. </div>
  240. <div class="text">
  241. <h3 class="heading">Профессиональное оборудование 📷</h3>
  242. <p>Фотостудия оснащена высококачественным освещением, камерами и различными аксессуарами для получения качественных снимков.</p>
  243. </div>
  244. </a> <!-- /.feature-v2 -->
  245. </div> <!-- /.col-lg-6 -->
  246. <div class="col-lg-6 mb-4 mb-lg-2">
  247. <a href="#" class="feature-v2 d-flex">
  248. <div class="icon-wrap">
  249. <span class="icon-building"></span>
  250. </div>
  251. <div class="text">
  252. <h3 class="heading">Контролируемая среда ⚙️</h3>
  253. <p>В фотостудии можно полностью контролировать условия съемки, такие как освещение, фон и декорации, что позволяет добиться желаемого результата.</p>
  254. </div>
  255. </a> <!-- /.feature-v2 -->
  256. </div> <!-- /.col-lg-6 -->
  257. <div class="col-lg-6 mb-4 mb-lg-2">
  258. <a href="#" class="feature-v2 d-flex">
  259. <div class="icon-wrap">
  260. <span class="icon-support"></span>
  261. </div>
  262. <div class="text">
  263. <h3 class="heading">Разнообразие услуг 🎭</h3>
  264. <p>Фотостудия предлагает широкий спектр услуг, включая портретную съемку, фотосъемку продуктов, свадебную фотосъемку и многое другое.</p>
  265. </div>
  266. </a> <!-- /.feature-v2 -->
  267. </div> <!-- /.col-lg-6 -->
  268. <div class="col-lg-6 mb-4 mb-lg-2">
  269. <a href="#" class="feature-v2 d-flex">
  270. <div class="icon-wrap">
  271. <span class="icon-keyboard_arrow_right"></span>
  272. </div>
  273. <div class="text">
  274. <h3 class="heading">Профессиональные фотографы 👨‍🎨</h3>
  275. <p>В фотостудии работают опытные и талантливые фотографы, которые помогут вам создать запоминающиеся и качественные снимки.</p>
  276. </div>
  277. </a> <!-- /.feature-v2 -->
  278. </div> <!-- /.col-lg-6 -->
  279. </div> <!-- /.row -->
  280. </div> <!-- /.container -->
  281. </div>
  282. <div class="untree_co-section bg-light">
  283. <div class="container">
  284. <div class="row align-items-center mb-3">
  285. <div class="col-6">
  286. <h2 class="heading-2">Properties</h2>
  287. </div>
  288. <div class="col-6 text-right properties-nav-direction">
  289. <a href="#" class="prev js-custom-prev-v2"><span class="icon-keyboard_backspace"></span></a>
  290. <a href="#" class="next js-custom-next-v2"><span class="icon-keyboard_backspace"></span></a>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="owl-3-slider owl-carousel">
  295. <div class="item">
  296. <div class="property-entry">
  297. <img src="images/property_1-min.jpg" alt="Image" class="img-fluid">
  298. <div class="property-specs">
  299. <strong class="price">$849,200</strong>
  300. <ul class="list-unstyled specs">
  301. <li class="d-inline-flex align-items-center">
  302. <span class="icon-wrap flaticon-bathtub"></span>
  303. <strong>2</strong>
  304. </li>
  305. <li class="d-inline-flex align-items-center">
  306. <span class="icon-wrap flaticon-bed"></span>
  307. <strong>4</strong>
  308. </li>
  309. <li class="d-inline-flex align-items-center">
  310. <span class="icon-wrap flaticon-house-size"></span>
  311. <strong>120<sup>2</sup></strong>
  312. </li>
  313. </ul>
  314. <div class="location d-flex justify-content-between align-items-center">
  315. <div>
  316. <span class="d-block caption">location: </span>
  317. <h3><a href="#"><span>2 Zwar Place, Florey</span></a></h3>
  318. </div>
  319. <div class="more">
  320. <a href="#">
  321. <span class="icon-keyboard_backspace"></span>
  322. </a>
  323. </div>
  324. </div>
  325. </div>
  326. </div> <!-- /.property-entry -->
  327. </div> <!-- /.item -->
  328. <div class="item">
  329. <div class="property-entry">
  330. <img src="images/property_2-min.jpg" alt="Image" class="img-fluid">
  331. <div class="property-specs">
  332. <strong class="price">$900,295</strong>
  333. <ul class="list-unstyled specs">
  334. <li class="d-inline-flex align-items-center">
  335. <span class="icon-wrap flaticon-bathtub"></span>
  336. <strong>2</strong>
  337. </li>
  338. <li class="d-inline-flex align-items-center">
  339. <span class="icon-wrap flaticon-bed"></span>
  340. <strong>4</strong>
  341. </li>
  342. <li class="d-inline-flex align-items-center">
  343. <span class="icon-wrap flaticon-house-size"></span>
  344. <strong>120<sup>2</sup></strong>
  345. </li>
  346. </ul>
  347. <div class="location d-flex justify-content-between align-items-center">
  348. <div>
  349. <span class="d-block caption">location: </span>
  350. <h3><a href="#"><span>2 Zwar Place, Florey</span></a></h3>
  351. </div>
  352. <div class="more">
  353. <a href="#">
  354. <span class="icon-keyboard_backspace"></span>
  355. </a>
  356. </div>
  357. </div>
  358. </div>
  359. </div> <!-- /.property-entry -->
  360. </div> <!-- /.item -->
  361. <div class="item">
  362. <div class="property-entry">
  363. <img src="images/property_3-min.jpg" alt="Image" class="img-fluid">
  364. <div class="property-specs">
  365. <strong class="price">$2,013,920</strong>
  366. <ul class="list-unstyled specs">
  367. <li class="d-inline-flex align-items-center">
  368. <span class="icon-wrap flaticon-bathtub"></span>
  369. <strong>2</strong>
  370. </li>
  371. <li class="d-inline-flex align-items-center">
  372. <span class="icon-wrap flaticon-bed"></span>
  373. <strong>4</strong>
  374. </li>
  375. <li class="d-inline-flex align-items-center">
  376. <span class="icon-wrap flaticon-house-size"></span>
  377. <strong>120<sup>2</sup></strong>
  378. </li>
  379. </ul>
  380. <div class="location d-flex justify-content-between align-items-center">
  381. <div>
  382. <span class="d-block caption">location: </span>
  383. <h3><a href="#"><span>2 Zwar Place, Florey</span></a></h3>
  384. </div>
  385. <div class="more">
  386. <a href="#">
  387. <span class="icon-keyboard_backspace"></span>
  388. </a>
  389. </div>
  390. </div>
  391. </div>
  392. </div> <!-- /.property-entry -->
  393. </div> <!-- /.item -->
  394. <div class="item">
  395. <div class="property-entry">
  396. <img src="images/property_1-min.jpg" alt="Image" class="img-fluid">
  397. <div class="property-specs">
  398. <strong class="price">$849,200</strong>
  399. <ul class="list-unstyled specs">
  400. <li class="d-inline-flex align-items-center">
  401. <span class="icon-wrap flaticon-bathtub"></span>
  402. <strong>2</strong>
  403. </li>
  404. <li class="d-inline-flex align-items-center">
  405. <span class="icon-wrap flaticon-bed"></span>
  406. <strong>4</strong>
  407. </li>
  408. <li class="d-inline-flex align-items-center">
  409. <span class="icon-wrap flaticon-house-size"></span>
  410. <strong>120<sup>2</sup></strong>
  411. </li>
  412. </ul>
  413. <div class="location d-flex justify-content-between align-items-center">
  414. <div>
  415. <span class="d-block caption">location: </span>
  416. <h3><a href="#"><span>2 Zwar Place, Florey</span></a></h3>
  417. </div>
  418. <div class="more">
  419. <a href="#">
  420. <span class="icon-keyboard_backspace"></span>
  421. </a>
  422. </div>
  423. </div>
  424. </div>
  425. </div> <!-- /.property-entry -->
  426. </div> <!-- /.item -->
  427. <div class="item">
  428. <div class="property-entry">
  429. <img src="images/property_2-min.jpg" alt="Image" class="img-fluid">
  430. <div class="property-specs">
  431. <strong class="price">$900,295</strong>
  432. <ul class="list-unstyled specs">
  433. <li class="d-inline-flex align-items-center">
  434. <span class="icon-wrap flaticon-bathtub"></span>
  435. <strong>2</strong>
  436. </li>
  437. <li class="d-inline-flex align-items-center">
  438. <span class="icon-wrap flaticon-bed"></span>
  439. <strong>4</strong>
  440. </li>
  441. <li class="d-inline-flex align-items-center">
  442. <span class="icon-wrap flaticon-house-size"></span>
  443. <strong>120<sup>2</sup></strong>
  444. </li>
  445. </ul>
  446. <div class="location d-flex justify-content-between align-items-center">
  447. <div>
  448. <span class="d-block caption">location: </span>
  449. <h3><a href="#"><span>2 Zwar Place, Florey</span></a></h3>
  450. </div>
  451. <div class="more">
  452. <a href="#">
  453. <span class="icon-keyboard_backspace"></span>
  454. </a>
  455. </div>
  456. </div>
  457. </div>
  458. </div> <!-- /.property-entry -->
  459. </div> <!-- /.item -->
  460. <div class="item">
  461. <div class="property-entry">
  462. <img src="images/property_3-min.jpg" alt="Image" class="img-fluid">
  463. <div class="property-specs">
  464. <strong class="price">$2,013,920</strong>
  465. <ul class="list-unstyled specs">
  466. <li class="d-inline-flex align-items-center">
  467. <span class="icon-wrap flaticon-bathtub"></span>
  468. <strong>2</strong>
  469. </li>
  470. <li class="d-inline-flex align-items-center">
  471. <span class="icon-wrap flaticon-bed"></span>
  472. <strong>4</strong>
  473. </li>
  474. <li class="d-inline-flex align-items-center">
  475. <span class="icon-wrap flaticon-house-size"></span>
  476. <strong>120<sup>2</sup></strong>
  477. </li>
  478. </ul>
  479. <div class="location d-flex justify-content-between align-items-center">
  480. <div>
  481. <span class="d-block caption">location: </span>
  482. <h3><a href="#"><span>2 Zwar Place, Florey</span></a></h3>
  483. </div>
  484. <div class="more">
  485. <a href="#">
  486. <span class="icon-keyboard_backspace"></span>
  487. </a>
  488. </div>
  489. </div>
  490. </div>
  491. </div> <!-- /.property-entry -->
  492. </div> <!-- /.item -->
  493. </div> <!-- /.owl-3-slider -->
  494. </div>
  495. <div class="untree_co-section">
  496. <div class="container">
  497. <div class="row justify-content-center text-center">
  498. <div class="col-lg-6 mb-5">
  499. <h2 class="text-secondary heading">Преимущества при аренде студии для фотосессии у нас</h2>
  500. </div>
  501. </div>
  502. <div class="row justify-content-center">
  503. <div class="col-lg-15">
  504. <div class="row">
  505. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  506. <div class="service">
  507. <div class="icon-wrap"><span class="flaticon-building"></span></div>
  508. <div>
  509. <h3><a href="#"> Опытный персонал</a></h3>
  510. <p>Наш коллектив состоит из опытных фотографов и специалистов, которые помогут вам с выбором оборудования</p>
  511. </div>
  512. </div>
  513. </div>
  514. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  515. <div class="service">
  516. <div class="icon-wrap"><span class="flaticon-map"></span></div>
  517. <div>
  518. <h3><a href="#"> Удобное расположение</a></h3>
  519. <p>Наши фотостудии находится в шаговой доступности от центральных улиц и транспортных узлов</p>
  520. </div>
  521. </div>
  522. </div>
  523. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  524. <div class="service">
  525. <div class="icon-wrap"><span class="flaticon-house-size"></span></div>
  526. <div>
  527. <h3><a href="#">Просторная и уютная атмосфера</a></h3>
  528. <p>Наши фотостудии обладают просторным интерьером с уютной обстановкой</p>
  529. </div>
  530. </div>
  531. </div>
  532. <div class="col-6 col-lg-3 mb-5 mb-lg-0">
  533. <div class="service">
  534. <div class="icon-wrap"><span class="flaticon-bed"></span></div>
  535. <div>
  536. <h3><a href="#">Мебель и декорации</a></h3>
  537. <p>Наши фотостудии имеют хорошую мебель и декорации для фотографов</p>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. </div>
  544. </div>
  545. </div>
  546. <div class="untree_co-section bg-light">
  547. <div class="container">
  548. <div class="row align-items-center justify-content-between">
  549. <div class="col-lg-4">
  550. <ul class="list-unstyled list-icons">
  551. <li>
  552. <a href="#" class="d-flex align-items-center">
  553. <span class="icon-wrap">
  554. <span class="flaticon-bed"></span>
  555. </span>
  556. <span class="text">
  557. Right at the coast of the Semantics Vokalia and Consonantia
  558. </span>
  559. </a>
  560. </li>
  561. <li>
  562. <a href="#" class="d-flex align-items-center">
  563. <span class="icon-wrap">
  564. <span class="flaticon-building"></span>
  565. </span>
  566. <span class="text">
  567. And if she hasn’t been rewritten then Vokalia and Consonantia
  568. </span>
  569. </a>
  570. </li>
  571. <li>
  572. <a href="#" class="d-flex align-items-center">
  573. <span class="icon-wrap">
  574. <span class="flaticon-garage"></span>
  575. </span>
  576. <span class="text">
  577. Separated they live in Bookmarksgrove right at large
  578. </span>
  579. </a>
  580. </li>
  581. <li>
  582. <a href="#" class="d-flex align-items-center">
  583. <span class="icon-wrap">
  584. <span class="flaticon-map"></span>
  585. </span>
  586. <span class="text">
  587. And if she hasn’t been rewritten then large language ocean.
  588. </span>
  589. </a>
  590. </li>
  591. <li>
  592. <a href="#" class="d-flex align-items-center">
  593. <span class="icon-wrap">
  594. <span class="flaticon-shower"></span>
  595. </span>
  596. <span class="text">
  597. And if she hasn’t been rewritten then Vokalia and Consonantia
  598. </span>
  599. </a>
  600. </li>
  601. </ul>
  602. </div> <!-- /.col-lg-4 -->
  603. <div class="col-lg-6 mb-4 mb-lg-0">
  604. <img src="images/img_portrait_1.jpg" alt="Image" class="img-fluid rounded">
  605. </div> <!-- /.col-lg-4 -->
  606. </div> <!-- /.row -->
  607. </div> <!-- /.container -->
  608. </div>
  609. <div class="untree_co-section">
  610. <div class="container">
  611. <div class="row align-items-stretch">
  612. <div class="col-lg-4 mb-4 mb-lg-0">
  613. <div class="untree_co-testimonial h-100">
  614. <blockquote>
  615. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
  616. </blockquote>
  617. <div class="author d-flex align-items-center">
  618. <div class="author-picture mr-3"><img src="images/person_1.jpg" alt="Image" class="img-fluid"></div>
  619. <div class="author-name">
  620. <strong class="d-block">John Smith</strong>
  621. <span>CTO &mdash; Slack, Inc.</span>
  622. </div>
  623. </div>
  624. </div> <!-- /.untree_co-testimonial -->
  625. </div> <!-- /.col-lg-4 -->
  626. <div class="col-lg-4 mb-4 mb-lg-0">
  627. <div class="untree_co-testimonial h-100">
  628. <blockquote>
  629. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
  630. </blockquote>
  631. <div class="author d-flex align-items-center">
  632. <div class="author-picture mr-3"><img src="images/person_2.jpg" alt="Image" class="img-fluid"></div>
  633. <div class="author-name">
  634. <strong class="d-block">John Smith</strong>
  635. <span>CTO &mdash; Slack, Inc.</span>
  636. </div>
  637. </div>
  638. </div> <!-- /.untree_co-testimonial -->
  639. </div> <!-- /.col-lg-4 -->
  640. <div class="col-lg-4 mb-4 mb-lg-0">
  641. <div class="untree_co-testimonial h-100">
  642. <blockquote>
  643. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
  644. </blockquote>
  645. <div class="author d-flex align-items-center">
  646. <div class="author-picture mr-3"><img src="images/person_3.jpg" alt="Image" class="img-fluid"></div>
  647. <div class="author-name">
  648. <strong class="d-block">John Smith</strong>
  649. <span>CTO &mdash; Slack, Inc.</span>
  650. </div>
  651. </div>
  652. </div> <!-- /.untree_co-testimonial -->
  653. </div> <!-- /.col-lg-4 -->
  654. </div> <!-- /.row -->
  655. </div> <!-- /.container -->
  656. </div> <!-- /.untree_co-section -->
  657. <div class="site-footer">
  658. <div class="inner first">
  659. <div class="container">
  660. <div class="row">
  661. <div class="col-md-6 col-lg-4">
  662. <div class="widget">
  663. <h3 class="heading">About Untree.co</h3>
  664. <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  665. </div>
  666. <div class="widget">
  667. <ul class="list-unstyled social">
  668. <li><a href="#"><span class="icon-dribbble"></span></a></li>
  669. <li><a href="#"><span class="icon-linkedin"></span></a></li>
  670. <li><a href="#"><span class="icon-twitter"></span></a></li>
  671. <li><a href="#"><span class="icon-instagram"></span></a></li>
  672. <li><a href="#"><span class="icon-facebook"></span></a></li>
  673. </ul>
  674. </div>
  675. </div>
  676. <div class="col-md-6 col-lg-2 pl-lg-5">
  677. <div class="widget">
  678. <h3 class="heading">Pages</h3>
  679. <ul class="links list-unstyled">
  680. <li><a href="#">Services</a></li>
  681. <li><a href="#">Terms</a></li>
  682. <li><a href="#">Privacy</a></li>
  683. <li><a href="#">Buy</a></li>
  684. <li><a href="#">Sell</a></li>
  685. </ul>
  686. </div>
  687. </div>
  688. <div class="col-md-6 col-lg-2">
  689. <div class="widget">
  690. <h3 class="heading">Resources</h3>
  691. <ul class="links list-unstyled">
  692. <li><a href="#">Blog</a></li>
  693. <li><a href="#">About</a></li>
  694. <li><a href="#">Contact</a></li>
  695. </ul>
  696. </div>
  697. </div>
  698. <div class="col-md-6 col-lg-4">
  699. <div class="widget">
  700. <h3 class="heading">Contact</h3>
  701. <ul class="list-unstyled quick-info links">
  702. <li class="email"><a href="#">info@untree.co</a></li>
  703. <li class="phone"><a href="#">+1 222 212 3819</a></li>
  704. <li class="address"><a href="#">43 Raymouth Rd. Baltemoer, London 3910</a></li>
  705. </ul>
  706. </div>
  707. </div>
  708. </div>
  709. </div>
  710. </div>
  711. <div class="inner dark">
  712. <div class="container">
  713. <div class="row text-center text-md-left">
  714. <div class="col-md-6 mb-3 mb-md-0">
  715. <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. &mdash; Designed with love by <a href="https://untree.co">Untree.co</a> <!-- License information: https://untree.co/license/ -->
  716. </p>
  717. </div>
  718. <div class="col-md-6 text-md-right">
  719. <a href="#" class="mx-2">Terms</a>
  720. <a href="#" class="mx-2">Privacy</a>
  721. </div>
  722. </div>
  723. </div>
  724. </div>
  725. </div>
  726. <div id="overlayer"></div>
  727. <div class="loader">
  728. <div class="spinner-border" role="status">
  729. <span class="sr-only">Loading...</span>
  730. </div>
  731. </div>
  732. <script src="js/jquery-3.4.1.min.js"></script>
  733. <script src="js/popper.min.js"></script>
  734. <script src="js/bootstrap.min.js"></script>
  735. <script src="js/owl.carousel.min.js"></script>
  736. <script src="js/jquery.animateNumber.min.js"></script>
  737. <script src="js/jquery.waypoints.min.js"></script>
  738. <script src="js/jquery.fancybox.min.js"></script>
  739. <script src="js/aos.js"></script>
  740. <script src="js/jarallax.min.js"></script>
  741. <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  742. <script src="js/custom.js"></script>
  743. <!-- Global site tag (gtag.js) - Google Analytics -->
  744. </body>
  745. </html>