Uncategorised

ALLGEMEINE HINWEISE UND VERANTWORTLICHER

  1. Der Dienst „pchalek.com“ sowie das Angebot unter der Internetadresse „https://www.pchalek.com“ wird betrieben und bereitgestellt von der Internistischen Naturheilkundlichen Gemeinschaftspraxis/Praxisklinik für Diagnostik und Präventivmedizin Bornheim, Dr. Reinhold Lunow und Dr. Christian Lunow, Servatiusweg 14, 53332 Bornheim. Telefon: 02222 - 93230 Telefax: 02222 - 932325 E-Mail: info@pchalek.com Internet: www.pchalek.com
  2. Diese Datenschutzerklärung beschreibt, was mit Ihren personenbezogene Daten oder sonstigen Daten passiert, die die Nutzer bei der Anmeldung und Nutzung mitteilen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Der Begriff „Nutzer“ bezieht sich auf Besucher, Nutzer, Teilnehmer oder Mitglieder. Die Nutzung unserer Seite ist auch ohne Angabe von personenbezogenen Daten möglich. Für die Nutzung einzelner Services unserer Seite können sich hierfür abweichende Regelungen ergeben, die in diesem Falle nachfolgend gesondert erläutert werden können.
  3. Die Datenschutzerklärung bezieht sich auf alle von „pchalek.com“ angebotenen Leistungen und/oder Informationen.
  4. Die Datenschutzerklärung unterliegt einer ständigen Kontrolle und trägt den sich stetig ändernden Anforderungen durch Rechtsprechung und Gesetz durch entsprechende Veränderungen, Anpassungen und Verbesserungen, Rechnung. Es gelten daher jeweils die Regelungen, die zur Zeit der konkreten Inanspruchnahme von Leistungen des Dienstes „pchalek.com“ unter der Adresse https://www.pchalek.com abrufbar sind.
  5. Sofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten (Emailadressen, Namen, Anschriften) besteht, so erfolgt die Preisgabe dieser Daten seitens des Nutzers auf ausdrücklich freiwilliger Basis. Die Inanspruchnahme und Bezahlung aller angebotenen Dienste ist - soweit technisch möglich und zumutbar - auch ohne Angabe solcher Daten bzw. unter Angabe anonymisierter Daten oder eines Pseudonyms gestattet. Die Nutzung der im Rahmen des Impressums oder vergleichbarer Angaben veröffentlichten Kontaktdaten wie Postanschriften, Telefon- und Faxnummern sowie Emailadressen durch Dritte zur Übersendung von nicht ausdrücklich angeforderten Informationen ist nicht gestattet. Rechtliche Schritte gegen die Versender von sogenannten Spam-Mails bei Verstößen gegen dieses Verbot sind ausdrücklich vorbehalten.
  6. Die Nutzung des Online-Angebotes „pchalek.com“ ist – teilweise technisch bedingt mit Einschränkungen – anonym oder pseudonym möglich.
  7. Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit oder Qualität der bereitgestellten Informationen. Haftungsansprüche gegen den Autor, welche sich auf Schaden materieller oder ideeller Art beziehen, die durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen, sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges Verschulden vorliegt. Alle Angebote sind freibleibend und unverbindlich. Der Autor behält es sich ausdrücklich vor, Teile oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig einzustellen.

WEITERGABE VON DATEN

Eine Übermittlung Ihrer persönlichen Daten an Dritte zu anderen als den im Folgenden aufgeführten Zwecken findet nicht statt. Wir geben Ihre persönlichen Daten nur an Dritte weiter, wenn:

  • Sie Ihre nach Art. 6 Abs. 1 S. 1 lit. a DSGVO ausdrückliche Einwilligung dazu erteilt haben,
  • für den Fall, dass für die Weitergabe nach Art. 6 Abs. 1 S. 1 lit. c DSGVO eine gesetzliche Verpflichtung besteht, sowie
  • die Weitergabe nach Art. 6 Abs. 1 S. 1 lit. f DSGVO zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen erforderlich ist und kein Grund zur Annahme besteht, dass Sie ein überwiegendes schutzwürdiges Interesse an der Nichtweitergabe Ihrer Daten haben,
  • dies gesetzlich zulässig und nach Art. 6 Abs. 1 S. 1 lit. b DSGVO für die Abwicklung von Vertragsverhältnissen mit Ihnen erforderlich ist.

