Ez a weboldal cookie-kat használ
Weboldalunk használatával jóváhagyod a cookie-k (sütik) használatát.
×
MEGA
Elérhetőségünk: rendeles@tudaskonyvkucko.hu 
 

Hívjon most +36 23 361 051

×
 x 

A kosár üres

Adatvédelmi nyilatkozat

A(z) tudaskonyvkucko.hu weboldal Magyarországon, a magyarországi székhellyel rendelkező Nagy Olga vállalkozó (2030 Érd, Alsóerdősor utca 14.) (a továbbiakban: Adatkezelő) kezelésében működik. Jelen adatvédelmi tájékoztató tartalmazza, hogyan kezeljük és védjük azon információkat, amelyeket Ön weboldalunk használata során részünkre rendelkezésre bocsát. Ha Önnek bármilyen kérdése vagy észrevétele van ezen tájékoztatóval kapcsolatban, mielőtt használná weboldalunkat, kérjük lépjen velünk kapcsolatba elérhetőségeink valamelyikén.

Időnként weboldalunk változhat a különböző frissítések miatt. Erre való tekintettel ajánlott ezen tájékoztatót rendszeresen ellenőrizni, hogy figyelemmel kísérhesse a változások elfogadhatóságát.

Milyen információkat gyűjtünk Önről?

Általánosságban Ön használhatja weboldalunkat úgy is, hogy nem ad meg semmilyen információt a részünkre. Ugyanakkor, bizonyos esetekben kérünk Önnel kapcsolatos adatokat. Az információk tartalmazhatják az Ön nevét és kapcsolattartási adatait, ideértve az e-mail címét is.

Az általunk gyűjtött információk egy része a “2011. évi CXII. törvény az információs önrendelkezési jogról és az információszabadságról” szerinti “Személyes Adat”. Ez azt jelenti, hogy az adat kapcsolatba hozható Önnel, illetve az adat alapján az Ön személye azonosítható. “Különleges Adatot” nem gyűjtünk. Különleges Adat az Ön faji eredetére, nemzeti és etnikai kisebbséghez tartozására, politikai véleményére és pártállására, vallásos vagy más világnézeti meggyőződésére, érdek-képviseleti szervezeti tagságára, egészségi állapotára, kóros szenvedélyére, szexuális beállítottságára vonatkozó információ lehet, valamint a bűnügyi személyes adat.

Ezen iránymutatásban a “Személyes Adat” és az “Önnel kapcsolatos információ” kifejezéseket rokon értelműként használjuk.

Mit csinálunk az Önnel kapcsolatos információkkal?

Az Önnel kapcsolatos információkat kizárólag a webáruházban leadott rendelések feldolgozása érdekében használjuk fel.

Tájékoztatjuk, hogy az Önnel kapcsolatos információk kezelése során kizárólag számítástechnikai eszközzel végrehajtott automatizált adatfeldolgozás történhet. Amennyiben az automatizált adatfeldolgozás során alkalmazott matematikai módszerről és annak lényegéről bármilyen kérdése lenne, illetve ezzel kapcsolatban álláspontját ki akarja fejteni, kérjük lépjen velünk kapcsolatba elérhetőségeink valamelyikén.

Hogyan gyűjtjük az információkat?

Az Önnel kapcsolatos információkat egyféle módszerrel gyűjtjük: amikor a weboldalon keresztül bocsátja Ön a rendelkezésünkre.

Az Önnel kapcsolatos információkat csak addig őrizzük, amíg azon cél megvalósításához szükséges, amelynek elérése miatt a gyűjtésére sor került, illetve addig, amíg bármely szerződés vagy jogszabály azt lehetővé teszi.

Nem gyűjtünk információkat szükségtelen mértékben, sem olyan információkat, melyek szükségtelenek az elérni kívánt cél megvalósításához.

A vonatkozó törvényekben a Személyes Adatok kezeléséhez előírt hozzájárulást Öntől az internetes felületünkön külön jelölőnégyzetben (“checkbox”) szerezzük be.

Mi a helyzet a névtelen információkkal?

