# Design system HARTOP Tento soubor popisuje design system HARTOP. Při návrhu nebo kódu se drž jeho pravidel, používej jen uvedené barvy, písma a komponenty a jejich HTML přebírej beze změny tříd. Nevymýšlej nové barvy ani styly. Topení, plyn, voda a koupelny pro domácnosti i firmy v Moravskoslezském kraji. K tomu klimatizace, rekuperace a solární ohřev. Písmo: Roboto. Živý web: https://www.hartop.cz/. Katalog: https://www.romankacerek.cz/dev/designsystem/hartop/. Sestaveno 11. 11. 2026. ## Soubory Načti je v tomto pořadí: - https://www.romankacerek.cz/dev/designsystem/hartop/site/assets/css/web.css - https://www.romankacerek.cz/dev/designsystem/hartop/site/assets/js/web.js Relativní cesty v HTML níže vedou do https://www.romankacerek.cz/dev/designsystem/hartop/site/. ## Pravidla ### Barvy - Značková barva je oranžová `#f60` (odkazy, značky seznamů, ikony, aktivní štítky) a červená `#f00`. Spolu tvoří přechod `linear-gradient(90deg,#f60 0%,#f00 100%)`. - Přechod patří na plná tlačítka `btn--plne`, na pás s výzvou `bgr-af4471`, na pás s formulářem `bgr-edbbce`, na kolečka s čísly a na velké číslo hodnocení. Nikde jinde. - Text je černý `#000`, popisy `#333`, drobný text `#555`, nenápadné popisky `#6d6d6d`. Podklad stránky je bílý, střídavé sekce `#f4f4f4`, patička `#f0f0f0`. - Zelený přechod `#51b948` do `#c3cf22` mají jen stránky o dotacích (kolečka a štítek aktualizace). - Linky a okraje karet jsou šedé: `#e3e3e3` karty, `#e0e0e0` dělicí linky, `#bfbfbf` pole formuláře. ### Písmo - Základ je Roboto, tělo 15 px, odstavce 17 px s řádkováním 1.8. Raleway 200 a 700 se používá jen u nápisu HAR TOP na stránce O firmě (`ff-raleway`). - Nadpisy jsou lehké: `h1` 50 px váha 300, `h2` 32 px váha 300, `h3` 26 px váha 500. V úvodu služeb a na přehledu služeb je `h1` 56 px váha 300. - Nadpis úvodu a výrazné titulky mají třídu `nadpis-oranzovy` (oranžová, váha 600). - Štítek nad nadpisem sekce je `lp-stitek`: oranžová, 14 px, váha 900, verzálky, `letter-spacing:1px`. - Tlačítka a menu jsou verzálky, váha 500 až 600. ### Rozvržení - Obsah drží kontejner `w` o šířce 750, 970, 1170, 1280 a od 1440 px 1400 px, s postranním odsazením 15 px. Sloupce `c` mají mezeru 15 px. - Sekce služeb `lp-sekce` mají odsazení 100 px shora i zdola, na telefonu 65 px. Střídají bílé pozadí a `lp-sekce--seda`. - Mřížky: `rz-g` a `lp-problemy` po třech, `lp-cinnosti` a `cinnosti` po dvou, mezera 20 až 40 px. Na tabletu dva sloupce, na telefonu jeden. - Hlavička `hdr` je pevná, bílá, s jemným stínem. Menu napravo, telefon a tlačítko Rychlá poptávka. Pod 992 px vyjede celoobrazovkové menu s přechodem. ### Tvary a obrázky - Karty, tlačítka, pásy i úvod jsou hranaté, bez zaoblení. Zaoblení mají jen pole formuláře 6 px, karta recenze 10 px, štítky a filtry 999 px a kolečka 50 %. - Stíny jen jako jemný náznak při najetí na kartu (`0 10px 30px rgba(0,0,0,.06)`). Hlavička má `0 2px 12px rgba(0,0,0,.08)`. - Fotky jsou velké a reálné (kotelny, montáže), v kartách `rz-d` s tmavým přechodem dole a bílým textem. Úvod s fotkou má tmavou vrstvu 50 až 72 %. - Ikony jsou čárové SVG, tah 1.6 až 2 px, zaoblené konce, oranžové. Odrážky seznamů jsou oranžové zatržítko. ### Tlačítka - Hlavní akce je `btn btn--plne` (bílý text na přechodu, při najetí se vybarví do obrysu). Doplňková je `btn--obrys`, na barevném pásu `btn--bile`. - Tlačítka mají odsazení 20 px 40 px, verzálky, váha 600 a žádné zaoblení. V pásu s výzvou je jedno tlačítko. - Odkaz v textu je tmavý a podtržený tenkou čárou (`text-underline-offset:3px`), při najetí podtržení zmizí. ### Jazyk - Čeština, tykání ne, vykání ano. Za jednopísmennými předložkami je nezlomitelná mezera (` `). - Texty jsou věcné: co firma dělá, kde a s jakým oprávněním. Telefon je vždy vidět, číslo `602 788 409` s nezlomitelnými mezerami. - Slovo komplexní se nepoužívá. Říká se topení, ne vytápění. ## Barvy | Název | Hodnota | V tmavém tématu | Použití | | --- | --- | --- | --- | | --oranzova (#f60) | #ff6600 | | Odkazy, ikony, odrážky, aktivní štítky, začátek přechodu. | | --cervena (#f00) | #ff0000 | | Konec přechodu na tlačítkách a pásech. | | přechod značky | linear-gradient(90deg,#f60 0%,#f00 100%) | | Plná tlačítka, pás s formulářem, menu na telefonu, kolečka s čísly. | | světlá oranžová | #f9a066 | | Čárkované spojnice kroků. | | černá | #000000 | | Tělo textu, nadpisy, nabídka. | | text popisů | #333333 | | Odstavce v kartách a sekcích služeb. | | drobný text | #555555 | | Perex, datum, patička dole, poznámka u formuláře. | | popisky | #6d6d6d | | Nadpis Další služby, popisek Pokračovat. | | datum | #898989 | | Datum ve výpisu článků. | | bílá | #ffffff | | Podklad stránky, karet, hlavičky a formulářů. | | šedá plocha | #f4f4f4 | | Střídavé sekce lp-sekce--seda, řešení v okně. | | patička | #f0f0f0 | | Podklad patičky. | | karta recenze | #f5f7f6 | | Podklad karty Google recenze. | | okraj karty | #e3e3e3 | | Rámeček karet služeb, čísel a odkazu na službu. | | dělicí linka | #e0e0e0 | | Linky v článcích, FAQ a výpisu. | | okraj štítku | #d9d9d9 | | Obrys štítků a filtru, při najetí #8c8c8c. | | okraj pole | #bfbfbf | | Rámeček polí formuláře, při zaměření #636363. | | chyba | #d63637 | | Chybná pole a text chyby. | | podklad chyby | #fbeaea | | Hláška o neodeslaném formuláři. | | zelená dotací | #51b948 | | Začátek zeleného přechodu na stránce Dotace. | | žlutozelená dotací | #c3cf22 | | Konec zeleného přechodu na stránce Dotace. | ## Typografie | Styl | Hodnoty | Použití | | --- | --- | --- | | H1 úvodu | viz CSS | Oranžový nadpis úvodu | | H1 přehledu | viz CSS | Nadpis přehledu služeb | | H2 | viz CSS | Nadpis sekce | | H3 | viz CSS | Karta problému | | Štítek | viz CSS | Nad nadpisem sekce | | Perex | viz CSS | Úvod pod nadpisem | | Nadpis článku | viz CSS | Titulek článku, váha 700 | | Text článku | viz CSS | Tělo textu 17 px | | Tlačítko | viz CSS | Verzálky, váha 600 | ## Mezery a šířky | Název | Hodnota | Použití | | --- | --- | --- | | kontejner .w | 750 / 970 / 1170 / 1280 / 1400px | Šířka obsahu od 768, 992, 1200, 1310 a 1440 px, odsazení 15 px. | | mezera sloupců | 15px | Odsazení .c, mřížky rz-g mají 20 px, lp-problemy 30 px. | | sekce služeb | 100px 0 | Odsazení lp-sekce, na telefonu 65 px. | | tlačítko | 20px 40px | Odsazení .btn, v hlavičce 9px 22px. | | hlavička | 85px | Výška hdr-obal, na tabletu 65 px, na telefonu 58 px. | ## Rádiusy | Název | Hodnota | Použití | | --- | --- | --- | | hranaté | 0 | Karty, tlačítka, pásy, úvod a fotky. | | pole formuláře | 6px | Input, výběry, víceřádková pole, výběr služeb. | | karta recenze | 10px | grw__r. | | štítky a filtr | 999px | lp-stitky, ref__filtr. | | kolečka | 50% | Čísla kroků, iniciály recenzentů, ikony výzvy. | ## Komponenty: Navigace ### Hlavička Bílá hlavička s logem, menu, telefonem a tlačítkem Rychlá poptávka. Na webu je pevná. Třídy: `hdr`, `hdr__in`, `hdr__logo`, `nav`, `hdr__tel`, `hdr__btn`. ```html
602 788 409 Rychlá poptávka
``` ### Menu s podmenu Hlavní menu s rozbaleným podmenu Služeb. Podmenu se na webu otevírá najetím. Třídy: `nav`, `nav__sub`. ```html
``` ### Patička Šedá patička s popisem, odkazy, adresou a telefonem. Třídy: `ftr`, `ftr__top`, `ftr__brand`, `ftr__tel`, `ftr__bottom`, `ftr__legal`. ```html ``` ## Komponenty: Úvod ### Úvod s kartami činností Oranžový nadpis, perex a dvě karty s fotkou, popisem a odrážkami. Třídy: `nadpis-oranzovy`, `uv-perex`, `cinnosti`, `cinnost cinnost--uvod`, `rz-d`, `lp-dalsi`. ```html