ERHEBUNG UND SPEICHERUNG PERSONENBEZOGENER DATEN SOWIE ART UND ZWECK VON DEREN VERWENDUNG

  • a) Beim Besuch der Website
    1. Beim Aufrufen unserer Website www.pchalek.com werden durch den auf Ihrem Endgerät zum Einsatz kommenden Browser automatisch Informationen an den Server unserer Website gesendet. Diese Informationen werden temporär in einem sog. Logfile gespeichert. Im Einzelnen werden folgende Einzelangaben erhoben und gespeichert:
      • a. die IP-Adresse über die der Aufruf ausgelöst wird (inkl. Geolokalisierung),
      • b. Hostname (Name des den Aufruf auslösenden Rechners bzw. Netzknotens),
      • c. das Datum und die Uhrzeit des Abrufs,
      • d. der Name der aufgerufenen Webseite,
      • e. die übertragene Datenmenge,
      • f. Klickpfade (welche Seiten werden aufgerufen),
      • g. der Zugriffsstatus (Datei übertragen, Datei nicht gefunden etc.),
      • h. die Seite, von der aus die Datei angefordert wurde (Referenz-URL),
      • i. Bildschirmauflösung und Browserfenstergröße,
      • j. Browsertyp nebst Version,
      • k. das Betriebssystem des Nutzers,
      • l. Statusinformationen zu Cookie- und Javascript-Aktivierung,
      • m. und der anfragende Provider.
    2. Die genannten Daten werden durch uns zu folgenden Zwecken verarbeitet:
      • Gewährleistung eines reibungslosen Verbindungsaufbaus der Website,
      • Gewährleistung einer komfortablen Nutzung unserer Website,
      • Auswertung der Systemsicherheit und -stabilität sowie
      • zu weiteren administrativen Zwecken.
    3. Die Rechtsgrundlage für die Datenverarbeitung ist Art. 6 Abs. 1 S. 1 lit. f DSGVO. Unser berechtigtes Interesse folgt aus oben aufgelisteten Zwecken zur Datenerhebung. In keinem Fall verwenden wir die erhobenen Daten zu dem Zweck, Rückschlüsse auf Ihre Person zu ziehen.
    4. Darüber hinaus setzen wir beim Besuch unserer Website Cookies sowie Analysedienste ein. Nähere Erläuterungen dazu erhalten Sie nachfolgend in dieser Datenschutzerklärung.
  • b) Bei Verwendung des Kontaktformulars
    1. Wir bieten Ihnen auf unserer Seite die Möglichkeit, mit uns per E-Mail und/oder über ein Kontaktformular in Verbindung zu treten. Personenbezogene Daten werden durch uns nur erfasst, wenn Sie uns diese von sich aus mitteilen, beispielsweise, wenn Sie unser Kontaktformular in Anspruch nehmen. Dabei werden die in der Eingabemaske eingegebenen Daten an uns übermittelt. Dafür ist die Angabe einer gültigen E-Mail-Adresse, Ihres Namens sowie Ihrer Nachricht erforderlich, damit wir wissen, von wem die Anfrage stammt und um diese auch beantworten zu können. Die uns auf diese Weise übermittelten personenbezogenen Daten werden wir selbstverständlich ausschließlich für den Zweck verwenden, zu dem Sie uns diese bei der Kontaktierung zur Verfügung stellen. Eine Mitteilung dieser Angaben erfolgt ausdrücklich auf freiwilliger Basis und mit Ihrer Einwilligung. Rechtsgrundlage zur Datenverarbeitung ist damit Art. 6 Abs. 1 S. 1 lit. a DSGVO. Eine Weitergabe an Dritte ohne Ihre Einwilligung erfolgt nicht. Ein Abgleich der so erhobenen Daten mit Daten, die möglicherweise durch andere Komponenten unserer Seite erhoben werden, erfolgt ebenfalls nicht.
    2. Ein Widerruf Ihrer bereits erteilten Einwilligung ist jederzeit möglich. Für den Widerruf genügt eine formlose Mitteilung per E-Mail. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt. Über das Kontaktformular übermittelte Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder keine Notwendigkeit der Datenspeicherung mehr besteht. Zwingende gesetzliche Bestimmungen – insbesondere Aufbewahrungsfristen – bleiben unberührt.

