Text Classes

Text classes when typography style doesn't match the default HTML tag.

Text Sizes

text-size-large

Sample text is being used as a placeholder for real text that is normally present.

text-size-medium

Sample text is being used as a placeholder for real text that is normally present on your website.

text-size-regular

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

text-size-small

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

text-size-tiny

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Text Styles

text-style-strikethrough

text-style-strikethrough

text-style-italic

text-style-italic

text-style-muted

text-style-muted

text-style-allcaps

text-style-allcaps

text-style-nowrap

text-style-nowrap

text-style-link
text-style-quote

Sample text is being used as a placeholder.

text-style-2lines

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines

text-style-3lines

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Text Weights

text-weight-xbold
text-weight-xbold
text-weight-bold
text-weight-bold
text-weight-semibold
text-weight-semibold
text-weight-medium
text-weight-medium
text-weight-normal
text-weight-normal
text-weight-light
text-weight-light

Text Alignments

text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right

Adatkezelés

Impresszum

Weboldal tulajdonosa és üzemeltetője
Cégnév:
Hatvani László EV.
Név: Hatvani László
Adószám: 68005328-1-31
Nyilvántartási szám: 51079079
Székhely: 2800 Tatabánya, Győri út 8. 4. ajtó
Ország: MagyarországTárhelyszolgáltatóSzolgáltató neve: Webflow, Inc.
Székhely: San Francisco, CA, USA
Weboldal: https://webflow.com
E-mail cím: privacy@webflow.com, contact@webflow.comBiztonsági megfelelőség:
A Webflow tárhelyszolgáltatása megfelel a SOC 2 Type II, CCPA és GDPR követelményeknek.További információk:
A Webflow tárhelyszolgáltatása SSL/TLS biztonsági tanúsítványokat, globális CDN-t, DDoS védelmet és WAF technológiát biztosít a weboldalak biztonságos működése érdekében.

Adatkezelési tájékoztató

