• BOEK EEN KAMER
  • BOEK EEN TAFEL
Menu
  • KAMERS
    KAMERS
    • Comfort Kamers
    • Luxury Kamers
    • Empire Kamers
    • Suites
  • SPECIALS
  • CULINAIR
    CULINAIR
    • Restaurant Karel 5*
    • Brasserie Goeie Louisa
    • Bar en Lounge
    • Ontbijt
  • MEETING & EVENTS
    MEETING & EVENTS
    • Onze zalen
    • Private Dining
    • Speciale Gelegenheden
    • Zakelijke Arrangementen
    • Zakelijk Overnachten
  • OVER ONS
    OVER ONS
    • Contact
    • Locatie
    • Parkeerinformatie
    • Faciliteiten
    • Galerij
    • Geschiedenis
  • ONTDEK UTRECHT
  • Vacatures
  • Contact
  • Locatie
  • Nederlands
  • English
  • BOEK EEN KAMER
  • BOEK EEN TAFEL
Menu
ma.di.wo.do.vr.za.zo.
ma.di.wo.do.vr.za.zo.

Locatie

  • Grand Hotel Karel V
  • Geertebolwerk 1
  • 3511 XA Utrecht
  • Nederland
  • T +31(0) 30 233 75 55
  • E info@karelv.nl

Quick Links

  • Kamers
  • Specials
  • Brasserie Goeie Louisa
  • Restaurant Karel 5
  • Faciliteiten
  • Meeting & Events
  • Ontdek Utrecht

Informatie

  • Contact
  • FAQ
  • Cadeaukaart
  • Locatie
  • Parkeerinformatie
  • Pers & Media
  • Duurzaamheid
  • Vacatures
  •  
  • Algemene Voorwaarden
  • Cookie instellingen
  • Privacy- en cookieverklaring
  • Disclaimer

Social Media

  • Facebook
  • Instagram
  • Linkedin
  • tripadvisor
  • greenkey
  • worldhotels
© Grand Hotel Karel V 2025. Alle rechten voorbehouden.
forms:.title
  • Content

    • area for text and buttons

content-padding

  • spacing inside area

  • content-padding-small

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

    More InfoMore Info
  • content-padding

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

    More InfoMore Info
  • content-padding-large

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

    More InfoMore Info
  • content-padding-huge

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

    More InfoMore Info

content-align (vertical)

  • vertical alignment of text and buttons

  • (default)

    default, the content will fill 100% height of item

    (set to 480px for this demo)

    More InfoMore Info
  • content-align-top

    Lorem ipsum dolor sit amet

    More InfoMore Info
  • content-align-middle

    Lorem ipsum dolor sit amet

    More InfoMore Info
  • content-align-bottom

    Lorem ipsum dolor sit amet

    More InfoMore Info
  • content-align-spaced

    Lorem ipsum dolor sit amet

    More InfoMore Info

content-align (horizontal)

  • horizontal alignment of text and buttons

  • (default)

    default, the content is 100% wide

    More Info
  • content-align-left

    Lorem ipsum dolor sit

    More Info
  • content-align-center

    Lorem ipsum dolor sit

    More Info
  • content-align-right

    Lorem ipsum dolor sit

    More Info

content-horizontal

  • text and buttons side-by-side

  • content-horizontal

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    More Info
  • content-horizontal-reverse

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    More Info
  • + content-align-bottom

    + content-align-spaced

    example of
    align-classes

    added to \horizontal layouts

    More Info

content-maxwidth

  • limit the width of the content

  • content-maxwidth-860

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    More InfoMore Info
  • content-maxwidth-640

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    More InfoMore Info
  • content-maxwidth-420

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    More InfoMore Info
  1. Homepage
  2. Styleguide
  3. Variable content
  4. Content