COOKIES, SESSION ID UND WEBANALYSE

  1. “pchalek.com” verwendet Cookies. Dabei handelt es sich um winzige Textdateien, die im Speicher Ihres Computers abgelegt werden und die Kommunikation zwischen Browser und Server optimieren. Sie ermöglichen uns dadurch, Sie bei Ihrem nächsten Besuch wiedererkennen zu können. Nach dem Ende der Browser-Sitzung werden die meisten der von uns verwendeten Cookies wieder von Ihrem Computer entfernt (“Sitzungs-Cookies”). Die sogenannten “dauerhaften Cookies” verbleiben hingegen auf dem Rechner. Cookies richten auf Ihrem Endgerät keinen Schaden an, enthalten keine Viren, Trojaner oder sonstige Schadsoftware. Über die Einstellungen Ihres Browsers können Sie den Einsatz, die Speicherung und auch die Verweigerung der Annahme von Cookie-Dateien einstellen und konfigurieren. Nähere Informationen hierzu finden Sie in der Bedienungsanleitung Ihres Browsers.
  2. In den Cookies werden Informationen abgelegt, die sich jeweils im Zusammenhang mit dem spezifisch eingesetzten Endgerät ergeben. Dies bedeutet jedoch nicht, dass wir dadurch unmittelbar Kenntnis von Ihrer Identität erhalten. „pchalek.com“ kann auch ohne Cookies betrachtet werden; allerdings wird dies zu Einschränkungen in der Funktionalität des Angebotes führen.
  3. Zweck des Einsatzes dieser Technologie ist es, die Navigation und Benutzerfreundlichkeit zu erleichtern. Es kann das Nutzerverhalten verfolgt und damit überprüft werden, ob der Internetauftritt im beabsichtigten Maße genutzt wird und keine unnötigen Barrieren bestehen, die ihren Grund in der Gestaltung von „pchalek.com“ haben. So ermöglichen Sie durch Ihr Nutzerverhalten eine ständige Kontrolle und Verbesserung der Usability von „pchalek.com“. Zum anderen setzen wir Cookies ein, um die Nutzung unserer Website statistisch zu erfassen und zum Zwecke der Optimierung unseres Angebotes für Sie auszuwerten.
  4. Die durch Cookies verarbeiteten Daten sind für die genannten Zwecke zur Wahrung unserer berechtigten Interessen sowie der Dritter nach Art. 6 Abs. 1 S. 1 lit. f DSGVO erforderlich.

Google Web Fonts

Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Web Fonts, die von Google bereitgestellt werden. Beim Aufruf einer Seite lädt Ihr Browser die benötigten Web Fonts in ihren Browsercache, um Texte und Schriftarten korrekt anzuzeigen. Zu diesem Zweck muss der von Ihnen verwendete Browser Verbindung zu den Servern von Google aufnehmen. Hierdurch erlangt Google Kenntnis darüber, dass über Ihre IP-Adresse unsere Website aufgerufen wurde. Die Nutzung von Google Web Fonts erfolgt im Interesse einer einheitlichen und ansprechenden Darstellung unserer Online-Angebote. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar. Wenn Ihr Browser Web Fonts nicht unterstützt, wird eine Standardschrift von Ihrem Computer genutzt. Weitere Informationen zu Google Web Fonts finden Sie unter https://developers.google.com/fonts/faq und in der Datenschutzerklärung von Google: https://www.google.com/policies/privacy/.