Topení a plynoinstalace pro domácnosti i firmy

Navrhujeme, montujeme a servisujeme topení i rozvody plynu v Krnově a celém Moravskoslezském kraji. Pracujeme pro rodinné a bytové domy, firmy i průmyslové objekty.

Další služby

``` ### Úvod služby Fotka s tmavým přechodem, nadpis 56 px, perex, dvě tlačítka a bílý pruh s oprávněním. Třídy: `lp-hero`, `lp-hero__tx`, `lp-perex`, `lp-hero__cta`, `lp-pruh`. ```html

Služby

Klimatizace, rekuperace a solární ohřev v Moravskoslezském kraji

Klimatizace pro jednu místnost, celý dům i firmu nebo halu. Větrání s rekuperací a solární systémy pro ohřev vody, přitápění i bazén pro domácnosti i firmy.

Nezávazná poptávka

nebo volejte +420 602 788 409

Solární systémy všech značekmontáž i servis pro rodinné domy i průmyslové objekty
``` ### Úvod přehledu služeb Vystředěný nadpis 56 px a perex na bílém pozadí. Třídy: `rz-hl`, `rz-hl__in`. ```html

Služby

Topení, plyn, voda a koupelny

Navrhneme, namontujeme a postaráme se o servis. Pro rodinné a bytové domy, firmy i průmysl v celém Moravskoslezském kraji.