Mikor Ön felkeresi weboldalunkat, sor kerülhet olyan technikai információk automatikus gyűjtésére is, melyekből az Ön személye nem azonosítható. Például egy olyan másik weboldal neve, mely Önt erre a weboldalra irányította. Ezen információk gyűjtése segítséget nyújt számunkra a weboldalunk felhasználói által preferált keresési szokások felismerésében. Ezen információk kizárólag belsőleg kerülnek felhasználásra, amelyek alapján kutatásokat végezhetünk az Ön demográfiai adataival, illetve érdeklődésével kapcsolatban.

A névtelen vagy általános jellegű adatok, melyekből az Ön személye nem azonosítható, nem minősülnek Személyes Adatnak, így nem tartoznak ezen iránymutatás hatálya alá.

Kivel osztjuk meg az Önnel kapcsolatos információkat?

Az Önnel kapcsolatos Személyes Adatokat az Ön engedélye nélkül nem tesszük hozzáférhetővé harmadik fél részére, kivéve:

  • abban az esetben, ha az Önnel kapcsolatos információ más cégekkel, pénzügyi szervezetekkel vagy rendészeti szervekkel történő közlése (jogszabályban meghatározottak szerint) bűnmegelőzési, illetve fogyasztóvédelmi okokból szükséges vagy kívánatos;

  • amennyiben jogszabály előírja vagy lehetővé teszi.

Abban az esetben, ha az Ön Személyes Adatát gondosan kiválasztott harmadik féllel vagy a fenti felsorolásban szereplő harmadik féllel megosztjuk, minden esetben eleget teszünk az adatvédelmi jogszabályokban foglalt előírásoknak a harmadik féllel kötött szerződéses rendelkezések útján biztosítva, hogy a harmadik fél:

  • ne használhassa fel az Ön Személyes Adatát az általunk megjelöltektől, illetve a jelen iránymutatásban foglaltaktól eltérő célokra, és

  • megfelelő biztonsági intézkedéseket tegyen annak érdekében, hogy megóvja az Ön Személyes Adatát illetéktelen vagy jogellenes adatkezeléstől, bármilyen okból bekövetkező sérüléstől, illetve megsemmisüléstől.

Kizárólag abban az esetben osztjuk meg harmadik féllel, ha előzetesen megbizonyosodtunk arról, hogy az Ön Személyes Adata legalább ugyanolyan szintű védelemben fog részesülni, mint amilyet az adatvédelmi jogszabályok írnak elő számunkra.

Mi minden szükséges óvintézkedést megteszünk annak biztosítása érdekében, hogy azon alkalmazottaink, akik hozzáférhetnek az Önnel kapcsolatos információkhoz, megfelelő oktatásban részesülnek és így az információt a jelen iránymutatással illetve az adatvédelmi jogszabályokban foglalt kötelezettségekkel összhangban tudják kezelni. Azon alkalmazottainkat, akik ezen kötelezettségüket nem megfelelően teljesítik, szükség esetén fegyelmi felelősségre vonjuk.

Mit teszünk az Önnel kapcsolatos információk védelme érdekében?

Kötelességünk biztosítani az Önnel kapcsolatos információk védelmét. Annak érdekében, hogy megóvjuk az Önről gyűjtött információkat, és megelőzzük az adatok illetéktelen megismerését, felhasználását, megváltoztatását, megsemmisítését vagy továbbítását, ésszerű fizikai, elektronikus és igazgatási eljárásokat alkalmazunk. Ezen tevékenységünk során különös tekintettel vagyunk arra, hogy az Ön Személyes Adatának kezelése során megakadályozzunk minden jogellenes, illetve illetéktelen eljárást. Mindezen intézkedések ellenére az Ön információjának biztonságát teljes mértékben nem tudjuk garantálni.

Az Ön információinak biztonságát a következő eszközökkel védjük:

  • titkosítás használatával, ahol ez lehetséges;

  • jelszavas védelem használatával, ahol ez alkalmazható; és

  • az információkhoz való hozzáférés korlátozásával (például csak azon alkalmazottaink férhetnek hozzá, akik számára az a fent említett célok elérése érdekében szükséges).

Kérjük, segítsen nekünk az információk megóvásában azzal, hogy nem használ nyilvánvaló bejelentkezési nevet, illetve jelszót, a jelszava rendszeres megváltoztatásával, és kérjük, hogy jelszavát ne tegye hozzáférhetővé más személyek számára.

Milyen jogok illetik meg az adatkezeléssel kapcsolatban?