Adatkezelési tájékoztató – cél, hatály, irányadó jogszabályokCél
Ez a szabályzat a természetes személyeknek a személyes adatok kezelése tekintetében történő védelmére és a személyes adatok szabad áramlására vonatkozó szabályokat állapítja meg. A szabályzatban foglaltakat kell alkalmazni a konkrét adatkezelési tevékenységek során, valamint az adatkezelést szabályozó utasítások és tájékoztatások kiadásakor.Adatvédelmi tisztviselő
Adatvédelmi tisztviselő kijelölési kötelezettség csak közhatalmi/közfeladatot ellátó szervekre, illetve olyan szervezetekre terjed ki, amelyek fő tevékenysége az érintettek szisztematikus, nagymértékű megfigyelése, vagy a különleges adatok nagy számú kezelése. A szervezet adatvédelmi tisztviselőt nem alkalmaz.Hatály
A szabályzat visszavonásig érvényes, hatálya kiterjed a szervezet tisztségviselőire, alkalmazottaira és – ha kijelölésre kerülne – az adatvédelmi tisztviselőre.Irányadó jogszabályokAz Európai Parlament és a Tanács (EU) 2016/679 rendelete („GDPR”)évi CXII. törvény az információs önrendelkezési jogról és az információszabadságról („Infotv.”)évi V. törvény a Polgári Törvénykönyvről („Ptk.”)évi XLVIII. törvény a gazdasági reklámtevékenységről („Grtv.”)Lényeges fogalmak, meghatározásokGDPR: az EU és a Tanács (EU) 2016/679 Adatvédelmi Rendelete.Adatkezelő: aki az adatkezelés céljait és eszközeit önállóan vagy másokkal együtt meghatározza.Adatkezelés: bármely, személyes adaton végzett művelet (pl. gyűjtés, tárolás, felhasználás, továbbítás, törlés).Adatfeldolgozó: aki az adatkezelő nevében személyes adatot kezel.Személyes adat: azonosított vagy azonosítható természetes személyre vonatkozó információ.Harmadik fél: aki nem az érintett, nem az adatkezelő vagy adatfeldolgozó, illetve nem azok irányítása alatt eljáró személy.Hozzájárulás: az érintett akaratának önkéntes, egyértelmű kinyilvánítása.Korlátozás: a tárolt személyes adatok megjelölése jövőbeli kezelésük korlátozása céljából.Álnevesítés: olyan adatkezelés, amely további információ nélkül nem teszi személyhez köthetővé az adatot.Nyilvántartási rendszer: meghatározott ismérvek szerint tagolt adatállomány.Adatvédelmi incidens: a személyes adatok biztonságának sérülése (pl. jogosulatlan hozzáférés, elvesztés).Az adatkezelés alapelveiA személyes adatok kezelése:jogszerű, tisztességes és átlátható;célhoz kötött;adattakarékos (csak a szükséges mértékű);pontos és naprakész (a pontatlan adat törlendő/helyesbítendő);korlátozott ideig tárolt (csak a cél eléréséig azonosítható);biztonságos (megfelelő technikai és szervezési intézkedésekkel védett).
Az adatkezelő elszámoltatható a fenti elvek betartásáért.Az adatkezelést végző munkavállaló fegyelmi, kártérítési, szabálysértési és büntetőjogi felelősséggel tartozik a jogszerű kezelésért; a hibás/hiányos adatot haladéktalanul helyesbíteni köteles.Az adatkezelő adatai (frissítve)Adatkezelő megnevezése: Hatvani László EV.
Név: Hatvani László
Nyilvántartási szám: 51079079
Adószám: 68005328-1-31
Székhely / levelezési cím: Magyarország, 2800 Tatabánya, Győri út 8. 4. ajtó(Amennyiben elektronikus vagy telefonos elérhetőség megadásra kerül, a tájékoztató ennek megfelelően frissíthető.)Az adatkezelés céljaSzemélyes adatot az adatkezelő kizárólag meghatározott, jogszerű célból kezel. Az adatok felvétele és kezelése tisztességesen, a cél eléréséhez elengedhetetlen mértékben és csak a szükséges ideig történik.Kezelt adatok köre és jogalap – KapcsolatfelvételCél: kapcsolatfelvétel, kapcsolattartás, információadás/-kérés.
Jogalap: érintett önkéntes hozzájárulása (GDPR 6. cikk (1) a)).
Adatkör: név (azonosítás), e-mail cím, telefonszám (kapcsolattartás).
Megőrzés: az utolsó kapcsolatfelvételtől számított 5 év.A honlap technikailag szükséges adatkezelésén túl a weboldal látogatása személyes adat megadása nélkül is lehetséges.Helyesbítés/törlés kérése:Postai úton: Magyarország, 2800 Tatabánya, Győri út 8. 4. ajtó(E-mail/telefon: nem került megadásra.)Az adatkezelés módja és biztonságaAz adatok saját rendszerekben kerülnek tárolásra; hozzáférést csak az adatkezelő (illetve megbízott adatfeldolgozó) kap. Az adatszolgáltatás önkéntes. A jogosulatlan hozzáférés és visszaélés megelőzésére megfelelő műszaki és üzemeltetési intézkedések alkalmazása történik; ezek rendszeres felülvizsgálata biztosított.Technikai adatok, cookie-kAz online azonosítók (pl. IP-cím, cookie-azonosító) más információkkal összekapcsolva érintettek azonosítására alkalmasak lehetnek. A cookie-k a beállítások megjegyzését, a honlap használatának elemzését és a működés javítását segítik. Külső szolgáltatók tartalmai esetén olyan sütik is tárolódhatnak, amelyeket nem a szervezet felügyel; ezekre az adott szolgáltató szabályzata irányadó. A böngészőben a cookie-kezelés beállítható.Alkalmazott sütik példái:Munkamenet cookie-k (alapfunkciók; a munkamenet végén törlődnek)Funkcionális cookie-k (felhasználói beállítások megjegyzése)Google Analytics cookie-k (anonimizált/aggregált használati statisztikák)Adattovábbítás, adatfeldolgozók és külső szolgáltatókSzemélyes adat harmadik személy részére csak az érintett egyértelmű hozzájárulásával, vagy jogszabályi felhatalmazás alapján továbbítható. Az adattovábbítások dokumentáltak.
Az adatkezelő tevékenysége ellátásához adatfeldolgozót vehet igénybe; ezek önálló döntést nem hoznak, kizárólag szerződés és utasítás szerint járnak el. További adatfeldolgozó bevonása csak hozzájárulással történhet.Külső szolgáltatók mint önálló szolgáltatók (példák):Facebook Ireland Ltd., 4 Grand Canal Square, Dublin, Ireland (marketing/közösségi kommunikáció)Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Ireland (Google Analytics)Adatbiztonság, hozzáférésAz adatkezelő gondoskodik a megfelelő technikai és szervezési intézkedésekről (hozzáférés-kezelés, naplózás, megőrzés, törlés). A személyes adatokhoz csak azok férhetnek hozzá, akiknek ez feladatellátásukhoz szükséges.Megőrzési idők és törlésAz adatokat az adatkezelő törli, ha:a kezelés jogellenes;az érintett kéri (önkéntes hozzájáruláson alapuló kezeléseknél);az adat hiányos/téves és jogszerűen nem orvosolható;a cél megszűnt vagy a megőrzési határidő lejárt;bíróság vagy NAIH a törlést elrendeli.
Törlés helyett zárolás alkalmazható, ha az érintett jogos érdeke ezt indokolja. Jogszabályi megőrzés esetén a törlésre a külön jogszabály rendelkezései irányadók.ÜgyfélkapcsolatokKérdés vagy probléma esetén az adatkezelő a megadott csatornákon elérhető. A beérkező üzeneteket és az önként megadott személyes adatokat legfeljebb 2 évig őrzi meg. A tájékoztatóban fel nem sorolt adatkezelésekről az adatfelvételkor ad tájékoztatást. Hatósági/jogszabályi megkereséseknek az adatkezelő a szükséges és arányos mértékig tesz eleget.Érintetti jogokTájékoztatáshoz való jog – 30 napon belüli válaszadással.Helyesbítéshez való jog – 30 napon belüli intézkedéssel.Törléshez („elfeledtetéshez”) való jog – 30 napon belüli intézkedéssel.Korlátozáshoz (zároláshoz) való jog – indokolt időtartamra.Tiltakozáshoz való jog – 15 napon belüli elbírálással.Jogorvoslat / felügyeleti hatóság:
Nemzeti Adatvédelmi és Információszabadság Hatóság (NAIH)
Postacím: 1530 Budapest, Pf.: 5.
Cím: 1125 Budapest, Szilágyi Erzsébet fasor 22/c
Telefon: +36 (1) 391-1400 | Fax: +36 (1) 391-1410
E-mail: ugyfelszolgalat@naih.hu | Web: https://naih.hu