``` ### Úvod s fotkou Pás s fotkou ztmavenou o 50 % a bílým nadpisem. Třídy: `r--full`, `bgr-realizace`, `bgr-aktualne`, `bgr-5c7112`. ```html

Vybrané realizace

Prohlédněte si ukázky naší práce: kotelny, tepelná čerpadla, podlahové topení, chlazení hal i opravy po povodni.

``` ## Komponenty: Prvky ### Tlačítka Plné tlačítko s přechodem je hlavní akce, obrysové doplňkové, bílé je pro barevné pásy. Třídy: `btn btn--plne`, `btn btn--obrys`, `btn btn--bile`. ```html
Nezávazná poptávkaRealizacePoptat plynoinstalaci
``` ### Štítky služeb Obrysové štítky odkazů na další služby. Třídy: `lp-dalsi`, `lp-dalsi__nadpis`, `lp-stitky`. ```html

Další služby

``` ### Filtr realizací Kulaté štítky filtru, aktivní je plný oranžový. Třídy: `ref__filtr`, `is-akt`. ```html
``` ## Komponenty: Sekce ### Karty služeb s fotkou Mřížka tří karet s fotkou, tmavým přechodem, bílým textem a šipkou. Třídy: `rz-sek`, `rz-g`, `rz-d`, `rz-d__n`, `rz-d__t`, `rz-d__sipka`. ```html