Az adatkezelés időtartama alatt bármikor kérhet tőlünk tájékoztatást arról, hogy Önről milyen adatokat tárolunk és kezelünk, valamint kérheti ezen adatok módosítását és törlését is. Amennyiben ilyen jellegű kérése lenne, kérjük lépjen velünk kapcsolatba elérhetőségeink valamelyikén.

Kapcsolatok

Ez a weboldal tartalmazhat kapcsolódási lehetőséget más, általunk nem ellenőrzött weboldalakra, és más, általunk nem ellenőrzött weboldalak is adhatnak ilyen lehetőséget erre a weboldalra. Bár mi mindent megteszünk annak érdekében, hogy csak olyan weboldalakra biztosítsunk kapcsolódási lehetőséget, ahol a mi biztonsági és adatvédelmi iránymutatásunkkal megegyező szintű védelem létezik, amennyiben Ön elhagyja ezt a weboldalt, nem tudunk felelősséget vállalni semmi olyan információ biztonságáért, melyet Ön más oldalakon ad meg. Ajánlott körültekintően és az adatvédelmi dokumentumok áttanulmányozásával eljárni a kérdéses weboldalakon.

Sütik

Weboldalunk bizonyos területein használunk sütiket. A sütik olyan fájlok, melyek információt tárolnak az Ön merevlemezén. A sütik lehetővé teszik a weboldalunk számára, hogy felismerje, amennyiben Ön korábban azt már meglátogatta. A sütik segítenek nekünk megérteni, hogy a weboldalunk melyik része a legnépszerűbb, mert látni engedik, hogy látogatóink mely oldalakra lépnek be és mennyi időt töltenek ott. Ennek tanulmányozásával a weboldalunkat jobban tudjuk igazítani az Ön igényeihez, és még változatosabb felhasználói élményt tudunk nyújtani Önnek. Például a sütik segítségével biztosítani tudjuk, hogy az Ön következő látogatása alkalmával megjelenő információk meg fognak felelni az Ön felhasználói elvárásainak.

Ön beállíthatja webes keresőjét, hogy elfogadjon minden sütit, elutasítsa mindet, vagy értesítse Önt, ha süti érkezik az Ön gépére. Kérjük, vegye figyelembe, hogy ez a weboldal a sütik használatával történő működésre készült, így azok kikapcsolása hatással lehet weboldalunk használhatóságára, és megakadályozhatja, hogy Ön annak minden előnyét kihasználja.

Elérhetőségek

Amennyiben kapcsolatba szeretne velünk lépni, az alábbi elérhetőségek valamelyikén teheti meg:

  • Cégnév: Tudás Könyvterjesztés és Épületgépészeti Kft.

  • Levelezési cím: 2030 Érd Budai út 20.

  • E-mail cím: rendeles[kukac]tudaskonyvkucko[pont]hu

  • Telefonszám: +36 20 9258595

  • Weboldal: tudaskonyvkucko.hu

Az adatfeldolgozó(k) adatai és elérhetőségei megtalálhatóak az Impresszumban.

Amennyiben panasza vagy észrevétele van adatgyűjtésünkkel kapcsolatban fordulhat közvetlenül hozzánk a fentebb megadott elérhetőségeinken, vagy fordulhat a Nemzeti Adatvédelmi és Információszabadság Hatósághoz az alábbi elérhetőségeken:

Kérjük, panaszával vagy észrevételével kapcsolatban elsősorban hozzánk forduljanak, mielőtt hatósági vagy bírósági eljárást kezdeményeznének, ezzel ugyanis elkerülhetőek a hosszadalmas jogi eljárások.


Jogi nyilatkozat

A(z) tudaskonyvkucko.hu weboldal (a továbbiakban: Weboldal) az “1999. évi LXXVI törvény a Szerzői jogról” értelmében szerzői jogvédelem alá tartozik.

Szerzői jogok

A Weboldal megnevezése, formája, szerkesztése, rendszere, grafikája és grafikai jelzésrendszere, külső megjelenítése, az adatbázis felépítése, tartalma, minden képi, szöveges és grafikai tartalom, illetve azok elrendezése, valamint minden olyan technológiai jellemző, ami összefüggésben áll a Weboldallal, jogvédelem alatt áll. Ezen szellemi tulajdonnak akár részbeni, akár teljes átvétele tilos, ezek bármilyen formában történő felhasználása kizárólag a jogtulajdonos (a továbbiakban: a Weboldal tulajdonosa) kifejezetten erre vonatkozó írásos engedélyével lehetséges.

