Questo sito utilizza cookie per migliorare la tua esperienza. Puoi scegliere quali categorie autorizzare. Privacy Policy

Preferenze Cookie

Scegli quali categorie di cookie autorizzare. I cookie necessari sono sempre attivi per garantire sicurezza e funzionalità di base.

Necessari Sempre attivi
Cookie essenziali per il funzionamento del sito, la sicurezza e la protezione anti-spam. Non possono essere disattivati.
Analitici
Cookie che ci permettono di capire come i visitatori utilizzano il sito, per migliorarne funzionalità e contenuti.
Marketing
Cookie utilizzati per mostrarti annunci pertinenti e misurare l'efficacia delle campagne pubblicitarie.
Template | RENOR & Partners S.r.l.

Telefono: 379 148 9430

Orari: dal lunedì al venerdì 9:00 - 18:00

Telefono: 379 148 9430

Orari: dal lunedì al venerdì 9:00 - 18:00

Typography

Sizes

render font-size line-height font-weight font-family classes
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Display 7
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body
Small
Extra small

Body

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Styles

render style tag
consectetur adipiscing elit, sed do Bold <b>
consectetur adipiscing elit, sed do Underline <u>
consectetur adipiscing elit, sed do Cursive <c>
consectetur adipiscing elit, sed do Stroke <s>
consectetur adipiscing elit, sed do Highlighted <mark>
consectetur adipiscing elit, sed do Link <a>

List

unordered list ordered list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

Primary colors

render hexadecimal rgb
Primary
Secondary

Other colors

render hexadecimal rgb
Gold

Interaction colors

render hexadecimal rgb
Info
Success
Warning
Danger

Grayscale

render hexadecimal rgb
White
Gray - 300
Gray - 500
Gray - 700
Black

Layout

Breakpoints

breakpoint from to
xs 0 px 575 px
sm 576 px 767 px
md 768 px 991 px
lg 992 px 1199 px
xl 1200 px 1399 px
xxl 1400 px n px

Containers

container xs sm md lg xl xxl
container 100% 540 px 720 px 960 px 1140 px 1320 px
container-sm 100% 540 px 720 px 960 px 1140 px 1320 px
container-md 100% 100% 720 px 960 px 1140 px 1320 px
container-lg 100% 100% 100% 960 px 1140 px 1320 px
container-xl 100% 100% 100% 100% 1140 px 1320 px
container-xxl 100% 100% 100% 100% 100% 1320 px
container-fluid 100% 100% 100% 100% 100% 100%

Spacers

size 0 size 1 size 2 size 3 size 4 size 5
0
4 px
8 px
16 px
24 px
48 px
0 - 0
0 - 4 px
0 - 8 px
0 - 16 px
0 - 24 px
0 - 48 px
0 - 0
4 px - 0
8 px - 0
16 px - 0
24 px - 0
48 px - 0

Grid system

col-12
col-11
col-1
col-10
col-2
col-9
col-3
col-8
col-4
col-7
col-5
col-6
col-6
col-5
col-7
col-4
col-8
col-3
col-9
col-2
col-10
col-1
col-11

Form

    I campi contrassegnati dallo * sono obbligatori.

    Button sizes

    large default small

    Defautl buttons

    Default Disabled

    Light buttons

    Default Disabled

    Badge buttons

    Default Disabled

    Icons

    Website icons

    Social icons

    E-commerce icons

    Modals

    Sizes

    default sm lg xl

    Offcanvas

    Directions

    left top right bottom
    Offcanvas left
    ...
    Offcanvas top
    ...
    Offcanvas right
    ...
    Offcanvas bottom
    ...

    Components

    Breadcrumbs

    Cards

    Placeholder
    Card title

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Go somewhere
    Placeholder
    Card title

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Go somewhere
    Placeholder
    Card title

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Go somewhere
    Placeholder
    Card title

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Go somewhere

    Accordion

    This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

    This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

    This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

    Tabs

    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.
    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.
    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.
    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.

    Badge

    default pill
    Primary Secondary Success Danger Warning Info Light Dark
    Primary Secondary Success Danger Warning Info Light Dark

    Tooltip

    on top on right on bottom on left with html
    Test me! Test me! Test me! Test me! Test me!

    Alerts

    Spinner

    border grow

    Progress bar

    © 2026 RENOR & Partners S.r.l. | All rights reserved

    Privacy and cookie policy

    Questo sito è protetto da reCAPTCHA e si applicano la Privacy Policy e i Termini di Servizio di Google.

    Non hai tempo?
    Chiedi al nostro assistente AI

    RENOR & Partners S.r.l.

    Ciao! 👋 Sono l'assistente AI. Come posso aiutarti oggi?
    Scrivi il tuo messaggio...
    Developed by RENOR & Partners - https://renor.it