Služby

Nejčastěji řešíme

TopeníNové topení, výměna kotle, podlahové topení a strojní čištění topných systémů. Montáž i pravidelný servis. Tepelná čerpadlaTepelná čerpadla NIBE pro topení i ohřev vody. Posoudíme, jestli se vám vyplatí, navrhneme výkon a postaráme se o servis. PlynoinstalaceRozvody plynu od přípojky po spotřebič s oprávněním TIČR. Ke každé zakázce tlaková zkouška a revizní zpráva. Voda a kanalizaceRozvody pitné, užitkové i požární vody, úprava a dezinfekce vody, kanalizace a vnitřní odpady. KoupelnyKoupelny na klíč s návrhem a vizualizací. Obklady Ceramica Aparici z vlastního dovozu, rozvody dělají naši instalatéři. Klimatizace a solární ohřevKlimatizace pro byt, dům i firmu, větrání s rekuperací a solární ohřev vody včetně servisu.
``` ### Fotopás s nadpisem Pás s fotkou ztmavenou o 15 % a velkým bílým nadpisem. Třídy: `r--full`, `bgr-c2c170`, `co-ffffff`. ```html

25 let inovací v oblasti topení, plynoinstalace a vody

``` ### Karty problémů Mřížka karet s ikonou, nadpisem a odkazem, které otevřou okno s řešením. Třídy: `lp-sekce`, `lp-hlava`, `lp-problemy`, `lp-problem`, `lp-odkaz`. ```html

S čím vám pomůžeme

Co řešíte?

V ložnici nebo pracovně je v létě horko

Namontujeme klimatizační jednotku pro jednu místnost.

Klimatizace do místnosti

Chci chladit celý byt nebo dům

Navrhneme klimatizaci pro celou domácnost, ne jen pro jednu místnost.

Klimatizace pro domácnost

Ve firmě nebo v hale je v létě horko

Klimatizujeme komerční i průmyslové budovy. Chlazení průmyslové haly máme za sebou i v Krnově.

Klimatizace pro firmy

Po výměně oken je doma vydýchaný vzduch

Těsná okna a dveře nepustí dovnitř čerstvý vzduch. Pomůže lokální větrací jednotka.

Lokální větrání

Stavím dům a chci větrání s rekuperací

Instalujeme rekuperační jednotky i vzduchotechnické potrubí pro rozvod vzduchu.

Větrání s rekuperací

Chci ohřívat vodu sluncem

Solární systém ohřeje vodu a může i přitápět. Pro rodinné domy i průmyslové objekty.

Solární ohřev vody

Chci ohřívat bazén sluncem

Solární systém namontujeme i pro ohřev bazénu.

Ohřev bazénu

Solární systém potřebuje servis

Servisujeme solární systémy všech typů a značek.

Servis solárních systémů

Chci na solární ohřev dotaci

Poradíme s dotací z programu Nová zelená úsporám a pomůžeme s jejím vyřízením.

Dotace
``` ### Karty činností Dvě karty s fotkou, popisem a zatržítkovým seznamem na šedé sekci. Třídy: `lp-sekce--seda`, `lp-cinnosti`, `cinnost`, `lp-cinnost__popis`. ```html

Co pro vás uděláme

Chlazení, větrání a ohřev vody sluncem

Nástěnná klimatizační jednotka Buderus Logacool nad pohovkou v obývacím pokoji

Klimatizace do bytu a domu

Klimatizační jednotky pro jednu místnost i pro celou domácnost.

  • Lokální klimatizační jednotky pro jednu místnost
  • Klimatizace pro celou domácnost
  • Úprava vzduchu na požadovanou teplotu a vlhkost
  • Nezávazná prohlídka před nabídkou
Venkovní jednotky klimatizace s potrubím na střeše firemní budovy

Klimatizace pro firmy a haly

Klimatizujeme a větráme komerční i průmyslové budovy.