A Weboldal tartalmának egészét vagy részeit, az onnan származó fájlokat, adatokat, információkat a Weboldal tulajdonosának előzetes írásbeli engedélye nélkül tilos akár változatlan formában, akár átformázva, megváltoztatva közzétenni, értékesíteni, nyilvános adatbázisban tárolni, onnan letölthetővé tenni, ilyen célból bármilyen módon felhasználni bármilyen jelenleg meglévő vagy a jövőben kialakuló kommunikációs csatornán.

A Weboldal logója és szlogenjei, megkülönböztető elnevezései a Weboldal tulajdonosának szellemi tulajdonai, ezek bármilyen formában történő felhasználása kizárólag a Weboldal tulajdonosának kifejezetten erre vonatkozó írásos engedélyével lehetséges.

A Weboldal dizájnjának másolása és dizájnelemeinek felhasználása tilos. A Weboldalról származó eredeti szövegek, képek, képernyőkivágások és egyéb anyagok használatához a Weboldal tulajdonosának írásos engedélye szükséges.

Általános felelősség kizárása

A Weboldal tulajdonosa arra kéri a Látogatókat, hogy tanúsítsanak kellő körültekintést és óvatosságot, amikor a Weboldalról kiindulva böngésznek az Interneten, ugyanis a vírusfertőzések által okozott károkért a Weboldal tulajdonosa nem vállal felelősséget.

Továbbá a Weboldal tulajdonosa nem vállal felelősséget a Weboldalon hivatkozott webhelyek és egyéb külső anyagok tartalmának ellenőrzéséért, ennél fogva a Weboldal tulajdonosa nem vonható felelősségre a külső webhelyek anyagának pontosságáért, törvényességéért, illetve szerzői jognak megfelelő és jó ízlést nem sértő tartalmáért.


The template comming with huge selection of icons you can easy use in your content. Thanks to the FontAwesome icons support you can rich your text to make it more outstanding and attractive for your visitors. 

Available Icons

  1. New icons
  2. Web Application Icons
  3. Accessibility Icons
  4. Hand Icons
  5. Transportation Icons
  6. Gender Icons
  7. File Type Icons
  8. Spinner Icons
  9. Form Control Icons
  10. Payment Icons
  11. Chart Icons
  12. Currency Icons
  13. Text Editor Icons
  14. Directional Icons
  15. Video Player Icons
  16. Brand Icons
  17. Medical Icons

How to use icons

  1. Basic Usage
  2. Larger Icons
  3. Fixed Width Icons
  4. Animated Icons
  5. Rotated & Flipped

 