Google reCAPTCHA

Um für ausreichend Datensicherheit bei der Übermittlung von Formularen Sorge zu tragen, verwenden wir in bestimmten Fällen den Service reCAPTCHA des Unternehmens Google Inc. Dies dient vorwiegend zur Unterscheidung, ob die Eingabe durch eine natürliche Person erfolgt oder missbräuchlich durch maschinelle und automatisierte Verarbeitung. Der Service beinhaltet den Versand der IP-Adresse und ggf. weiterer von Google für den Dienst reCAPTCHA benötigter Daten an Google ein. Hierfür gelten die abweichenden Datenschutzbestimmungen von Google Inc. Weitere Informationen zu den Datenschutzrichtlinien von Google Inc. finden Sie unter http://www.google.de/intl/de/privacy oder https://www.google.com/intl/de/policies/privacy/

VERWENDUNG DES „ADDTHIS“ BOOKARMING-DIENSTES

Diese Website enthält „Addthis“-Plugins, die Ihnen unter Anderem das Setzen von Bookmarks (Lesezeichen, Favoriten) bzw. das gemeinsame Nutzen interessanter Website-Inhalte ermöglichen. Bei Verwendung von „Addthis“ kommt es zum Einsatz von Cookies. Die dabei erzeugten Daten (wie z.B. Nutzungszeitpunkt oder Browser-Sprache) werden an die Add This LLC in den USA übertragen und dort verarbeitet. Nähere Informationen zur Datenverarbeitung durch Add This LLC und dem von der Add This LLC gepflegten Datenschutz finden Sie unter www.addthis.com/privacy. Diese Website enthält insbesondere Angaben zur Art der verarbeiteten Daten sowie deren Verwendungszweck. Eine Verarbeitung der betroffenen Daten durch uns findet nicht statt. Mit Nutzung des „Addthis“-Feldes erklären Sie sich mit der Datenverarbeitung durch Add This LLC einverstanden, und zwar in dem aus der Website www.addthis.com ersichtlichen Umfang. Sie können der Nutzung Ihrer Daten jederzeit durch Einsatz eines „Opt Out Cookies“ widersprechen. Näheres hierzu ergibt sich ebenfalls aus der vorgenannten Website der Add This LLC.

RECHTE DES BETROFFENEN

Sie haben das Recht:

  • gemäß Art. 7 Abs. 3 DSGVO Ihre einmal erteilte Einwilligung jederzeit gegenüber uns zu widerrufen. Dies hat zur Folge, dass wir die Datenverarbeitung, die auf dieser Einwilligung beruhte, für die Zukunft nicht mehr fortführen dürfen und
  • gemäß Art. 15 DSGVO Auskunft über Ihre von uns verarbeiteten personenbezogenen Daten zu verlangen. Insbesondere können Sie Auskunft über die Verarbeitungszwecke, die Kategorie der personenbezogenen Daten, die Kategorien von Empfängern, gegenüber denen Ihre Daten offengelegt wurden oder werden, die geplante Speicherdauer, das Bestehen eines Rechts auf Berichtigung, Löschung, Einschränkung der Verarbeitung oder Widerspruch, das Bestehen eines Beschwerderechts, die Herkunft ihrer Daten, sofern diese nicht bei uns erhoben wurden, sowie über das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling und ggf. aussagekräftigen Informationen zu deren Einzelheiten verlangen;
  • gemäß Art. 16 DSGVO unverzüglich die Berichtigung unrichtiger oder Vervollständigung Ihrer bei uns gespeicherten personenbezogenen Daten zu verlangen;
  • gemäß Art. 17 DSGVO die Löschung Ihrer bei uns gespeicherten personenbezogenen Daten zu verlangen, soweit nicht die Verarbeitung zur Ausübung des Rechts auf freie Meinungsäußerung und Information, zur Erfüllung einer rechtlichen Verpflichtung, aus Gründen des öffentlichen Interesses oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen erforderlich ist;
  • gemäß Art. 18 DSGVO die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen, soweit die Richtigkeit der Daten von Ihnen bestritten wird, die Verarbeitung unrechtmäßig ist, Sie aber deren Löschung ablehnen und wir die Daten nicht mehr benötigen, Sie jedoch diese zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen benötigen oder Sie gemäß Art. 21 DSGVO Widerspruch gegen die Verarbeitung eingelegt haben;
  • gemäß Art. 20 DSGVO Ihre personenbezogenen Daten, die Sie uns bereitgestellt haben, in einem strukturierten, gängigen und maschinenlesebaren Format zu erhalten oder die Übermittlung an einen anderen Verantwortlichen zu verlangen;
  • gemäß Art. 77 DSGVO sich bei einer Aufsichtsbehörde zu beschweren. In der Regel können Sie sich hierfür an die Aufsichtsbehörde Ihres üblichen Aufenthaltsortes oder Arbeitsplatzes oder unseres Geschäftssitzes wenden.