Větrací jednotka s rekuperací Buderus Logavent v technické místnosti rodinného domu

Větrání s rekuperací

Rekuperační jednotky a vzduchotechnika pro domácnosti i firmy.

  • Instalace rekuperačních jednotek
  • Vzduchotechnické potrubí pro rozvod vzduchu
  • Rodinné domy, byty i firmy
  • Nezávazná prohlídka před nabídkou
Kryt lokální větrací jednotky na fasádě bytového domu

Lokální větrací jednotky

Dodatečné řešení pro byty a domy s těsnými okny a dveřmi.

  • Výměna vydýchaného vzduchu za čerstvý
  • Pro jednu místnost i celou domácnost
  • Do nových i zrekonstruovaných domů a bytů
Ploché solární kolektory Buderus zabudované do střechy

Solární ohřev vody, přitápění a bazén

Montujeme solární systémy pro rodinné domy i průmyslové objekty.

  • Ohřev teplé vody
  • Přitápění
  • Ohřev bazénu
  • Vyřízení dotace z programu Nová zelená úsporám
Připojení okruhu na vakuových trubicových solárních kolektorech

Servis solárních systémů

Servisujeme solární systémy všech typů a značek.

  • Kontrola těsnosti okruhů
  • Doplňování nemrznoucího média do systému
  • Všechny typy a značky
  • Rodinné domy i průmyslové objekty
Nezávazná poptávka
``` ### Tři kroky Tři kolečka s přechodem spojená čárkovanou linkou. Třídy: `lp-kroky`, `lp-kroky__c`. ```html

Jak to probíhá

Tři kroky ke klimatizaci nebo solárnímu ohřevu

  1. 1

    Ozvete se nám

    Zavolejte nebo vyplňte poptávku. Stačí pár vět o tom, co chcete chladit, větrat nebo ohřívat.

  2. 2

    Prohlídka a nabídka

    Před cenovou nabídkou se k vám nezávazně přijedeme podívat na místo. Navrhneme řešení a připravíme nabídku.

  3. 3

    Montáž a servis

    Klimatizaci, rekuperaci nebo solární systém namontujeme a předáme. U solárního systému se pak postaráme i o servis.

``` ### Čísla a důvody Tři karty s velkým číslem s přechodem a krátkým popisem. Třídy: `lp-cisla`. ```html

Proč HARTOP

Na co se u nás můžete spolehnout

  • 1993

    Rodinná firma

    Jsme rodinná firma od roku 1993. Za naši práci ručí už dvě generace.

  • 5,0

    Hodnocení zákazníků

    Plný počet hvězd v recenzích na Googlu.

  • Prohlídka

    Nabídka až po prohlídce

    Před cenovou nabídkou se k vám nezávazně přijedeme podívat na místo.

  • Domy i firmy

    Od jedné místnosti po halu

    Klimatizaci a větrání děláme pro domácnosti i firmy, od jedné místnosti po průmyslové budovy.

  • Servis

    Solární systémy všech značek

    Montáž i servis děláme u solárních systémů všech typů a značek.

  • Krnov

    Celý Moravskoslezský kraj

    Sídlíme v Krnově a pracujeme po celém Moravskoslezském kraji.

``` ### Časté otázky Rozbalovací otázky s oranžovým plusem, oddělené linkou. Třídy: `lp-faq`, `tg`, `tg__a`, `lp-faq__tel`. ```html

Časté dotazy

Na co se nás ptáte

Jakou klimatizaci mi namontujete?

Klimatizační jednotky montujeme pro jednu místnost, pro celou domácnost i pro komerční a průmyslové budovy. Jaké řešení se k vám hodí, posoudíme při nezávazné prohlídce na místě.

Jaký je rozdíl mezi větráním a klimatizací?

Větrání vyměňuje vydýchaný vzduch za čerstvý. Když se nasávaný venkovní vzduch navíc upravuje na požadovanou teplotu a vlhkost, jde o klimatizaci. Klimatizace také automaticky udržuje stabilní teplotu.

Mám po výměně oken řešit větrání?