address-book
address-book-o
address-card
address-card-o
bandcamp
bath
bathtub
drivers-license
drivers-license-o
eercast
envelope-open
envelope-open-o
etsy
free-code-camp
grav
handshake-o
id-badge
id-card
id-card-o
imdb
linode
meetup
microchip
podcast
quora
ravelry
s15
shower
snowflake-o
superpowers
telegram
thermometer
thermometer-0
thermometer-1
thermometer-2
thermometer-3
thermometer-4
thermometer-empty
thermometer-full
thermometer-half
thermometer-quarter
thermometer-three-quarters
times-rectangle
times-rectangle-o
user-circle
user-circle-o
user-o
vcard
vcard-o
window-close
window-close-o
window-maximize
window-minimize
window-restore
wpexplorer

 

   adjust
   american-sign-language-interpreting
   anchor
   archive
   area-chart
   arrows
   arrows-h
   arrows-v
   asl-interpreting
   assistive-listening-systems
   asterisk
   at
   audio-description
   automobile
   balance-scale
   ban
   bank
   bar-chart
   bar-chart-o
   barcode
   bars
   battery-0
   battery-1
   battery-2
   battery-3
   battery-4
   battery-empty
   battery-full
   battery-half
   battery-quarter
   battery-three-quarters
   bed
   beer
   bell
   bell-o
   bell-slash
   bell-slash-o
   bicycle
   binoculars
   birthday-cake
   blind
   bluetooth
   bluetooth-b
   bolt
   bomb
   book
   bookmark
   bookmark-o
   braille
   briefcase
   bug
   building
   building-o
   bullhorn
   bullseye
   bus
   cab
   calculator
   calendar
   calendar-check-o
   calendar-minus-o
   calendar-o
   calendar-plus-o
   calendar-times-o
   camera
   camera-retro
   car
   caret-square-o-down
   caret-square-o-left
   caret-square-o-right
   caret-square-o-up
   cart-arrow-down
   cart-plus
   cc
   certificate
   check
   check-circle
   check-circle-o
   check-square
   check-square-o
   child
   circle
   circle-o
   circle-o-notch
   circle-thin
   clock-o
   clone
   close
   cloud
   cloud-download
   cloud-upload
   code
   code-fork
   coffee
   cog
   cogs
   comment
   comment-o
   commenting
   commenting-o
   comments
   comments-o
   compass
   copyright
   creative-commons
   credit-card
   credit-card-alt
   crop
   crosshairs
   cube
   cubes
   cutlery
   dashboard
   database
   deaf
   deafness
   desktop
   diamond
   dot-circle-o
   download
   edit
   ellipsis-h
   ellipsis-v
   envelope
   envelope-o
   envelope-square
   eraser
   exchange
   exclamation
   exclamation-circle
   exclamation-triangle
   external-link
   external-link-square
   eye
   eye-slash
   eyedropper
   fax
   feed
   female
   fighter-jet
   file-archive-o
   file-audio-o
   file-code-o
   file-excel-o
   file-image-o
   file-movie-o
   file-pdf-o
   file-photo-o
   file-picture-o
   file-powerpoint-o
   file-sound-o
   file-video-o
   file-word-o
   file-zip-o
   film
   filter
   fire
   fire-extinguisher
   flag
   flag-checkered
   flag-o
   flash
   flask
   folder
   folder-o
   folder-open
   folder-open-o
   frown-o
   futbol-o
   gamepad
   gavel
   gear
   gears
   gift
   glass
   globe
   graduation-cap
   group
   hand-grab-o
   hand-lizard-o
   hand-paper-o
   hand-peace-o
   hand-pointer-o
   hand-rock-o
   hand-scissors-o
   hand-spock-o
   hand-stop-o
   hard-of-hearing
   hashtag
   hdd-o
   headphones
   heart
   heart-o
   heartbeat
   history
   home
   hotel
   hourglass
   hourglass-1
   hourglass-2
   hourglass-3
   hourglass-end
   hourglass-half
   hourglass-o
   hourglass-start
   i-cursor
   image
   inbox
   industry
   info
   info-circle
   institution
   key
   keyboard-o
   language
   laptop
   leaf
   legal
   lemon-o
   level-down
   level-up
   life-bouy
   life-buoy
   life-ring
   life-saver
   lightbulb-o
   line-chart
   location-arrow
   lock
   low-vision
   magic
   magnet
   mail-forward
   mail-reply
   mail-reply-all
   male
   map
   map-marker
   map-o
   map-pin
   map-signs
   meh-o
   microphone
   microphone-slash
   minus
   minus-circle
   minus-square
   minus-square-o
   mobile
   mobile-phone
   money
   moon-o
   mortar-board
   motorcycle
   mouse-pointer
   music
   navicon
   newspaper-o
   object-group
   object-ungroup
   paint-brush
   paper-plane
   paper-plane-o
   paw
   pencil
   pencil-square
   pencil-square-o
   percent
   phone
   phone-square
   photo
   picture-o
   pie-chart
   plane
   plug
   plus
   plus-circle
   plus-square
   plus-square-o
   power-off
   print
   puzzle-piece
   qrcode
   question
   question-circle
   question-circle-o
   quote-left
   quote-right
   random
   recycle
   refresh
   registered
   remove
   reorder
   reply
   reply-all
   retweet
   road
   rocket
   rss
   rss-square
   search
   search-minus
   search-plus
   send
   send-o
   server
   share
   share-alt
   share-alt-square
   share-square
   share-square-o
   shield
   ship
   shopping-bag
   shopping-basket
   shopping-cart
 sign-in
   sign-language
   sign-out
   signal
   signing
   sitemap
   sliders
   smile-o
   soccer-ball-o
   sort
   sort-alpha-asc
   sort-alpha-desc
   sort-amount-asc
   sort-amount-desc
   sort-asc
   sort-desc
   sort-down
   sort-numeric-asc
   sort-numeric-desc
   sort-up
   space-shuttle
   spinner
   spoon
   square
   square-o
   star
   star-half
   star-half-empty
   star-half-full
   star-half-o
   star-o
   sticky-note
   sticky-note-o
   street-view
   suitcase
   sun-o
   support
   tablet
   tachometer
   tag
   tags
   tasks
   taxi
   television
   terminal
   thumb-tack
   thumbs-down
   thumbs-o-down
   thumbs-o-up
   thumbs-up
   ticket
   times
   times-circle
   times-circle-o
   tint
   toggle-down
   toggle-left
   toggle-off
   toggle-on
   toggle-right
   toggle-up
   trademark
   trash
   trash-o
   tree
   trophy
   truck
   tty
   tv
   umbrella
   universal-access
   university
   unlock
   unlock-alt
   unsorted
   upload
   user
   user-plus
   user-secret
   user-times
   users
   video-camera
   volume-control-phone
   volume-down
   volume-off
   volume-up
   warning
   wheelchair
   wheelchair-alt
   wifi
   wrench

 

   american-sign-language-interpreting
   asl-interpreting
   assistive-listening-systems
   audio-description
   blind
   braille
   cc
   deaf
   deafness
   hard-of-hearing
   low-vision
   question-circle-o
   sign-language
   signing
   tty
   universal-access
   volume-control-phone
   wheelchair
   wheelchair-alt

 

   hand-grab-o
   hand-lizard-o
   hand-o-down
   hand-o-left
   hand-o-right
   hand-o-up
   hand-paper-o
   hand-peace-o
   hand-pointer-o
   hand-rock-o
   hand-scissors-o
   hand-spock-o
   hand-stop-o
   thumbs-down
   thumbs-o-down
   thumbs-o-up
   thumbs-up

 

   ambulance
   automobile
   bicycle
   bus
   cab
   car
   fighter-jet
   motorcycle
   plane
   rocket
   ship
   space-shuttle
   subway
   taxi
   train
   truck
   wheelchair
   wheelchair-alt

 

   genderless
   intersex
   mars
   mars-double
   mars-stroke
   mars-stroke-h
   mars-stroke-v
   mercury
   neuter
   transgender
   transgender-alt
   venus
   venus-double
   venus-mars

 

   file
   file-archive-o
   file-audio-o
   file-code-o
   file-excel-o
   file-image-o
   file-movie-o
   file-o
   file-pdf-o
   file-photo-o
   file-picture-o
   file-powerpoint-o
   file-sound-o
   file-text
   file-text-o
   file-video-o
   file-word-o
   file-zip-o

 

   circle-o-notch
   cog
   gear
   refresh
   spinner

 

   check-square
   check-square-o
   circle
   circle-o
   dot-circle-o
   minus-square
   minus-square-o
   plus-square
   plus-square-o
   square
   square-o

 

   cc-amex
   cc-diners-club
   cc-discover
   cc-jcb
   cc-mastercard
   cc-paypal
   cc-stripe
   cc-visa
   credit-card
   credit-card-alt
   google-wallet
   paypal

 

   area-chart
   bar-chart
   bar-chart-o
   line-chart
   pie-chart

 

   bitcoin
   btc
   cny
   dollar
   eur
   euro
   gbp
   gg
   gg-circle
   ils
   inr
   jpy
   krw
   money
   rmb
   rouble
   rub
   ruble
   rupee
   shekel
   sheqel
   try
   turkish-lira
   usd
   won
   yen

 

   align-center
   align-justify
   align-left
   align-right
   bold
   chain
   chain-broken
   clipboard
   columns
   copy
   cut
   dedent
   eraser
   file
   file-o
   file-text
   file-text-o
   files-o
   floppy-o
   font
   header
   indent
   italic
   link
   list
   list-alt
   list-ol
   list-ul
   outdent
   paperclip
   paragraph
   paste
   repeat
   rotate-left
   rotate-right
   save
   scissors
   strikethrough
   subscript
   superscript
   table
   text-height
   text-width
   th
   th-large
   th-list
   underline
   undo
   unlink

 

   angle-double-down
   angle-double-left
   angle-double-right
   angle-double-up
   angle-down
   angle-left
   angle-right
   angle-up
   arrow-circle-down
   arrow-circle-left
   arrow-circle-o-down
   arrow-circle-o-left
   arrow-circle-o-right
   arrow-circle-o-up
   arrow-circle-right
   arrow-circle-up
   arrow-down
   arrow-left
   arrow-right
   arrow-up
   arrows
   arrows-alt
   arrows-h
   arrows-v
   caret-down
   caret-left
   caret-right
   caret-square-o-down
   caret-square-o-left
   caret-square-o-right
   caret-square-o-up
   caret-up
   chevron-circle-down
   chevron-circle-left
   chevron-circle-right
   chevron-circle-up
   chevron-down
   chevron-left
   chevron-right
   chevron-up
   exchange
   hand-o-down
   hand-o-left
   hand-o-right
   hand-o-up
   long-arrow-down
   long-arrow-left
   long-arrow-right
   long-arrow-up
   toggle-down
   toggle-left
   toggle-right
   toggle-up

 

   arrows-alt
   backward
   compress
   eject
   expand
   fast-backward
   fast-forward
   forward
   pause
   pause-circle
   pause-circle-o
   play
   play-circle
   play-circle-o
   random
   step-backward
   step-forward
   stop
   stop-circle
   stop-circle-o
   youtube-play

 

   500px
   adn
   amazon
   android
   angellist
   apple
   behance
   behance-square
   bitbucket
   bitbucket-square
   bitcoin
   black-tie
   bluetooth
   bluetooth-b
   btc
   buysellads
   cc-amex
   cc-diners-club
   cc-discover
   cc-jcb
   cc-mastercard
   cc-paypal
   cc-stripe
   cc-visa
   chrome
   codepen
   codiepie
   connectdevelop
   contao
   css3
   dashcube
   delicious
   deviantart
   digg
   dribbble
   dropbox
   drupal
   edge
   empire
   envira
   expeditedssl
   fa
   facebook
   facebook-f
   facebook-official
   facebook-square
   firefox
   first-order
   flickr
   font-awesome
   fonticons
   fort-awesome
   forumbee
   foursquare
   ge
   get-pocket
   gg
   gg-circle
   git
   git-square
   github
   github-alt
   github-square
   gitlab
   gittip
   glide
   glide-g
   google
   google-plus
   google-plus-circle
   google-plus-official
   google-plus-square
   google-wallet
   gratipay
   hacker-news
   houzz
   html5
   instagram
   internet-explorer
   ioxhost
   joomla
   jsfiddle
   lastfm
   lastfm-square
   leanpub
   linkedin
   linkedin-square
   linux
   maxcdn
   meanpath
   medium
   mixcloud
   modx
   odnoklassniki
   odnoklassniki-square
   opencart
   openid
   opera
   optin-monster
   pagelines
   paypal
   pied-piper
   pied-piper-alt
   pied-piper-pp
   pinterest
   pinterest-p
   pinterest-square
   product-hunt
   qq
   ra
   rebel
   reddit
   reddit-alien
   reddit-square
   renren
   resistance
   safari
   scribd
   sellsy
   share-alt
   share-alt-square
   shirtsinbulk
   simplybuilt
   skyatlas
   skype
   slack
   slideshare
   snapchat
   snapchat-ghost
   snapchat-square
   soundcloud
   spotify
   stack-exchange
   stack-overflow
   steam
   steam-square
   stumbleupon
   stumbleupon-circle
   tencent-weibo
   themeisle
   trello
   tripadvisor
   tumblr
   tumblr-square
   twitch
   twitter
   twitter-square
   usb
   viacoin
   viadeo
   viadeo-square
   vimeo
   vimeo-square
   vine
   vk
   wechat
   weibo
   weixin
   whatsapp
   wikipedia-w
   windows
   wordpress
   wpbeginner
   wpforms
   xing
   xing-square
   y-combinator
   y-combinator-square
   yahoo
   yc
   yc-square
   yelp
   yoast
   youtube
   youtube-play
   youtube-square

 

   ambulance
   h-square
   heart
   heart-o
   heartbeat
   hospital-o
   medkit
   plus-square
   stethoscope
   user-md
   wheelchair
   wheelchair-alt

 

 