Text Colors

text-color-black
text-color-black
text-color-gold
text-color-grey
text-color-white
text-color-white

Background Colors

background-color-black
background-color-grey
background-color-white

Structure Classes

Defined and flexible core structure we can use on all or most pages.

page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global
padding-section-small
padding-section-medium
padding-section-large
button-group

HTML Heading Tags

HTML tags define default Heading styles.

H1

Sample text helps you understand how real text may look. Sample text is being used as a placeholder.

H2

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

H3

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

H4

Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present.

H5
Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.
H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

Heading Styles

Heading classes when typography style doesn't match the default HTML tag.

heading-style-h1

Sample text helps you understand how real text may look.

heading-style-h2

Sample text is being used as a placeholder. Sample text helps you understand how real text may look.

heading-style-h3

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

heading-style-h4

Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present.

heading-style-h5

Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

heading-style-h6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

Max widths

Use the max-width CSS property to contain inner content to a maximum width.

max-width-full
max-width-full-tablet
max-width-full-mobile-portrait
max-width-full-mobile-landscape
max-width-xxlarge
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-xxsmall

Paddings

Utility spacing system - padding classes. [padding-direction] + [padding-size].

Direction Classes

padding-bottom
padding-top
padding-vertical
padding-horizontal
padding-left
padding-right

Size Classes

padding-0
padding-tiny
padding-xxsmall
padding-xsmall
padding-small
padding-medium
padding-large
padding-xlarge
padding-xxlarge
padding-huge
padding-xhuge
padding-xxhuge
padding-custom1
padding-custom2
padding-custom3

Margins

Utility spacing system - padding classes. [margin-direction] + [margin-size].

Direction Classes

margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-left
margin-right

Size Classes

margin-0
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge
margin-custom1
margin-custom2
margin-custom3

Useful utility systems

Utility classes we like to use in most of our projects to build faster.

hide
This element is hidden
hide-tablet
hide-mobile-portrait
hide-mobile-landscape
overflow-visible
overflow-hidden
overflow-auto
overflow-scroll
pointer-events-on
pointer-events-off
layer
div-square
spacing-clean
align-center
z-index-1
z-index-2
display-inlineflex