Facebook
From Flying Pelican, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 178
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <?php include "head.php"; ?>
  6. </head>
  7.  
  8. <body>
  9.     <?php include "navbar.php"; ?>
  10.  
  11.     <section id="aboutus_page_first" class="aboutus-page-first">
  12.         <div class="container">
  13.             <div class="row">
  14.                 <div class="col-24">
  15.                     <div class="section-title animated fadeIn slow">
  16.                         O nas
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.  
  22.         <div class="aboutus-page-wrapper">
  23.             <div class="aboutus-page-bg-content">
  24.                 <div class="aboutus-page-bg"></div>
  25.             </div>
  26.  
  27.             <div class="container">
  28.                 <div class="row">
  29.                     <div class="col-24 col-md-8 col-lg-8 col-xl-7 col-xxl-10">
  30.                         <img src="img/aboutus_bg_first.png" class="img-fluid aboutus-image">
  31.                     </div>
  32.                     <div class="col-24 col-md-16 col-lg-16 col-xl-17 col-xxl-12">
  33.                         <div class="aboutus-page-content">
  34.                             <h3>
  35.                                 Jako jedyni w Polsce realizujemy własną
  36.                                 produkcję z wszystkimi jej etapami
  37.                             </h3>
  38.  
  39.                             <div class="aboutus-page-text">
  40.                                 Posiadamy 6000 m² hal produkcyjno-magazynowych z nowoczesnym parkiem maszynowym i
  41.                                 doświadczoną załogą. Dysponujemy pracownią projektową z systemem Geometric Design
  42.                                 sprzężonym z obrabiarką CNC dla uzyskania perfekcyjnej jakości kształtów.
  43.                             </div>
  44.  
  45.                             <div class="aboutus-page-stats-content">
  46.                                 <div class="aboutus-page-stats">
  47.                                     <div class="row">
  48.                                         <div class="col-12 col-sm-6">
  49.                                             <div class="aboutus-page-stats-item">
  50.                                                 <div class="value">15000</div>
  51.                                                 <div class="label">Produkcja <br /> dzienna</div>
  52.                                             </div>
  53.                                         </div>
  54.                                         <div class="col-12 col-sm-6">
  55.                                             <div class="aboutus-page-stats-item">
  56.                                                 <div class="value">6000</div>
  57.                                                 <div class="label">Powierzchnia <br /> hal w m²</div>
  58.                                             </div>
  59.                                         </div>
  60.                                         <div class="col-12 col-sm-6">
  61.                                             <div class="aboutus-page-stats-item">
  62.                                                 <div class="value">100</div>
  63.                                                 <div class="label">Ilość <br /> fasonów</div>
  64.                                             </div>
  65.                                         </div>
  66.                                         <div class="col-12 col-sm-6">
  67.                                             <div class="aboutus-page-stats-item">
  68.                                                 <div class="value">26</div>
  69.                                                 <div class="label">Ilość <br /> kolorów</div>
  70.                                             </div>
  71.                                         </div>
  72.                                     </div>
  73.                                 </div>
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </section>
  81.  
  82.     <section id="aboutus_page_second">
  83.         <div class="about-page-image">
  84.             <img src="img/about_us_bg_second.png" class="img-fluid">
  85.         </div>
  86.         <div class="container">
  87.             <div class="row">
  88.                 <div class="col-md-18 col-lg-16 col-xl-17 col-xxl-13">
  89.                     <div class="aboutus-page-text">
  90.                         Jesteśmy jednym z największych pracodawców w regionie. Od początku istnienia zatrudniamy osoby
  91.                         niepełnosprawne. W 2007 roku uzyskaliśmy certyfikat “W Pełni Zaradni”. Od roku 2010 należymy do
  92.                         Polskiej Izby Artykułów Promocyjnych. Wspieramy lokalne szkoły oraz organizacje non profit.
  93.                     </div>
  94.                     <h3>Tworząc nowe miejsca pracy przyczyniamy się do rozwoju lokalnej gospodarki</h3>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </section>
  99.  
  100.     <section id="aboutus_page_third" class="aboutus-page-carousel">
  101.         <div id="aboutusPageThirdCarousel" class="owl-carousel owl-theme">
  102.             <div class="item">
  103.                 <div class="container">
  104.                     <div class="row">
  105.                         <div class="aboutus-carousel-col">
  106.                             <div class="aboutus-carousel-content">
  107.                                 <div class="aboutus-carousel-name">Jerzy Bujanowicz</div>
  108.                                 <div class="aboutus-carousel-group">Właściciel</div>
  109.                                 <div class="aboutus-page-text">
  110.                                     Za pomocą tego generatora możesz stworzyć tekst z losowo rozłożonych wyrazów, który
  111.                                     wygląda na gramatycznie poprawny, ale jego znaczenie jest zupełnie abstrakcyjne co
  112.                                     pozwala na interpretację tekstu wyłącznie jako znaków graficznych, graficznej
  113.                                     kompozycji złożonej z liter.
  114.                                 </div>
  115.                             </div>
  116.                         </div>
  117.                     </div>
  118.                     <div class="row">
  119.                         <div class="aboutus-carousel-icons-col">
  120.                             <div class="aboutus-carousel-icons">
  121.                                 <div class="aboutus-carousel-icons-item">
  122.                                     <img src="img/ikony_katalog_avant/pl/firma_rodzinna.svg" class="img-fluid">
  123.                                 </div>
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                 </div>
  128.                 <div class="about-page-image" id="aboutus_page_third_image">
  129.                     <img src="img/photo_01.png" class="img-fluid">
  130.                 </div>
  131.             </div>
  132.  
  133.             <div class="item">
  134.                 <div class="container">
  135.                     <div class="row">
  136.                         <div class="aboutus-carousel-col">
  137.                             <div class="aboutus-carousel-content">
  138.                                 <div class="aboutus-carousel-name">Jerzy Bujanowicz</div>
  139.                                 <div class="aboutus-carousel-group">Właściciel</div>
  140.                                 <div class="aboutus-page-text">
  141.                                     Za pomocą tego generatora możesz stworzyć tekst z losowo rozłożonych wyrazów, który
  142.                                     wygląda na gramatycznie poprawny, ale jego znaczenie jest zupełnie abstrakcyjne co
  143.                                     pozwala na interpretację tekstu wyłącznie jako znaków graficznych, graficznej
  144.                                     kompozycji złożonej z liter.
  145.                                 </div>
  146.                             </div>
  147.                         </div>
  148.                     </div>
  149.                     <div class="row">
  150.                         <div class="aboutus-carousel-icons-col">
  151.                             <div class="aboutus-carousel-icons">
  152.                                 <div class="aboutus-carousel-icons-item">
  153.                                     <img src="img/ikony_katalog_avant/pl/firma_rodzinna.svg" class="img-fluid">
  154.                                 </div>
  155.                             </div>
  156.                         </div>
  157.                     </div>
  158.                 </div>
  159.                 <div class="about-page-image">
  160.                     <img src="img/photo_01.png" class="img-fluid">
  161.                 </div>
  162.             </div>
  163.         </div>
  164.         <div class="aboutus-carousel-controls owl-theme">
  165.             <div class="owl-controls">
  166.                 <div class="container">
  167.                     <div class="aboutus-carousel-nav owl-nav"></div>
  168.                     <div class="d-flex position-relative">
  169.                         <div class="aboutus-carousel-counter value"></div>
  170.                         <div class="aboutus-carousel-counter-line"></div>
  171.                     </div>
  172.                 </div>
  173.             </div>
  174.         </div>
  175.     </section>
  176.  
  177.     <section id="aboutus_page_fourth">
  178.         <div class="about-page-image">
  179.             <img src="img/about_us_bg_fourth.png" class="img-fluid">
  180.         </div>
  181.         <div class="container">
  182.             <div class="row">
  183.                 <div class="col-md-5"></div>
  184.                 <div class="col-24 col-md-18">
  185.                     <h3>Współpracjemy z najlepszymi projektantami
  186.                         wzornictwa przemysłowego</h3>
  187.                     <div class="aboutus-page-content row">
  188.                         <div class="col-md-19 col-lg-17">
  189.                             <div class="aboutus-page-text">
  190.                                 Kabo&Pydo tworzą Katarzyna Borkowska i Tomasz Pydo, zajmujący się projektowaniem
  191.                                 i wprowadzaniem do produkcji między innymi ceramiki, szkła, mebli, oświetlenia. Młodzi,
  192.                                 zdolni,
  193.                                 utytułowani licznymi nagrodami i wyróżnieniami, podbijają świat swoimi niepowtarzalnymi
  194.                                 projektami. Zaprojektowane przez nich produkty cechuje niepowtarzalny design idący w
  195.                                 parze z
  196.                                 wygodą użycia, ergonomiczny uchwyty i denka umożliwiające spływanie wody podczas mycia w
  197.                                 zmywarkach.
  198.                             </div>
  199.                         </div>
  200.                         <div class="col-md-5 col-lg-5 col-xxl-6">
  201.                             <div class="aboutus-page-logo">
  202.                                 <img src="img/kapybodo.svg" class="img-fluid">
  203.                             </div>
  204.                         </div>
  205.                     </div>
  206.                 </div>
  207.             </div>
  208.         </div>
  209.     </section>
  210.  
  211.     <!-- Jeżeli karuzela nie ma to nie wywołujemy kodu z linijek 118-126 i do karuzeli dodajemy klasę "carousel-no-icons" - linijka 213 -->
  212.     <section id="aboutus_page_fifth" class="aboutus-page-carousel second">
  213.         <div id="aboutusPageFifthCarousel" class="owl-carousel owl-theme owl-no-icons">
  214.             <div class="item">
  215.                 <div class="container">
  216.                     <div class="row">
  217.                         <div class="aboutus-carousel-col">
  218.                             <div class="aboutus-carousel-content">
  219.                                 <div class="aboutus-carousel-name">Must Have 2015</div>
  220.                                 <div class="aboutus-carousel-group d-none">Właściciel</div>
  221.                                 <div class="aboutus-page-text">
  222.                                     To plebiscyt organizowany przez Łódź Design Festival, wyróżniający najlepsze polskie
  223.                                     wdrożenia pochodzące od polskich projektantów i producentów odzwierciedlające
  224.                                     najważniejsze trendy w polskim projektowaniu. To nieodpłatnie nadawany znak jakości,
  225.                                     którym polskie firmy mogą posługiwać się w kraju i za granicą. Powstał, by
  226.                                     upowszechnić dobry polski design i dzięki temu promować rodzimy biznes oraz
  227.                                     projektantów. Must Have to swego rodzaju rekomendacja konsumencka - wyróżniony
  228.                                     przedmiot warto mieć.
  229.                                 </div>
  230.                             </div>
  231.                         </div>
  232.                     </div>
  233.                 </div>
  234.                 <div class="about-page-image">
  235.                     <img src="img/about_us_bg_fifth.png" class="img-fluid">
  236.                 </div>
  237.             </div>
  238.  
  239.             <div class="item">
  240.                 <div class="container">
  241.                     <div class="row">
  242.                         <div class="aboutus-carousel-col">
  243.                             <div class="aboutus-carousel-content">
  244.                                 <div class="aboutus-carousel-name">Jerzy Bujanowicz</div>
  245.                                 <div class="aboutus-page-text">
  246.                                     Za pomocą tego generatora możesz stworzyć tekst z losowo rozłożonych wyrazów, który
  247.                                     wygląda na gramatycznie poprawny, ale jego znaczenie jest zupełnie abstrakcyjne co
  248.                                     pozwala na interpretację tekstu wyłącznie jako znaków graficznych, graficznej
  249.                                     kompozycji złożonej z liter.
  250.                                 </div>
  251.                             </div>
  252.                         </div>
  253.                     </div>
  254.                 </div>
  255.                 <div class="about-page-image" id="aboutus_page_third_image">
  256.                     <img src="img/photo_01.png" class="img-fluid">
  257.                 </div>
  258.             </div>
  259.         </div>
  260.         <div class="aboutus-carousel-controls owl-theme">
  261.             <div class="owl-controls">
  262.                 <div class="container">
  263.                     <div class="aboutus-carousel-nav-second owl-nav"></div>
  264.                     <div class="d-flex position-relative">
  265.                         <div class="aboutus-carousel-counter-second value"></div>
  266.                         <div class="aboutus-carousel-counter-second-line"></div>
  267.                     </div>
  268.                 </div>
  269.             </div>
  270.         </div>
  271.     </section>
  272.  
  273.     <?php include "footer.php"; ?>
  274.     <?php include "script.php"; ?>
  275. </body>
  276.  
  277. </html>
  278.