How To Use Icons

Here you can find all informations necessary to allow you to put an icons into your content. To find out more about FontAwesome visit http://fontawesome.io/.

 

Basic Usage

 Example: basic icon fa-camera-retro

You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct).

<i class="fa fa-camera-retro"></i> fa-camera-retro

Note: TinyMCE by default removes an empty tags so, when you put an icon code and save your icon will be removed. To prevent it go to Extensions Plugins and open Editor - TinyMCE. Find Extended Valid Elements field and type i[*] and click Save.

  fa-lg

  fa-2x

  fa-3x

  fa-4x

  fa-5x

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

Use fa-fw to set icons at a fixed width. Great to use when different icon widths throw off alignment. Especially useful in things like nav lists & list groups.

<a class= href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>

Loading example (with fa-spinner icon) Loading (with fa-circle-o-notch icon) Loading example (with fa-refresh icon) Loading example (with fa-cog icon) Loading example (with fa-spinner icon)

Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

Note: CSS3 animations aren't supported in IE8 - IE9.

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-shield"></i> normal<br>
<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical

The template comming with built-in parallax script for background images. You can use parallax for backgrounds of whole sections which handling the modules positions. These backgrounds and parallax options can be managed in the template settings area. Also, the template comming with the custom module style which allows to use a parallax for module background.