WIDERSPRUCHSRECHT

  1. Sofern Ihre personenbezogenen Daten auf Grundlage von berechtigten Interessen gemäß Art. 6 Abs. 1 S. 1 lit. f DSGVO verarbeitet werden, haben Sie das Recht, gemäß Art. 21 DSGVO Widerspruch gegen die Verarbeitung Ihrer personenbezogenen Daten einzulegen, soweit dafür Gründe vorliegen, die sich aus Ihrer besonderen Situation ergeben oder sich der Widerspruch gegen Direktwerbung richtet. Im letzteren Fall haben Sie ein generelles Widerspruchsrecht, das ohne Angabe einer besonderen Situation von uns umgesetzt wird.
  2. Möchten Sie von Ihrem Widerrufs- oder Widerspruchsrecht Gebrauch machen, genügt eine E-Mail an datenschutz@m3-communication.de

DATENSICHERHEIT

  1. „pchalek.com“ ist bemüht, Ihre personenbezogenen Daten durch Ergreifung aller relevanten technischen und organisatorischen Möglichkeiten (kurz: TOM) so zu verarbeiten und zu speichern, dass sie für Dritte nicht zugänglich sind. So werden Ihre Daten in einer sicheren IT-Umgebung verarbeitet. Für die Datenübermittlung setzen wir abgesicherte Server mit SSL-Technik (Secure Socket Layer) ein. So werden Ihre Daten sicher und für Unbefugte unlesbar an uns übermittelt.
  2. Bei der Kommunikation per unverschlüsselter E-Mail kann diese Form der Datensicherheit nicht gewährleistet werden. Wir raten daher für die Übermittlung vertraulicher Informationen die Übermittlung auf anderem Wege, z.B. dem Postwege, per Telefax oder den Einsatz von Verschlüsselungstechniken an.
  3. Für die zutreffende und fehlerhafte Übermittlung von Daten an „pchalek.com“ bzw. die Richtigkeit der von Nutzern oder sonstigen Nutzern bei „pchalek.com“ eingestellten Daten kann aus den vorerwähnten technischen Gründen keinerlei Haftung übernommen werden. Im Übrigen greifen die gesetzlichen Bestimmungen.
  4. „pchalek.com“ haftet nicht für den eventuellen Missbrauch von Informationen durch Nutzer oder Dritte, insbesondere nicht für die Folgen strafrechtswidrigen Verhaltens (Hacking, Datenmissbrauch usw.).
  5. Wir behalten uns das Recht vor, die Datenschutzerklärung jederzeit unter Beachtung des geltenden Rechts anzupassen und zu ändern. Fragen zum Datenschutz richten Sie bitte an datenschutz@m3-communication.de

Stand der Datenschutzerklärung: 04.07.2018

Vielen Dank für Ihre Rezension.

Get base styles and flexible support for collapsible components like accordions and navigation.

The example above has the class="acc-group default-style", where default-style has the styling.

 

Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.

SHORTCODE PARAMS

[acc title="" style="" start_opened="" tweaked=""] ... [/acc]

 

