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:
-
Levelezési cím: 1530 Budapest, Pf.: 5.
-
Weboldal: www.naih.hu
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
- New icons
- Web Application Icons
- Accessibility Icons
- Hand Icons
- Transportation Icons
- Gender Icons
- File Type Icons
- Spinner Icons
- Form Control Icons
- Payment Icons
- Chart Icons
- Currency Icons
- Text Editor Icons
- Directional Icons
- Video Player Icons
- Brand Icons
- Medical Icons
How to use icons
New Icons
Web Application Icons
Accessibility Icons
Hand Icons
Transportation Icons
Gender Icons
File Type Icons
Spinner Icons
Form Control Icons
Payment Icons
Chart Icons
Currency Icons
Text Editor Icons
Directional Icons
Video Player Icons
Brand Icons
Medical Icons
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.
Larger Icons
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
Fixed Width Icons
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> Home</a>
Animated Icons
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.
Rotated & Flipped
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:
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>
.
123 Some Nice Ave, Suite 123
San Francisco, CA 98765
P: (123) 456-7890Full Name
Ez az e-mail-cím a szpemrobotok elleni védelem alatt áll. Megtekintéséhez engedélyeznie kell a JavaScript használatát.
<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.
<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.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- 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.
Code
Inline
Wrap inline snippets of code with <code>
.
<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> <p>Sample text here...</p> </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.
Images
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.