V domech a bytech s velmi těsnými okny a dveřmi se vydýchaný vzduch sám nevymění. Dodatečně to vyřeší lokální větrací jednotka. Při stavbě nebo větší rekonstrukci můžete zvolit větrání s rekuperační jednotkou a vzduchotechnickým potrubím.

K čemu se hodí solární systém?

Solární systém ohřívá vodu, může přitápět i ohřívat bazén. Montujeme ho pro rodinné domy i průmyslové objekty.

Servisujete i solární systémy jiných značek?

Ano. Montáž i servis děláme u solárních systémů všech typů a značek. Zkontrolujeme těsnost okruhů a doplníme nemrznoucí médium do systému.

Dá se na solární ohřev získat dotaci?

Instalaci solárního systému pro ohřev vody podporuje program NZÚ Light pro zranitelné domácnosti s nižšími příjmy. Podmínky dotací se mění, proto vám rádi poradíme a pomůžeme s vyřízením. Přehled programů najdete na stránce Dotační programy.

Kolik stojí klimatizace nebo solární systém?

Cena záleží na tom, co a kde chcete chladit, větrat nebo ohřívat, i na tom, co je na místě potřeba udělat. Cenovou nabídku proto připravíme až po nezávazné prohlídce na místě.

Nenašli jste odpověď? Volejte 602 788 409.

``` ### Mřížka realizací Fotky realizací v mřížce po třech s názvem pod fotkou. Třídy: `ref__mriz`, `ref__i`, `ref__obr`, `ref__info`, `lp-ref`. ```html

Realizace

Z naší práce

Všechny realizace
``` ### Recenze Google Velké hodnocení s přechodem a tři karty recenzí s iniciálou. Třídy: `grw`, `grw__skore`, `grw__cislo`, `grw__telo`, `grw__r`, `grw__foto`. ```html

Hodnocení zákazníků

Pavel HARNOL - HARTOP | topení - voda - plyn

100 %hodnocení s pěti hvězdičkamiZobrazit všechny recenze

Google

Ferdinand Tuscher

Spolupráce s firmou v délce více jak 30 let byla vždy bez problému k mé spokojenosti.

Google

Jan Kutálek

S touto firmou máme výborné zkušenosti. Je spolehlivá, na čem jsme se domluvili, vždy splnili a odvedená práce byla vždy velmi kvalitní, což v dnešní době rozhodně není pravidlem. Pokud budeme v budoucnosti potřebovat služby, které tato firma poskytuje, určitě se na ni opět obrátíme.

Google

Dagmar Bachová

Společnost HARTOP vřele doporučuji na základě mnohaletých zkušeností. Co se týká jakékoliv potřeby ohledně topení, vody a plynu umí flexibilně a efektivně vyřešit konkrétní situaci. Pan Harnol i paní Harnolová jsou profesionálové ve svém oboru, výsledek jejich práce je vždy vysoce funkční a taky, pokud je to vaším přáním, designově krásný a nadčasový. Rozhodně doporučuji!

``` ### Výpis článků Dvě karty článků s fotkou a podtrženým nadpisem. Třídy: `lp-hlava`, `clanky clanky--2`, `clanky__i`, `clanky__obr`, `clanky__nadpis`. ```html

Aktuálně

Stojí za přečtení

``` ### Logo dodavatelů Mřížka log značek po čtyřech, při najetí se objeví název. Třídy: `loga`, `loga__i`, `loga__hover`. ```html

Spolupracujeme s těmi nejlepšími dodavateli na trhu

``` ### Pás s výzvou Červenooranžový přechod s bílým nadpisem a bílým obrysovým tlačítkem. Třídy: `r--full`, `bgr-af4471`, `btn--bile`. ```html

Plynoinstalace s oprávněním Technické inspekce ČR. Pro rodinné a bytové domy, firmy i průmysl.

Poptat plynoinstalaci
``` ## Komponenty: Obsah ### Příběh firmy Velká fotka vlevo a bílá karta s textem a třemi údaji vpravo. Třídy: `ppf`, `ppf__foto`, `ppf__k`, `pp-f`. ```html

Náš příběh

Dvě generace, jedna firma