style = default-style / style2 / style3

tweaks = yes / no

start_opened = yes / no

SHORTCODE DEMO

[acc title=" the title here " style="default-style" ] 
  ... content here
[/acc]

Other Styles - style2

Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.

Other Styles - style3

Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.
Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis.

You can see more details on http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

Live grid example

The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

1
1
1
1
1
1
1
1
1
1
1
1
2
3
4
3
5
6
1
12

Basic grid HTML

For a simple two column layout, create a .row and add the appropriate number of .span* columns. As this is a 12-column grid, each .span* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

Given this example, we have .span4 and .span8, making for 12 total columns and a complete row.

SHORCODE DEMOS

The shortcode is quite simple Attach the cols number near grid. Keep in mind you must use the row shortcode.

[grid 1/2/3/4/5/6/7/8/9/10/11/12]...[/grid]
[row]
  [grid 2]
    ...
  [/grid]
  [grid 10]
    ...
  [/grid]
[row]

You can also use the grid shortcodes like this:

[grid3 first/last]...[/grid3]
[grid2 first]
    ...
[/grid2]
[grid10 last]
    ...
[/grid10]

Other examples:

[onethird first/last]...[/onethird]

 

[twothirds first/last]...[/twothirds]

 

[half first/last]...[/half]

Offsetting columns

Move columns to the right using .offset* classes. Each class increases the left margin of a column by a whole column. For example, .offset4 moves .span4 over four columns.

4
3 offset 2
2 offset 1
3 offset 1
3 offset 2
1 offset 2
6 offset 3
2 offset 1
<div class="row">
  <div class="span4">...</div>
  <div class="span3 offset2">...</div>
</div>

Nesting columns

To nest your content with the default grid, add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to the number of columns of its parent.

Level 1 column
Level 2
Level 2
<div class="row">
  <div class="span9">
    Level 1 column
    <div class="row">
      <div class="span6">Level 2</div>
      <div class="span3">Level 2</div>
    </div>
  </div>
</div>

Live fluid grid example

The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.

1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12

Basic fluid grid HTML

Make any row "fluid" by changing .row to .row-fluid. The column classes stay the exact same, making it easy to flip between fixed and fluid grids.

<div class="row-fluid">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

Fluid offsetting

Operates the same way as the fixed grid system offsetting: add .offset* to any column to offset by that many columns.

4
4 offset 4
3 offset 3
3 offset 3
6 offset 6
<div class="row-fluid">
  <div class="span4">...</div>
  <div class="span4 offset2">...</div>
</div>

Fluid nesting

Nesting with fluid grids is a bit different: the number of nested columns should not match the parent's number of columns. Instead, each level of nested columns are reset because each row takes up 100% of the parent column.

Fluid 12
Fluid 6
Fluid 6
<div class="row-fluid">
  <div class="span12">
    Fluid 12
    <div class="row-fluid">
      <div class="span6">Fluid 6</div>
      <div class="span6">Fluid 6</div>
    </div>
  </div>
</div>

Add quick, dynamic tab functionality to transiton through panes of local content.

The example above has the class="tabbable tabs_style1", where tabbable triggers the tables and tabs_style1 has the styling.

 

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

Pane 3 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

SHORTCODE PARAMS

[tabs class="" style="" first_tab="" icons_theme=""][/tabs]

 

style = vertical_tabs / tabs_style1 / tabs_style2 / tabs_style3 / tabs_style4

icons_theme = white / black

SHORTCODE DEMO

[tabs]
  [tab title="Some Tab #1"]
    ... content for tab #1 
  [/tab]
  [tab title="Some Tab #2"]
    ... content for tab #2 
  [/tab]
  [tab title="Some Tab #3"]
    ... content for tab #3 
  [/tab]
[/tabs]

Other styles - tabs_style2

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

Pane 3 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

Other styles - tabs_style3

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

Pane 3 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

Other styles - tabs_style4

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

Pane 3 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

Other styles - vertical_tabs

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

Pane 3 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

TOP
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen Ok