An example of section parallax background can be seen above and here is an example of module with parallax background:

All these elements are just for demo purpose. You can achieve these styles by using a normal HTML editor and TinyMCE (WYSIWYG editor and HTML mode).

 

Headings

All HTML headings, <h1> through <h6> are available.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body copy

Bootstrap’s global default font-size is 13px, with a line-height of 19px. However you can set up your own font size value in the template settings area. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

<p>...</p>

Lead body copy

Make a paragraph stand out by adding .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p class="lead">...</p>

Emphasis

Make use of HTML’s default emphasis tags with lightweight styles.

<small>

For de-emphasizing inline or blocks of text, use the small tag.

This line of text is meant to be treated as fine print.

<p>
  <small>This line of text is meant to be treated as fine print.</small>
</p>

Bold

For emphasizing a snippet of text with a heavier font-weight.

The following snippet of text is rendered as bold text.

<strong>rendered as bold text</strong>

Italics

For emphasizing a snippet of text with italics.

The following snippet of text is rendered as italicized text.

<em>rendered as italicized text</em>

Heads up! Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.


Abbreviations

Stylized implemenation of HTML’s <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

<abbr>

For expanded text on long hover of an abbreviation, include the title attribute.

An abbreviation of the word attribute is attr.

<abbr title="attribute">attr</abbr>

