Sub1 - Textvarianten - Seite Sub 1
Preview Page: Template: https://bootstrapmade.com/
- Texte -
Text mit BG Line(s)
Headline - nur Line
Headline dotted
Headline dashed
Weihnachten
Text mit subline
Text H1 with subline.
Text H2 with subline. Text H2 with subline. Text H2 with subline. Text H2 with subline.
Text H3 with subline.
Text mit bg-color
Headline, ...
Headline 3, ... mit class small
Text in Outline
Font with-OUTLINE
Font with-OUTLINE
Headline 1 - Plain - vevo
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Lorem ipsum dolor sit amet, normaler H2 Text.
Image float right: https://getbootstrap.com/docs/5.1/layout/columns/#standalone-column-classes
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Zahlen & Sonderzeichen: 123456789 - @ € ß ü Ä ä Ö ö # - etc. .
Headlines in Größen
Headline big - Plain - vevo
Headline medium
Headline small
Headline smaller
Text p in Größen
Text big
Text medium
Text small
Text span small Small Ende
Text smaller
Headlines in Größen
Text p in Größen
- Buttons -
Col 1 content area
Viele Buttons in einer Zeile -- mehr Info trending_flat -- mehr Info trending_flat -- mehr Info trending_flat -- .
mehr Info... mehr.
mehr Info... mehr.
BTN Diagonal HH Diagonal FFF ... mehr.
BTN Diagonal HH Diagonal FFF ... mehr.
---
Col 2 content area
Horizontal Hover Me horizontal.
Vertikal Hover Me vertikal.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Viele Buttons in einer Zeile -- mehr Info trending_flat -- mehr Info trending_flat -- mehr Info trending_flat -- .
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Text google Material picture_as_pdfdownload PDF Ende.
Text BS Icon download PDF Ende.
BTN Ein BTN mit boot icon-MUO BTN-Ein BTN mit svg MUO
Col 3 content area
Text Mehr arrow.
btn_icon_link: Wilhelm Scheidt Ende.
btn_icon_link: Newsletter Ende.
btn_icon_link: Text Link Ende.
btn_icon_link arrow_right_alt: double_arrowText Link Material Ende.
Icons: send_and_archive | merge_type |
1. google 2. google 2.1 Bootstrap Icons 3. google4. google5. Bootstrap Icons
- Blockqotes -
Blockquote mit
„Lorem ipsum dolor sit amet, consectetur adipiscing elit.“
Blockquote mit Circle Sign
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
left Col
right Col
- p Text breadcrumb -
Span
Links
- Bootstrap Icons -
Quellen:
https://icons.getbootstrap.com/
https://github.com/twbs/icons/releases/tag/v1.11.1
Icon: |
- google Fonts & local -
Quellen:
Google Fonts >>> https://fonts.google.com/
and ... Download >>> https://gwfh.mranftl.com/fonts
google >>> Google webfonts helper
btgrid >> col 2 mit: nested btgrid
Col 1 content area | row > align-items-center | col > align-self-center >> im 2. Col nestet
btgrid 2 > Row 2 > Col 1 content area