Firmu založil Pavel Harnol v roce 1993. Navrhujeme, montujeme a servisujeme topení a rozvody plynu pro byty, domy i průmyslové objekty, od roku 2006 stavíme také koupelny. Dnes za naši práci ručí už dvě generace.

  • OboryTopení, plyn, voda, koupelny
  • PůsobnostMoravskoslezský kraj
  • ZnačkyBuderus, NIBE, Giacomini
Prohlédnout realizace
``` ### Firemní filosofie Šest bodů s kolečky s přechodem a textem. Třídy: `filosofie-cislo`, `g--35`. ```html

Firemní filosofie v 6 bodech

1

Rodinná česká firma

HARTOP stojí na rodinných základech. To nám přináší stabilitu i radost z práce. Už dvě generace ručíme za svou práci.

2

Určujeme trendy

Inovátorský duch nás pohání vpřed, hledáme lepší cestu ke spokojenému zákazníkovi.

3

Inovujeme

Inovace je součástí naší práce. Nabízíme funkční řešení, na které je spoleh. Stejně tak na naše zaměstnance.

4

Důležitost detailů

Detail je základním stavebním kamenem kvality. Proto kvalitu definujeme jako přínos pro zákazníka.

5

Neformální komunikace

Volba pracovní atmosféry je u nás velmi důležitá. Stejně tak pro klienty, kteří jsou s námi spokojeni desítky let.

6

Vyhřátý domov

Nabízíme produkty, o jejichž kvalitě jsme sami přesvědčeni, a zajistíme vám tak pohodové bydlení.

Napište nám
``` ### Dotace s fotkou Sekce dotací: fotka vedle textu s číslovaným postupem a zelenými kolečky. Třídy: `s-dotace`, `bgi-nzu-light`, `filosofie-cislo`. ```html

1.

NZÚ Light

Přímé dotace pro nízkopříjmové domácnosti

Od roku 2026 mají na přímé dotace nárok pouze tzv. zranitelné domácnosti - tedy rodiny s nižšími příjmy žijící v nezatepleném nebo energeticky neúsporném domě, nebo domácnosti s nárokem na superdávku.

Až 250 000 Kč na zateplení + až 150 000 Kč na výměnu zdroje tepla / OZE. Příjem žádostí od června 2026. Podrobné podmínky v květnu 2026.

  1. Dílčí zateplení domu, výměna oken a vstupních dveří
  2. Výměna starého kotle za tepelné čerpadlo nebo kondenzační kotel
  3. Instalace solárního systému pro ohřev vody
  4. Bonus za kombinaci opatření až 60 000 Kč
  5. Bonus za znevýhodněný region až 5 % z celkové dotace
  6. Poradenství a renovační pas zcela zdarma
Mám zájem o dotaci NZÚ Light
``` ### Text článku Titulek, štítek, datum a tělo článku s dělicími linkami u nadpisů a výzvou k zavolání. Třídy: `clanek`, `clanek__nadpis`, `clanek__obsah`, `clanek__vyzva`, `clanek__dal`, `cl-sl`. ```html

Voda a kanalizace

Bytové domy musí měnit vodoměry i měřiče tepla

Bytové domy musí měnit vodoměry i měřiče tepla

Majitelé bytů a bytových domů (SVJ) mají povinnost instalace měsíčních dálkových odečtů vodoměrů a měřičů.

S účinností od 1. 1. 2023 byl schválen zákon č. 424/2022 Sb., který nařizuje od 1. 1. 2024 dálkově odečítat měřiče tepla a teplé vody 1× měsíčně a naměřené hodnoty předávat konečným spotřebitelům.

Naše službaVoda a kanalizaceRozvody pitné i užitkové vody, kanalizace a vnitřní odpady včetně tlakové zkoušky.

Proto jsme se také zaměřili na rozšíření služeb pro naše stávající, ale i nové zákazníky a nově instalujeme vodoměry a měřiče tepla s dálkovým odečtem. K tomu je nutné mít oprávnění vydané Českým metrologickým ústavem, které my již od roku 2002 vlastníme.

Máte zájem o instalaci vodoměrů a měřičů tepla? Zavolejte nám na 602 788 409 nebo pošlete nezávaznou poptávku.