<abbr class="initialism">

Add .initialism to an abbreviation for a slightly smaller font-size.

HTML is the best thing since sliced bread.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

Addresses

Present contact information for the nearest ancestor or the entire body of work.

<address>

Preserve formatting by ending all lines with <br>.

<address>
  <strong>Template Developer, Inc.</strong><br>
  123 Some Nice Ave, Suite 123<br>
  San Francisco, CA 98765<br>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

<address>
  <strong>Full Name</strong><br>
  <a href="mailto:#">Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát.</a>
</address>

Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>

Alternate displays

Use .pull-right for a floated, right-aligned blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

<blockquote class="pull-right">
  ...
</blockquote>

 

Lists

Unordered

A list of items in which the order does not explicitly matter.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul>
  <li>...</li>
</ul>

Ordered

A list of items in which the order does explicitly matter.

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
<ol>
  <li>...</li>
</ol>

Unstyled

A list of items with no list-style or additional left padding.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="unstyled">
  <li>...</li>
</ul>

Description

A list of terms with their associated descriptions.

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

Horizontal description

Make terms and descriptions in <dl> line up side-by-side.

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
<dl class="dl-horizontal">
  <dt>...</dt>
  <dd>...</dd>
</dl>

Heads up!
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.


 

Inline

Wrap inline snippets of code with <code>.

For example, <section> should be wrapped as inline.
	For example, <code><section></code> should be wrapped as inline.

Basic block

Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

<p>Sample text here...</p>
<pre>
  &lt;p&gt;Sample text here...&lt;/p&gt;
</pre>

Heads up! Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.


 

Add classes to an <img> element to easily style images in any project.

<img src="/..." class="img-rounded">
<img src="/..." class="img-circle">
<img src="/..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.


TOP