API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 9th, 2018
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Usługi Projektowe </title>
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9.  
  10. <!-- Favicons
  11. ================================================== -->
  12. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  13. <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
  14. <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
  15. <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
  16.  
  17. <!-- Bootstrap -->
  18. <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  19. <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
  20.  
  21. <!-- Stylesheet
  22. ================================================== -->
  23. <link rel="stylesheet" type="text/css" href="css/style.css">
  24. <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css">
  25. <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">
  26. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
  28.  
  29. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  30. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  31. <!--[if lt IE 9]>
  32. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  33. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  34. <![endif]-->
  35. </head>
  36. <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
  37. <!-- Navigation
  38. ==========================================-->
  39. <nav id="menu" class="navbar navbar-default navbar-fixed-top">
  40. <div class="container">
  41. <!-- Brand and toggle get grouped for better mobile display -->
  42. <div class="navbar-header">
  43. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
  44. <a class="navbar-brand page-scroll" href="#page-top">Korbel</a>
  45. <div class="phone"><span>Zadzwoń Teraz</span>502</div>
  46. </div>
  47.  
  48. <!-- Collect the nav links, forms, and other content for toggling -->
  49. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  50. <ul class="nav navbar-nav navbar-right">
  51. <li><a href="#about" class="page-scroll">O mnie</a></li>
  52. <li><a href="#services" class="page-scroll">Usługi</a></li>
  53. <li><a href="#portfolio" class="page-scroll">Projekty</a></li>
  54. <li><a href="#contact" class="page-scroll">Kontakt</a></li>
  55. </ul>
  56. </div>
  57. <!-- /.navbar-collapse -->
  58. </div>
  59. </nav>
  60. <!-- Header -->
  61. <header id="header">
  62. <div class="intro">
  63. <div class="overlay">
  64. <div class="container">
  65. <div class="row">
  66. <div class="col-md-8 col-md-offset-2 intro-text">
  67. <h1>Usługi Projektowe<br>
  68. Jolanta Korbel</h1>
  69. <p>Zapraszam do zapoznania się z ofertą wykonywanych przeze mnie usług projektowych</p>
  70. <a href="#about" class="btn btn-custom btn-lg page-scroll">Kliknij Tutaj</a> </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </header>
  76. <!-- Get Touch Section -->
  77.  
  78. <!-- About Section -->
  79. <div id="about">
  80. <div class="container">
  81. <div class="row">
  82. <div class="col-xs-12 col-md-6"> <img src="img/about.jpg" class="img-responsive" alt=""> </div>
  83. <div class="col-xs-12 col-md-6">
  84. <div class="about-text">
  85. <h2>O mnie</h2>
  86. <p>Działalność projektową prowadzę od dłuższego czasu. Obszar mojej działalności najczęściej obejmuje powiaty: lubliniecki, częstochowski i kłobucki. Nie wykluczam przyjęcia zlecenia na wykonanie dokumentacji projektowej również z terenu innych powiatów.
  87. Projektuję budynki indywidualne, ściśle związane z terenem, na którym będą posadowione oraz spełniam wymagania i upodobania przyszłych użytkowników tych obiektów, wsłuchując się w ich potrzeby.
  88. </p>
  89. <h3>Dlaczego Moje Usługi?</h3>
  90. <div class="list-style">
  91. <div class="col-lg-6 col-sm-6 col-xs-12">
  92. <ul>
  93. <li>Wieloletnie Doświadczenie</li>
  94. <li>Usatysfakcjonowani Klienci</li>
  95. <li>Doradztwo Techniczne</li>
  96. <li>Pomoc w Załatwianiu Formalności</li>
  97. </ul>
  98. </div>
  99. <div class="col-lg-6 col-sm-6 col-xs-12">
  100. <ul>
  101. <li>Darmowa Konsultacja</li>
  102. <li>Pomoc w Wyborach Pracowni</li>
  103. <li>100% Satysfakcji</li>
  104. <li>NadzĂłr Nad Pracami</li>
  105. </ul>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <!-- Services Section -->
  114. <div id="services">
  115. <div class="container">
  116. <div class="section-title">
  117. <h2>Our Services</h2>
  118. </div>
  119. <div class="row">
  120. <div class="col-md-4">
  121. <div class="service-media"> <img src="img/services/service-1.jpg" alt=" "> </div>
  122. <div class="service-desc">
  123. <h3>New Home Construction</h3>
  124. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
  125. </div>
  126. </div>
  127. <div class="col-md-4">
  128. <div class="service-media"> <img src="img/services/service-2.jpg" alt=" "> </div>
  129. <div class="service-desc">
  130. <h3>Home Additions</h3>
  131. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  132. </div>
  133. </div>
  134. <div class="col-md-4">
  135. <div class="service-media"> <img src="img/services/service-3.jpg" alt=" "> </div>
  136. <div class="service-desc">
  137. <h3>Bathroom Remodels</h3>
  138. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
  139. </div>
  140. </div>
  141. </div>
  142. <div class="row">
  143. <div class="col-md-4">
  144. <div class="service-media"> <img src="img/services/service-4.jpg" alt=" "> </div>
  145. <div class="service-desc">
  146. <h3>Kitchen Remodels</h3>
  147. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
  148. </div>
  149. </div>
  150. <div class="col-md-4">
  151. <div class="service-media"> <img src="img/services/service-5.jpg" alt=" "> </div>
  152. <div class="service-desc">
  153. <h3>Windows & Doors</h3>
  154. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
  155. </div>
  156. </div>
  157. <div class="col-md-4">
  158. <div class="service-media"> <img src="img/services/service-6.jpg" alt=" "> </div>
  159. <div class="service-desc">
  160. <h3>Decks & Porches</h3>
  161. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <!-- Gallery Section -->
  168. <div id="portfolio">
  169. <div class="container">
  170. <div class="section-title">
  171. <h2>Our Works</h2>
  172. </div>
  173. <div class="row">
  174. <div class="portfolio-items">
  175. <div class="col-sm-6 col-md-4 col-lg-4">
  176. <div class="portfolio-item">
  177. <div class="hover-bg"> <a href="img/portfolio/01-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  178. <div class="hover-text">
  179. <h4>Lorem Ipsum</h4>
  180. </div>
  181. <img src="img/portfolio/01-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  182. </div>
  183. </div>
  184. <div class="col-sm-6 col-md-4 col-lg-4">
  185. <div class="portfolio-item">
  186. <div class="hover-bg"> <a href="img/portfolio/02-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  187. <div class="hover-text">
  188. <h4>Adipiscing Elit</h4>
  189. </div>
  190. <img src="img/portfolio/02-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  191. </div>
  192. </div>
  193. <div class="col-sm-6 col-md-4 col-lg-4">
  194. <div class="portfolio-item">
  195. <div class="hover-bg"> <a href="img/portfolio/03-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  196. <div class="hover-text">
  197. <h4>Lorem Ipsum</h4>
  198. </div>
  199. <img src="img/portfolio/03-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  200. </div>
  201. </div>
  202. <div class="col-sm-6 col-md-4 col-lg-4">
  203. <div class="portfolio-item">
  204. <div class="hover-bg"> <a href="img/portfolio/04-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  205. <div class="hover-text">
  206. <h4>Lorem Ipsum</h4>
  207. </div>
  208. <img src="img/portfolio/04-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  209. </div>
  210. </div>
  211. <div class="col-sm-6 col-md-4 col-lg-4">
  212. <div class="portfolio-item">
  213. <div class="hover-bg"> <a href="img/portfolio/05-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  214. <div class="hover-text">
  215. <h4>Adipiscing Elit</h4>
  216. </div>
  217. <img src="img/portfolio/05-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  218. </div>
  219. </div>
  220. <div class="col-sm-6 col-md-4 col-lg-4">
  221. <div class="portfolio-item">
  222. <div class="hover-bg"> <a href="img/portfolio/06-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  223. <div class="hover-text">
  224. <h4>Dolor Sit</h4>
  225. </div>
  226. <img src="img/portfolio/06-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  227. </div>
  228. </div>
  229. <div class="col-sm-6 col-md-4 col-lg-4">
  230. <div class="portfolio-item">
  231. <div class="hover-bg"> <a href="img/portfolio/07-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  232. <div class="hover-text">
  233. <h4>Dolor Sit</h4>
  234. </div>
  235. <img src="img/portfolio/07-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  236. </div>
  237. </div>
  238. <div class="col-sm-6 col-md-4 col-lg-4">
  239. <div class="portfolio-item">
  240. <div class="hover-bg"> <a href="img/portfolio/08-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  241. <div class="hover-text">
  242. <h4>Lorem Ipsum</h4>
  243. </div>
  244. <img src="img/portfolio/08-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  245. </div>
  246. </div>
  247. <div class="col-sm-6 col-md-4 col-lg-4">
  248. <div class="portfolio-item">
  249. <div class="hover-bg"> <a href="img/portfolio/09-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
  250. <div class="hover-text">
  251. <h4>Adipiscing Elit</h4>
  252. </div>
  253. <img src="img/portfolio/09-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. <!-- Testimonials Section -->
  261.  
  262. <!-- Contact Section -->
  263. <div id="contact">
  264. <div class="container">
  265. <div class="col-md-8">
  266. <div class="row">
  267. <div class="section-title">
  268. <h2>Skontaktuj SiÄ™</h2>
  269. <p>Chętnie przedstawię szczegóły mojej oferty, odpowiem na wszystkie pytania oraz pokażę
  270. przykładowe realizacje. Służę swoją wiedzą, kreatywnym podejściem oraz doświadczeniem
  271. z zakresu projektowania przestrzeni.
  272. </p>
  273. </div>
  274. <form name="sentMessage" id="contactForm" novalidate>
  275. <div class="row">
  276. <div class="col-md-6">
  277. <div class="form-group">
  278. <input type="text" id="name" class="form-control" placeholder="ImiÄ™" required="required">
  279. <p class="help-block text-danger"></p>
  280. </div>
  281. </div>
  282. <div class="col-md-6">
  283. <div class="form-group">
  284. <input type="email" id="email" class="form-control" placeholder="Email" required="required">
  285. <p class="help-block text-danger"></p>
  286. </div>
  287. </div>
  288. </div>
  289. <div class="form-group">
  290. <textarea name="message" id="message" class="form-control" rows="4" placeholder="Wiadomość" required></textarea>
  291. <p class="help-block text-danger"></p>
  292. </div>
  293. <div id="success"></div>
  294. <button type="submit" class="btn btn-custom btn-lg">Wyślij Wiadomość</button>
  295. </form>
  296. </div>
  297. </div>
  298. <div class="col-md-3 col-md-offset-1 contact-info">
  299. <div class="contact-item">
  300. <h4>Informacje Kontaktowe</h4>
  301. <p><span>Dane Firmy</span>Usługi Projektowe<br>
  302.  
  303. </p>
  304. </div>
  305. <div class="contact-item">
  306. <p><span>Telefon</span>502 <br>
  307. 34-32 </p>
  308. </div>
  309. <div class="contact-item">
  310. <p><span>Email</span>j@gmail.com</p>
  311. </div>
  312. </div>
  313. <div class="col-md-12">
  314. <div class="row">
  315. <div class="social">
  316. <ul>
  317. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  318. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  319. <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  320. <li><a href="#"><i class="fa fa-youtube"></i></a></li>
  321. </ul>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. <!-- Footer Section -->
  328. <div id="footer">
  329. <div class="container text-center">
  330. <p>&copy; 2017 INNOVA. Design by <a href="http://www.templatewire.com" rel="nofollow">TemplateWire</a></p>
  331. </div>
  332. </div>
  333. <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
  334. <script type="text/javascript" src="js/bootstrap.js"></script>
  335. <script type="text/javascript" src="js/SmoothScroll.js"></script>
  336. <script type="text/javascript" src="js/nivo-lightbox.js"></script>
  337. <script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
  338. <script type="text/javascript" src="js/contact_me.js"></script>
  339. <script type="text/javascript" src="js/main.js"></script>
  340. </body>
  341. </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!