PokračovatPotřebujete řešit výměnu kotle na tuhá paliva anebo upravit vytápění?
``` ### Detail realizace Název s popisem vlevo, galerie fotek vpravo a navigace mezi realizacemi. Třídy: `realizace`, `realizace__info`, `realizace__galerie`, `realizace__foto`, `rnav`. ```html

Akumulační nádoby na TV

Kombinované akumulační nádrže se vyrábějí jako ocelové tlakové nádoby buď s vestavěným zásobníkem teplé vody, nebo s výměníkem pro průtokovou přípravu teplé vody.

2018, Krnov

Akumulační nádoby na TV
``` ### Stránka 404 Obří oranžové 404 vedle textu a dvou tlačítek. Třídy: `e404`, `e404__kod`, `e404__btns`. ```html
Stránka nenalezena

Tahle stránka tu není

Stránka, kterou hledáte, neexistuje nebo se přesunula. Podívejte se, co nejčastěji řešíme, nebo nám rovnou zavolejte, volat můžete kdykoliv.

Zpět na úvod +420 602 788 409
``` ## Komponenty: Formuláře ### Poptávkový formulář Bílá karta s formulářem na přechodovém pásu a textem s telefonem vedle. Třídy: `bgr-edbbce`, `form`, `form__row`, `form__f`, `ms`, `form__souhlas`, `form__odeslat`. ```html

Nezávazná poptávka

Mám zájem o:
- vyberte -
Typ objektu:
- vyberte -

Odeslání poptávky je nezávazné a zdarma.

Děkujeme, poptávku jsme dostali.

Ozveme se vám e-mailem nebo telefonicky a domluvíme se na dalším postupu. Potvrzení jsme vám poslali na e-mail.

Spěcháte? Volejte 602 788 409.

Nabízíme moderní technologická i materiálová řešení. Protože budoucnost bydlení patří našim dětem. Provádíme montáže a strojní čištění topení, plynoinstalace, rozvody vody a kanalizace. Řešíme také kompletní rekonstrukce.

VOLEJTE KDYKOLIV

+420 602 788 409

``` ### Pás s formulářem služby Text s telefonem vlevo a bílá karta s formulářem vpravo na přechodu. Třídy: `lp-formular`, `lp-formular__g`, `lp-formular__tx`, `lp-formular__karta`. ```html

Ozvěte se nám

Poradíme vám s klimatizací i solárním ohřevem

Napište nám, kde potřebujete chladit, větrat nebo ohřívat vodu. Ozveme se vám a domluvíme další postup.

Volejte kdykoliv

+420 602 788 409

Nezávazná poptávka

Mám zájem o:
- vyberte -
Typ objektu:
- vyberte -

Odeslání poptávky je nezávazné a zdarma.

Děkujeme, poptávku jsme dostali.

Ozveme se vám e-mailem nebo telefonicky a domluvíme se na dalším postupu. Potvrzení jsme vám poslali na e-mail.

Spěcháte? Volejte 602 788 409.

``` ### Průvodce rychlou poptávkou Postup po krocích s kolečky a volby jako velká tlačítka. Třídy: `pruvodce`, `pruvodce__postup`, `pruvodce__otazka`, `pruvodce__o`. ```html

Rychlá poptávka

Pár kliknutí a pak už jen kontakt. Ozveme se vám.

S čím potřebujete pomoct?

Kam se vám ozveme?

Mám zájem o:
- vyberte -
Typ objektu:
- vyberte -

Odeslání poptávky je nezávazné a zdarma.

Děkujeme, poptávku jsme dostali.

Ozveme se vám e-mailem nebo telefonicky a domluvíme se na dalším postupu. Potvrzení jsme vám poslali na e-mail.

Spěcháte? Volejte 602 788 409.

Raději zavoláte? 602 788 409

``` ## Stránky - Úvod: https://www.hartop.cz/ - Služby: https://www.hartop.cz/sluzby - Topení: https://www.hartop.cz/sluzby/topeni - Realizace: https://www.hartop.cz/reference - Aktuálně: https://www.hartop.cz/clanky/ - O firmě: https://www.hartop.cz/o-nas - Dotace z EU: https://www.hartop.cz/dotacni-programy - Kontakt: https://www.hartop.cz/kontakt