Placeholder

Logo

Business data

Ragione sociale	Energy4All
Partita IVA	1234567890
Codice fiscale	XXXXXX00X00X000X
E-Mail	info@energy4allproject.eu
Telefono	0000000000
Indirizzo	Via Roma, 32

Social

facebook	https://www.facebook.com/Energy4Allproject
twitter
linkedin	https://www.linkedin.com/company/energy4all-project
instagram	https://www.instagram.com/energy4allproject
tiktok
youtube
vimeo

Integration

Google Analytics ID	G-PSW1MY7HB4
Facebook Pixel	0000000000

Sizes

render	font-size	line-height	font-weight	font-family	classes
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
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	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

Primary colors

render	hexadecimal	rgb
Primary
Secondary

Other colors

render	hexadecimal	rgb
Orange

Interaction colors

render	hexadecimal	rgb
Info
Success
Warning
Danger

Grayscale

render	hexadecimal	rgb
White
Gray - 100
Gray - 200
Gray - 300
Gray - 400
Gray - 500
Gray - 600
Gray - 700
Gray - 800
Gray - 900
Black

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

col-7

col-4

col-8

col-3

col-9

col-2

col-10

col-1

col-11

[contact-form-7 id="a2efbb0" title="Contatti"]

Button sizes

large	default	small

Defautl buttons

primary	secondary	info	success	warning	danger

Outline buttons

primary	secondary	info	success	warning	danger

Badge buttons

primary	secondary	info	success	warning	danger

Website icons

Social icons

E-commerce icons

Sizes

default	sm	lg	xl

Directions

left	top	right	bottom

...

Breadcrumbs

Cards

Card title

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

Go somewhere

Card title

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

Go somewhere

Card title

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

Go somewhere

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.

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

A simple success alert!

A simple danger alert!

A simple warning alert!

A simple info alert!

Spinner

border	grow
Loading... Loading... Loading... Loading... Loading... Loading... Loading... Loading...	Loading... Loading... Loading... Loading... Loading... Loading... Loading... Loading...

Brand identity

Logo

Business data

Social

Integration

Typography

Sizes

Body

Styles

List

Primary colors

Other colors

Interaction colors

Grayscale

Layout

Breakpoints

Containers

Spacers

Grid system

Form

Button sizes

Defautl buttons

Outline buttons

Badge buttons

Icons

Website icons

Social icons

E-commerce icons

Modals

Sizes

Offcanvas

Directions

Offcanvas left

Offcanvas top

Offcanvas right

Offcanvas bottom

Components

Breadcrumbs

Cards

Card title

Card title

Card title

Card title

Accordion

Accordion Item #1

Accordion Item #2

Accordion Item #3

Tabs

Badge

Tooltip

Alerts

Spinner

Progress bar