API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 20th, 2019
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.73 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <!-- saved from url=(0038)http://html.blahlab.com/creative/#home -->
  4. <html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths" lang="en" style=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.  
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Zadanie2</title>
  8. <link rel="stylesheet" href="./strona_files/app.css">
  9. <link rel="stylesheet" href="./strona_files/style.css">
  10. <link rel="stylesheet" href="./strona_files/responsive.css">
  11. <link href="./strona_files/fontello.css" media="screen" rel="stylesheet" type="text/css">
  12. <link href="./strona_files/font-awesome.css" media="screen" rel="stylesheet" type="text/css">
  13. <link href="./strona_files/nevis.css" media="screen" rel="stylesheet" type="text/css">
  14. <link href="./strona_files/slick.css" media="screen" rel="stylesheet" type="text/css">
  15. <link href="./strona_files/slick-theme.css" media="screen" rel="stylesheet" type="text/css">
  16. <script src="./strona_files/modernizr.js.pobrane"></script>
  17. <link href="./strona_files/css" media="screen" rel="stylesheet" type="text/css">
  18. <meta class="foundation-data-attribute-namespace"><meta class="foundation-mq-xxlarge"><meta class="foundation-mq-xlarge-only"><meta class="foundation-mq-xlarge"><meta class="foundation-mq-large-only"><meta class="foundation-mq-large"><meta class="foundation-mq-medium-only"><meta class="foundation-mq-medium"><meta class="foundation-mq-small-only"><meta class="foundation-mq-small"><style></style><meta class="foundation-mq-topbar"></head>
  19. <body class="">
  20. <div id="about" class="box">
  21. <div class="header">
  22. <div class="special-title">
  23. <nav>
  24. <h2 class="top"><a href="http://html.blahlab.com/creative/#"><img src="./strona_files/aaa.png" alt=""></a></h2>
  25. </nav>
  26. </div>
  27. <div class="desc invisible">
  28. <h2>
  29. A team of designers and developers who are crazy about making great brands and websites.
  30. </h2>
  31. </div>
  32. <div class="col-md-3 col-sm-4">
  33. <div class="coll-to-btn">
  34. <a class="button large mb-20" href="https://www.nails.etre.pl/">Przejdź do strony</a>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="content invisible">
  39. <div class="four spacing"></div>
  40. <div class="row">
  41. <div class="large-12 columns">
  42. <div class="section-title">
  43. <h2>Świat przemyślanych stylizacji</h2>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row">
  48. <div class="large-4 columns">
  49. <div class="member">
  50. <img src="./strona_files/1c.jpg" alt="">
  51. <img class="colored" src="./strona_files/1.jpg" alt="">
  52. <div class="letter-overlay">M</div>
  53. <h4>MARK WAYNE</h4>
  54. </div>
  55. </div>
  56. <div class="large-4 columns">
  57. <div class="member">
  58. <img src="./strona_files/2c.jpg" alt="">
  59. <img class="colored" src="./strona_files/2.jpg" alt="">
  60. <div class="letter-overlay">K</div>
  61. <h4>KATE HOLMS</h4>
  62. </div>
  63. </div>
  64. <div class="large-4 columns">
  65. <div class="member">
  66. <img src="./strona_files/3c.jpg" alt="">
  67. <img class="colored" src="./strona_files/3.jpg" alt="">
  68. <div class="letter-overlay">L</div>
  69. <h4>LILY WHREM</h4>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="two spacing"></div>
  74. <div class="row">
  75. <div class="large-4 columns">
  76. <div class="member">
  77. <img src="./strona_files/4c.jpg" alt="">
  78. <img class="colored" src="./strona_files/4.jpg" alt="">
  79. <div class="letter-overlay">Z</div>
  80. <h4>ZAM HASON</h4>
  81. </div>
  82. </div>
  83. <div class="large-4 columns">
  84. <div class="member">
  85. <img src="./strona_files/5c.jpg" alt="">
  86. <img class="colored" src="./strona_files/5.jpg" alt="">
  87. <div class="letter-overlay">E</div>
  88. <h4>EVA MOSSE</h4>
  89. </div>
  90. </div>
  91. <div class="large-4 columns">
  92. <div class="member">
  93. <img src="./strona_files/6c.jpg" alt="">
  94. <img class="colored" src="./strona_files/6.jpg" alt="">
  95. <div class="letter-overlay">M</div>
  96. <h4>MUNK TAYLOR</h4>
  97. </div>
  98. </div>
  99. </div>
  100.  
  101. <div class="four spacing"></div>
  102. <div class="row">
  103. <div class="large-12 columns">
  104. <div class="section-title">
  105. <h2>Co mówią o nas klienci?</h2>
  106. </div>
  107. </div>
  108. </div>
  109.  
  110. <div class="row">
  111. <div class="mod testimonials">
  112. <div class="items slick-initialized slick-slider">
  113. <div aria-live="polite" class="slick-list draggable" tabindex="0"><div class="slick-track" style="opacity: 1; width: 2572px; transform: translate3d(-1286px, 0px, 0px);"><div class="item slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 643px;">
  114. <div class="large-8 columns no-padding">
  115. <p class="quote"><i class="fa fa-quote-left"></i></p>
  116. </div>
  117. <div class="large-4 columns no-padding">
  118. <div class="author">
  119. <p class="author-avatar">
  120. <img width="80" height="80" alt="" src="./strona_files/author-avatar-2.png">
  121. </p>
  122. <p class="author-name">
  123.  
  124. <strong>
  125. Joanna Malwina
  126. </strong>
  127. </p>
  128. <p> Designer at Huglab</p>
  129. </div>
  130. </div>
  131. </div><div class="item slick-slide" data-slick-index="0" aria-hidden="true" style="width: 643px;">
  132. <div class="large-8 columns no-padding">
  133. <p class="quote"><i class="fa fa-quote-left"></i></p>
  134. </div>
  135. <div class="large-4 columns no-padding no-overflow">
  136. <div class="author">
  137. <p class="author-avatar">
  138. <img width="80" height="80" alt="" src="./strona_files/author-avatar-1.png">
  139. </p>
  140. <p class="author-name">
  141. <strong>
  142. Lily Moss
  143. </strong>
  144. </p>
  145. <p>
  146. Designer at Huglab
  147. </p>
  148. </div>
  149. </div>
  150. </div><div class="item slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 643px;">
  151. <div class="large-8 columns no-padding">
  152. <p class="quote"><i class="fa fa-quote-left"></i>"Pełen
  153. profesjonalizm, indywidualne podejście do
  154. klientki. Całość opatrzona bardzo miłą
  155. atmosferą, czas szybciutko leci, a efekt
  156. końcowy rewelacyjny - zadowoli nawet
  157. najbardziej wymagającą kobietkę :) Polecam
  158. bez wahania!"</p>
  159. </div>
  160. <div class="large-4 columns no-padding">
  161. <div class="author">
  162. <p class="author-avatar">
  163. <img width="80" height="80" alt="" src="./strona_files/autor.png">
  164. </p>
  165. <p class="author-name">
  166.  
  167. <strong>
  168. Joanna Malwina
  169. </strong>
  170. </p>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="item slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" style="width: 643px;">
  175. <div class="large-8 columns no-padding">
  176. <p class="quote"><i class="fa fa-quote-left"></i>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer sit amet magna adipiscing."</p>
  177. </div>
  178. <div class="large-4 columns no-padding no-overflow">
  179. <div class="author">
  180. <p class="author-avatar">
  181. <img width="80" height="80" alt="" src="./strona_files/autor.png">
  182. </p>
  183. <p class="author-name">
  184. <strong>
  185. Lily Moss
  186. </strong>
  187. </p>
  188. <p>
  189. Designer at Huglab
  190. </p>
  191. </div>
  192. </div>
  193. </div></div></div>
  194.  
  195.  
  196. <ul class="slick-dots" style="display: block;"><li class="" aria-hidden="true"><button type="button" data-role="none">1</button></li><li aria-hidden="false" class="slick-active"><button type="button" data-role="none">2</button></li></ul></div>
  197. </div>
  198. </div>
  199.  
  200. <div class="four spacing"></div>
  201. <div class="two spacing"></div>
  202. <div class="row">
  203. <div class="large-12 columns">
  204. <div class="section-title">
  205. <h2>Chcesz dowiedzieć się więcej o Etre Nails?</h2>
  206. <br><h2>Zapraszamy na stronę www</h2>
  207. </div>
  208. </div>
  209. </div>
  210.  
  211. <div class="row">
  212. <div class="large-12 columns">
  213. <div class="clients slick-initialized slick-slider">
  214. <div aria-live="polite" class="slick-list draggable" tabindex="0"><div class="slick-track" style="opacity: 1; width: 2156px; transform: translate3d(-770px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-4" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/etre_nails.png"></a></div><div class="slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/etre_nails.png"></a></div><div class="slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/etre_nails.png"></a></div><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-6.png"></a></div><div class="slick-slide" data-slick-index="0" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/etre_nails.png"></a></div><div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-2.png"></a></div><div class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-3.png"></a></div><div class="slick-slide slick-active" data-slick-index="3" aria-hidden="false" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-4.png"></a></div><div class="slick-slide slick-active" data-slick-index="4" aria-hidden="false" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/etre_nails.png"></a></div><div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-6.png"></a></div><div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-1.png"></a></div><div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-2.png"></a></div><div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 154px;"><a href="http://html.blahlab.com/creative/#"><img alt="" src="./strona_files/client-grey-3.png"></a></div></a></div></div></div>
  215. <button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: block;">Previous</button><button type="button" data-role="none" class="slick-next" aria-label="next" style="display: block;">Next</button></div>
  216. </div>
  217. </div>
  218. <div class="four spacing"></div>
  219. <div class="row">
  220. <div class="large-12 columns">
  221. <div class="section-title">
  222. <h2>Przestrzeń, w której odetchniesz z ulgą</h2>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="studio-images full no-overflow no-padding">
  227. <div class="large-4 columns no-padding">
  228. <img src="./strona_files/people.jpg" alt="">
  229.  
  230. </div>
  231. <div class="large-4 columns no-padding">
  232. <img src="./strona_files/studio.jpg" alt="">
  233. </div>
  234. <div class="large-4 columns no-padding">
  235. <img src="./strona_files/studio-2.jpg" alt="">
  236. </div>
  237. </div>
  238. <div class="full centered-text grey">
  239. <div class="four spacing"></div>
  240. <div class="two spacing"></div>
  241. <h1>Masz ochotę umówić się na zabieg stylizacji paznokci?</h1>
  242. <div class="spacing"></div>
  243. <a href="https://www.nails.etre.pl/book-1.php">Rezerwacja wizyty on-line</a>
  244. <div class="four spacing"></div>
  245. <div class="two spacing"></div>
  246. </div>
  247. </div></div>
  248.  
  249.  
  250. <div id="service" class="box">
  251. <div class="header">
  252. <div class="special-title">
  253. <nav>
  254. <h2 class="bottom"><a href="http://html.blahlab.com/creative/#"><img src="./strona_files/service.png" alt=""></a></h2>
  255. </nav>
  256. </div>
  257. <div class="desc invisible">
  258. <h2>
  259. To raise new questions, new possibilities, to regard old problems from a new angle, requires creative imagination and marks real advance in science.
  260. </h2>
  261. </div>
  262. </div>
  263. <div class="content invisible">
  264. <div class="four spacing"></div>
  265. <div class="row">
  266. <div class="large-12 columns">
  267. <div class="section-title">
  268. <h2>Our services</h2>
  269. </div>
  270. </div>
  271. </div>
  272.  
  273. <div class="row">
  274. <div class="main-services no-overflow">
  275. <div class="large-6 columns">
  276. <div class="mod icon-text">
  277. <div class="icon-text-advanced">
  278. <div class="wrapper">
  279. <div class="content">
  280. <i class="fa fa-bell-o"></i>
  281. </div>
  282. </div>
  283. <h3>Design</h3>
  284. <p>Placeat vel itaque perspiciatis sed repellat qui nihil recusandae doloremque aperiam necessitatibus aspernatur. illum ad adipisci saepe dolores cumque fugit nihil minus. </p>
  285. <div class="spacing"></div>
  286. </div>
  287. </div>
  288. </div>
  289. <div class="large-6 columns">
  290. <div class="mod icon-text">
  291. <div class="icon-text-advanced">
  292. <div class="wrapper">
  293. <div class="content">
  294. <i class="fa fa-lightbulb-o"></i>
  295. </div>
  296. </div>
  297. <h3>Art direction</h3>
  298. <p>Placeat vel itaque perspiciatis sed repellat qui nihil recusandae doloremque aperiam necessitatibus aspernatur. illum ad adipisci saepe dolores cumque fugit nihil minus. </p>
  299. <div class="spacing"></div>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="large-6 columns">
  304. <div class="mod icon-text">
  305. <div class="icon-text-advanced">
  306. <div class="wrapper">
  307. <div class="content">
  308. <i class="fa fa-bookmark-o"></i>
  309. </div>
  310. </div>
  311. <h3>Branding</h3>
  312. <p>Placeat vel itaque perspiciatis sed repellat qui nihil recusandae doloremque aperiam necessitatibus aspernatur. illum ad adipisci saepe dolores cumque fugit nihil minus. </p>
  313. <div class="spacing"></div>
  314. </div>
  315. </div>
  316. </div>
  317. <div class="large-6 columns">
  318. <div class="mod icon-text">
  319. <div class="icon-text-advanced">
  320. <div class="wrapper">
  321. <div class="content">
  322. <i class="fa fa-heart-o"></i>
  323. </div>
  324. </div>
  325. <h3>Photography</h3>
  326. <p>Placeat vel itaque perspiciatis sed repellat qui nihil recusandae doloremque aperiam necessitatibus aspernatur. illum ad adipisci saepe dolores cumque fugit nihil minus. </p>
  327. <div class="spacing"></div>
  328. </div>
  329. </div>
  330. </div>
  331. <div class="large-6 columns">
  332. <div class="mod icon-text">
  333. <div class="icon-text-advanced">
  334. <div class="wrapper">
  335. <div class="content">
  336. <i class="fa fa-flag-o"></i>
  337. </div>
  338. </div>
  339. <h3>Marketing</h3>
  340. <p>Placeat vel itaque perspiciatis sed repellat qui nihil recusandae doloremque aperiam necessitatibus aspernatur. illum ad adipisci saepe dolores cumque fugit nihil minus. </p>
  341. <div class="spacing"></div>
  342. </div>
  343. </div>
  344. </div>
  345. <div class="large-6 columns">
  346. <div class="mod icon-text">
  347. <div class="icon-text-advanced">
  348. <div class="wrapper">
  349. <div class="content">
  350. <i class="fa fa-comment-o"></i>
  351. </div>
  352. </div>
  353. <h3>support</h3>
  354. <p>Placeat vel itaque perspiciatis sed repellat qui nihil recusandae doloremque aperiam necessitatibus aspernatur. illum ad adipisci saepe dolores cumque fugit nihil minus. </p>
  355. <div class="spacing"></div>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361.  
  362.  
  363. <div class="four spacing"></div>
  364.  
  365. <div class="row">
  366. <div class="large-12 columns">
  367. <div class="section-title">
  368. <h2>The process</h2>
  369. </div>
  370. </div>
  371. </div>
  372.  
  373.  
  374. <div class="row">
  375. <div class="large-4 columns">
  376. <div class="moveup" data-delay="0">
  377. <div class="icon-text-diamond">
  378. <div class="wrapper">
  379. <div class="content">
  380. <i class="fa fa-flask"></i>
  381. </div>
  382. </div>
  383. <h3><span>01</span> Experiment</h3>
  384. <p>Est aperiam ex sint maiores aliquam delectus minima rerum et natus rerum sit quae nostrum.</p>
  385. <a href="http://html.blahlab.com/creative/#">Learn more</a>
  386.  
  387. </div>
  388. <div class="two spacing"></div>
  389. </div>
  390. </div>
  391. <div class="large-4 columns">
  392. <div class="moveup" data-delay="100">
  393. <div class="icon-text-diamond">
  394. <div class="wrapper">
  395. <div class="content">
  396. <i class="fa fa-edit"></i>
  397. </div>
  398. </div>
  399. <h3><span>02</span> Improvement</h3>
  400. <p>Est aperiam ex sint maiores aliquam delectus minima rerum et natus rerum sit quae nostrum.</p>
  401. <a href="http://html.blahlab.com/creative/#">Learn more</a>
  402. </div>
  403. <div class="two spacing"></div>
  404. </div>
  405. </div>
  406. <div class="large-4 columns">
  407. <div class="moveup" data-delay="200">
  408. <div class="icon-text-diamond">
  409. <div class="wrapper">
  410. <div class="content">
  411. <i class="fa fa-paper-plane-o"></i>
  412. </div>
  413. </div>
  414. <h3><span>03</span> Launch</h3>
  415. <p>Est aperiam ex sint maiores aliquam delectus minima rerum et natus rerum sit quae nostrum.</p>
  416. <a href="http://html.blahlab.com/creative/#">Learn more</a>
  417. </div>
  418. <div class="two spacing"></div>
  419. </div>
  420. </div>
  421. </div>
  422. <div class="four spacing"></div>
  423. <div class="full centered-text grey">
  424. <div class="four spacing"></div>
  425. <div class="two spacing"></div>
  426. <h1>Have a project in mind?</h1>
  427. <div class="spacing"></div>
  428. <a href="http://html.blahlab.com/creative/" class="button let-us-talk">Let's talk</a>
  429. <div class="four spacing"></div>
  430. <div class="two spacing"></div>
  431. </div>
  432.  
  433. </div> </div>
  434.  
  435.  
  436. <div id="work" class="box">
  437. <div class="header">
  438. <div class="special-title">
  439. <nav>
  440. <h2><a href="http://html.blahlab.com/creative/#"><img src="./strona_files/wear.png" alt=""></a></h2>
  441. </nav>
  442. </div>
  443. <div class="desc invisible">
  444. <h2>Design is not just what it looks like and feels like. Design is how it works.</h2>
  445. </div>
  446. </div>
  447. <div class="content invisible">
  448. <div class="four spacing"></div>
  449. <div class="full">
  450. <div class="row">
  451. <div class="two spacing"></div>
  452. <div class="large-12 columns">
  453. <div class="masonry-gallery" data-gutter="" id="masonry-gallery">
  454. <div class="gallery-nav">
  455. <ul>
  456. <li class="current">
  457. <a data-cat="all" href="http://html.blahlab.com/creative/#">All</a>
  458. </li>
  459. <li>
  460. <a data-cat="graphic-design" href="http://html.blahlab.com/creative/#">Graphic Design</a>
  461. </li>
  462. <li>
  463. <a data-cat="web-design" href="http://html.blahlab.com/creative/#">Web Design</a>
  464. </li>
  465. <li>
  466. <a data-cat="brand" href="http://html.blahlab.com/creative/#">Brand</a>
  467. </li>
  468. <li>
  469. <a data-cat="development" href="http://html.blahlab.com/creative/#">Development</a>
  470. </li>
  471. <li>
  472. <a data-cat="print" href="http://html.blahlab.com/creative/#">Print</a>
  473. </li>
  474. </ul>
  475. </div>
  476. <ul class="gallery">
  477. <li class="graphic-design">
  478. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/1.html">
  479. <img alt="" src="./strona_files/msn-work-47.jpg">
  480. <div class="overlay">
  481. <div class="thumb-info">
  482. <h3>Beautiful Girl</h3>
  483. <p>Design &amp; Development</p>
  484. </div>
  485. </div>
  486. </a>
  487. </li>
  488. <li class="web-design print">
  489. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/2.html">
  490. <img alt="" src="./strona_files/msn-work-52.jpg">
  491. <div class="overlay">
  492. <div class="thumb-info">
  493. <h3>Look at me</h3>
  494. <p>Design &amp; Development</p>
  495. </div>
  496. </div>
  497. </a>
  498. </li>
  499.  
  500. <li class="development">
  501. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/2.html">
  502. <img alt="" src="./strona_files/msn-work-44.jpg">
  503. <div class="overlay">
  504. <div class="thumb-info">
  505. <h3>Umbrella</h3>
  506. <p>Design &amp; Development</p>
  507. </div>
  508. </div>
  509. </a>
  510. </li>
  511. <li class="print brand">
  512. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/3.html">
  513. <img alt="" src="./strona_files/msn-work-45.jpg">
  514. <div class="overlay">
  515. <div class="thumb-info">
  516. <h3>Canned Bros</h3>
  517. <p>Design &amp; Development</p>
  518. </div>
  519. </div>
  520. </a>
  521. </li>
  522. <li class="graphic-design">
  523. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/1.html">
  524. <img alt="" src="./strona_files/msn-work-31.jpg">
  525. <div class="overlay">
  526. <div class="thumb-info">
  527. <h3>Flower Book</h3>
  528. <p>Design &amp; Development</p>
  529. </div>
  530. </div>
  531. </a>
  532. </li>
  533. <li class="graphic-design">
  534. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/1.html">
  535. <img alt="" src="./strona_files/msn-work-28.jpg">
  536. <div class="overlay">
  537. <div class="thumb-info">
  538. <h3>Flower Book</h3>
  539. <p>Design &amp; Development</p>
  540. </div>
  541. </div>
  542. </a>
  543. </li>
  544. <li class="graphic-design">
  545. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/1.html">
  546. <img alt="" src="./strona_files/msn-work-50.jpg">
  547. <div class="overlay">
  548. <div class="thumb-info">
  549. <h3>Flower Book</h3>
  550. <p>Design &amp; Development</p>
  551. </div>
  552. </div>
  553. </a>
  554. </li>
  555.  
  556. <li class="graphic-design">
  557. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/3.html">
  558. <img alt="" src="./strona_files/msn-work-49.jpg">
  559. <div class="overlay">
  560. <div class="thumb-info">
  561. <h3>Flower Book</h3>
  562. <p>Design &amp; Development</p>
  563. </div>
  564. </div>
  565. </a>
  566. </li>
  567. <li class="graphic-design">
  568. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/3.html">
  569. <img alt="" src="./strona_files/msn-work-51.jpg">
  570. <div class="overlay">
  571. <div class="thumb-info">
  572. <h3>Flower Book</h3>
  573. <p>Design &amp; Development</p>
  574. </div>
  575. </div>
  576. </a>
  577. </li>
  578. <li class="graphic-design">
  579. <a href="http://html.blahlab.com/creative/portfolio-item.html" data-link="works/3.html">
  580. <img alt="" src="./strona_files/msn-work-43.jpg">
  581. <div class="overlay">
  582. <div class="thumb-info">
  583. <h3>Flower Book</h3>
  584. <p>Design &amp; Development</p>
  585. </div>
  586. </div>
  587. </a>
  588. </li>
  589.  
  590. </ul>
  591. </div>
  592. </div>
  593. </div>
  594. </div>
  595. <div class="four spacing"></div>
  596. <div class="four spacing"></div>
  597.  
  598.  
  599. </div> </div>
  600.  
  601.  
  602. <div id="blog" class="box">
  603. <div class="header">
  604. <div class="special-title">
  605. <nav>
  606. <h2><a href="http://html.blahlab.com/creative/#"><img src="./strona_files/kontakt.png" alt=""></a></h2>
  607. </nav>
  608. </div>
  609. <div class="desc invisible">
  610. <h2>
  611. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, officia ipsum eum. Illo pariatur sapiente laborum quis accusamus eius doloribus necessitatibus!
  612. </h2>
  613. </div>
  614. </div>
  615. <div class="content invisible">
  616. <div class="four spacing"></div>
  617. <div class="two spacing"></div>
  618. <div class="row">
  619. <div class="large-12 columns">
  620. <div class="post">
  621. <div class="image">
  622. <a href="http://html.blahlab.com/creative/single.html">
  623. <img alt="" src="./strona_files/msn-work-52.jpg">
  624. </a>
  625. </div>
  626. <div class="content">
  627. <h3><a href="http://html.blahlab.com/creative/single.html">You can't do it unless you can imagine it.</a></h3>
  628. <p class="info">
  629. <span>December 15, 2014</span>
  630. /
  631. <span>
  632. by
  633. <a href="http://html.blahlab.com/creative/#">admin</a>
  634. </span>
  635. /
  636. <span>
  637. In
  638. <a href="http://html.blahlab.com/creative/#">design</a>
  639. </span>
  640. /
  641. <span>
  642. <a href="http://html.blahlab.com/creative/#">4 commetns</a>
  643. </span>
  644. </p>
  645.  
  646. </div>
  647. </div>
  648. <div class="post">
  649. <div class="image">
  650. <a href="http://html.blahlab.com/creative/single.html">
  651. <img alt="" src="./strona_files/msn-work-50.jpg">
  652. </a>
  653. </div>
  654. <div class="content">
  655. <h3><a href="http://html.blahlab.com/creative/single.html">Nature is the art of God.</a></h3>
  656. <p class="info">
  657. <span>December 15, 2014</span>
  658. /
  659. <span>
  660. by
  661. <a href="http://html.blahlab.com/creative/#">admin</a>
  662. </span>
  663. /
  664. <span>
  665. In
  666. <a href="http://html.blahlab.com/creative/#">design</a>
  667. </span>
  668. /
  669. <span>
  670. <a href="http://html.blahlab.com/creative/#">4 commetns</a>
  671. </span>
  672. </p>
  673.  
  674. </div>
  675. </div>
  676. <div class="post">
  677. <div class="image">
  678. <a href="http://html.blahlab.com/creative/single.html">
  679. <img alt="" src="./strona_files/msn-work-47.jpg">
  680. </a>
  681. </div>
  682. <div class="content">
  683. <h3><a href="http://html.blahlab.com/creative/single.html">You can observe a lot by just watching.</a></h3>
  684. <p class="info">
  685. <span>December 15, 2014</span>
  686. /
  687. <span>
  688. by
  689. <a href="http://html.blahlab.com/creative/#">admin</a>
  690. </span>
  691. /
  692. <span>
  693. In
  694. <a href="http://html.blahlab.com/creative/#">design</a>
  695. </span>
  696. /
  697. <span>
  698. <a href="http://html.blahlab.com/creative/#">4 commetns</a>
  699. </span>
  700. </p>
  701.  
  702. </div>
  703. </div>
  704. <div class="post">
  705. <div class="image">
  706. <a href="http://html.blahlab.com/creative/single.html">
  707. <img alt="" src="./strona_files/msn-work-28.jpg">
  708. </a>
  709. </div>
  710. <div class="content">
  711. <h3><a href="http://html.blahlab.com/creative/single.html">Your artwork here.</a></h3>
  712. <p class="info">
  713. <span>December 15, 2014</span>
  714. /
  715. <span>
  716. by
  717. <a href="http://html.blahlab.com/creative/#">admin</a>
  718. </span>
  719. /
  720. <span>
  721. In
  722. <a href="http://html.blahlab.com/creative/#">design</a>
  723. </span>
  724. /
  725. <span>
  726. <a href="http://html.blahlab.com/creative/#">4 commetns</a>
  727. </span>
  728. </p>
  729.  
  730. </div>
  731. </div>
  732. <div class="post">
  733. <div class="image">
  734. <a href="http://html.blahlab.com/creative/single.html">
  735. <img alt="" src="./strona_files/people.jpg">
  736. </a>
  737. </div>
  738. <div class="content">
  739. <h3><a href="http://html.blahlab.com/creative/single.html">Quality is pride of workmanship.</a></h3>
  740. <p class="info">
  741. <span>December 15, 2014</span>
  742. /
  743. <span>
  744. by
  745. <a href="http://html.blahlab.com/creative/#">admin</a>
  746. </span>
  747. /
  748. <span>
  749. In
  750. <a href="http://html.blahlab.com/creative/#">design</a>
  751. </span>
  752. /
  753. <span>
  754. <a href="http://html.blahlab.com/creative/#">4 commetns</a>
  755. </span>
  756. </p>
  757.  
  758. </div>
  759. </div>
  760. <div class="pager" data-connectors="1">
  761. <a class="older" href="http://html.blahlab.com/creative/#">
  762. Older Entries
  763. </a>
  764. <a class="newer" href="http://html.blahlab.com/creative/#">
  765. Newer Entries
  766. </a>
  767. </div>
  768.  
  769. </div>
  770. </div>
  771.  
  772.  
  773. <div class="four spacing"></div>
  774. <div class="two spacing"></div>
  775.  
  776.  
  777. </div> </div>
  778.  
  779. <div class="logo" id="logo">
  780. <h1>EXTREX4</h1>
  781. <div class="logo-image">
  782. <img src="./strona_files/logo.png" alt="">
  783. </div>
  784. </div>
  785.  
  786. <nav>
  787. <a href="http://html.blahlab.com/creative/#" id="back" class="hide">
  788. <i class="fa fa-close"></i>
  789. </a>
  790. </nav>
  791.  
  792. <div id="contact">
  793. <h2 class="handle"><a href="http://html.blahlab.com/creative/">Kreowanie wizerunku - nie tylko dla firm</a></h2>
  794. <div class="contact-info hide">
  795. <div class="four spacing"></div>
  796. <div class="row ">
  797. <div class="large-7 columns">
  798. <div class="form">
  799. <form id="contact_form" class="dark" method="POST" novalidate="novalidate">
  800. <p id="thanks" class="hide">
  801. Thanks for contacting us, we'll be in touch soon!
  802. </p>
  803. <input class="required" name="name" placeholder="NAME" type="text">
  804. <input class="required email" name="email" placeholder="EMAIL" type="text">
  805. <input class="required" name="subject" placeholder="SUBJECT" type="text">
  806. <textarea class="required" name="message" placeholder="MESSAGE"></textarea>
  807. <div class="spacing"></div>
  808. <input class="button white small" type="submit">
  809. </form>
  810. </div>
  811. </div>
  812. <div class="large-4 columns">
  813. <div class="contact-details">
  814. <h4>Head office:</h4>
  815. <p>41 Dean Street, London, UK</p>
  816. <h4>Phone:</h4>
  817. <p>+86 (03) 9810 4612</p>
  818. <h4>Fax:</h4>
  819. <p>+6102 236338 5456</p>
  820. <h4>Email:</h4>
  821. <p>info@wrap-team.com</p>
  822. <h4>social networks:</h4>
  823. <ul>
  824. <li><a href="http://html.blahlab.com/creative/#"><i class="fa fa-twitter"></i></a></li>
  825. <li><a href="http://html.blahlab.com/creative/#"><i class="fa fa-facebook"></i></a></li>
  826. <li><a href="http://html.blahlab.com/creative/#"><i class="fa fa-linkedin"></i></a></li>
  827. <li><a href="http://html.blahlab.com/creative/#"><i class="fa fa-dribbble"></i></a></li>
  828. </ul>
  829. </div>
  830. </div>
  831. </div>
  832. <div class="two spacing"></div>
  833. </div>
  834. </div>
  835.  
  836. <div class="cont">
  837. <h2 class="handle2"><a href="">O nas- Studio Komunikacji Wizerunkowej</a></h2>
  838. <div class="contact-info hide">
  839. <div class="four spacing"></div>
  840. <div class="row ">
  841. </div>
  842. <div class="two spacing"></div>
  843. </div>
  844. </div>
  845.  
  846.  
  847.  
  848. <script src="./strona_files/jquery.min.js.pobrane"></script>
  849. <script src="./strona_files/foundation.min.js.pobrane"></script>
  850. <script src="./strona_files/slick.min.js.pobrane"></script>
  851. <script src="./strona_files/masonry.pkgd.js.pobrane"></script>
  852. <script src="./strona_files/imagesloaded.pkgd.min.js.pobrane"></script>
  853. <script src="./strona_files/jquery.appear.js.pobrane"></script>
  854. <script src="./strona_files/jquery.validate.js.pobrane"></script>
  855. <script src="./strona_files/app.js.pobrane"></script>
  856.  
  857.  
  858. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!