Colors

Main Color
Main Color Hover
Secondary Color
Secondary Color Hover

Neutrals

Neutral 100
Neutral 200
Neutral 300
Neutral 400
Neutral 500
Neutral 600
Neutral 700
Neutral 800

Texts

Regular
Bold
Aa

ptdc-extra-large

ptdc title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam voluptatum quisquam nisi rerum assumenda.
Discover more

ptdc-large

ptdc title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam voluptatum quisquam nisi rerum assumenda.
Discover more

ptdc-medium

ptdc title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam voluptatum quisquam nisi rerum assumenda.
Discover more

ptdc-default

ptdc title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam voluptatum quisquam nisi rerum assumenda.
Discover more

ptdc-small

ptdc title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam voluptatum quisquam nisi rerum assumenda.
Discover more

ptdc-extra-small

ptdc title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam voluptatum quisquam nisi rerum assumenda.
Discover more

							
								<x-ptdc
									:pretitle="(string)"
									:title="(string)"
									:description="(string)"
									:size="xl,l,m,null(default),s,xs"
									:text-align="left(default),center,right"
									:text-color="black(default),white,custom*"
									:text-color-custom="(hexcode,rgb())"
									:extraclasses="(string)"
									:cta-text="(string)"
									:cta-link="(string)"
									:cta-function-name="(string)"
									:cta-size="small,medium,large"
									:cta-text-only="true,false(default)"
									:cta-radius="square,square-round,round"
									:cta-background="primary,secondary,transparent,custom*"
									:cta-background-custom="(hexcode,rgb())*"
									:cta-background-hover="primary,secondary,transparent,filter(default),custom*"
									:cta-background-hover-custom="(hexcode,rgb())*"
									:cta-borders="primary,secondary,null(default),custom*"
									:cta-borders-custom="(hexcode,rgb())*"
									:cta-font="regular,bold(default)"
									:cta-font-underline="true,false"
									:cta-arrow="white,primary,secondary,null(default),custom*"
									:cta-arrow-custom="(hexcode,rgb())*"
									:cta-chevron="white,primary,secondary,null(default),custom*"
									:cta-chevron-custom="(hexcode,rgb())*"
									:cta-icon="(string)"
									:cta-add-class-style="(string)"
									:cta-download="true,false"
									:cta-target="(string)"
								/>
							
						

							
								<x-cta
									:text="(string)"
									:link="(string)"
									:function-name="(string)"
									:size="small,medium,large"
									:text-only="true,false(default)"
									:radius="square,square-round,round"
									:background="primary,secondary,transparent,custom*"
									:background-custom="(hexcode,rgb())*"
									:background-hover="primary,secondary,transparent,filter(default),custom*"
									:background-hover-custom="(hexcode,rgb())*"
									:borders="primary,secondary,null(default),custom*"
									:borders-custom="(hexcode,rgb())*"
									:font="regular,bold(default)"
									:font-underline="true,false"
									:arrow="white,primary,secondary,null(default),custom*"
									:arrow-custom="(hexcode,rgb())*"
									:chevron="white,primary,secondary,null(default),custom*"
									:chevron-custom="(hexcode,rgb())*"
									:icon="(string)"
									:add-class-style="(string)"
									:download="true,false"
									:target="(string)"
								/>
							
						

Type: text

Founder

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale
Scopri

Founder

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale
brand-logo-icon

Founder

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale
Scopri
brand-logo-icon

Founder

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale
brand-logo-icon

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale
Scopri

Type: logo

Type: image

Card Image

Founder

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale
Scopri
Card Image

Founder

Edoardo Esposito

Pionieri in soluzioni che rispettano l'equilibrio tra progresso tecnologico e responsabilità ambientale e sociale

							
								<x-card
									:type="text(default),logo,image"
									:bg-color="hexcode,rgb()" #fff(default)
									:text-color="hexcode,rgb()"
									:border-width="Npx" 1px(default)
									:border-color="hexcode,rgb()"
									:image-url="(string)"
									:pretitle="(string)"
									:pretitle-image="(string)"
									:title-image="(string)"
									:title="(string)"
									:description="(string)"
									:cta-text="(string)"
									:cta-link="(string)"
									:cta-download="true,false"
									:link="(string)"
								/>
							
						

							
								<x-article-card
									:url="(string)"
									:thumb="(string)"
									:type="(string)"
									:title="(string)"
									:description="(string)"
									:size="(string)"
									:author="(string)"
									:date="(string)"
									:extra-classes="(string)"
								/>
							
						

Content Slider

Slide Image

Titolo 1

Description 1
Lorem ipsum dolor sit amet consectetur. Sollicitudin ultricies fermentum molestie urna imperdiet pellentesque nibh turpis curabitur. A enim aliquet nullam felis ut.Lorem ipsum dolor sit amet consectetur. Sollicitudin ultricies fermentum molestie urna imperdiet pellentesque nibh turpis curabitur. A enim aliquet nullam felis ut.Lorem ipsum dolor sit amet consectetur. Sollicitudin ultricies fermentum molestie urna imperdiet pellentesque nibh turpis curabitur. A enim aliquet nullam felis ut
Slide Image

Titolo 2

Description 2
Lorem ipsum dolor sit amet consectetur. Sollicitudin ultricies fermentum molestie urna imperdiet pellentesque nibh turpis curabitur. A enim aliquet nullam felis ut.Lorem ipsum dolor sit amet consectetur. Sollicitudin ultricies fermentum molestie urna imperdiet pellentesque nibh turpis curabitur. A enim aliquet nullam felis ut.Lorem ipsum dolor sit amet consectetur. Sollicitudin ultricies fermentum molestie urna imperdiet pellentesque nibh turpis curabitur. A enim aliquet nullam felis ut

							
								<x-content-slider
									:id="(string,integer)"
									:slides="[array]" #EXAMPLE: ['index'=>(string), 'title'=>(string), description=>(string), image=>(string)]
								/>
							
						

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

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 consequa. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scopri di più

							
								<x-faq-block
									:id="(string,integer)"
									:title="(string)"
									:description="(string)"
									:extra-classes="(string)"
									:cta-text="(string)"
									:cta-link="(string)"
									:cta-function-name="(string)"
									:cta-size="small,medium,large"
									:cta-text-only="true,false(default)"
									:cta-radius="square,square-round,round"
									:cta-background="primary,secondary,transparent,custom*"
									:cta-background-custom="(hexcode,rgb())*"
									:cta-background-hover="primary,secondary,transparent,filter(default),custom*"
									:cta-background-hover-custom="(hexcode,rgb())*"
									:cta-borders="primary,secondary,null(default),custom*"
									:cta-borders-custom="(hexcode,rgb())*"
									:cta-font="regular,bold(default)"
									:cta-font-underline="true,false"
									:cta-arrow="white,primary,secondary,null(default),custom*"
									:cta-arrow-custom="(hexcode,rgb())*"
									:cta-chevron="white,primary,secondary,null(default),custom*"
									:cta-chevron-custom="(hexcode,rgb())*"
									:cta-icon="(string)"
									:cta-add-class-style="(string)"
									:cta-download="true,false"
									:cta-target="(string)"
								/>
							
						
Browse

							
								<x-form
									:fields="[array]" 
									:type="(string)"
									:prod-id="(uuid)"
									:land-id="(uuid)"
									:file-url="(string)"
								/>
							
							
								//
								// 	FIELDS EXAMPLE:
								//	$fields=[
								//		//Base field
								//		'field_name'=>[
								//			'required'=>true, // required (bool)
								//			'columns'=>'col-lg-6', //optional (string)
								//			'hidden'=>false, //optional (bool)
								//		],
								//		// Select
								//		'field_name'=>[
								//			'required'=>true,
								//			'columns'=>'col-12',
								//			'options'=>[
								//				'option_name'=>[
								//					'title'=>__('text'),
								//					'icon'=> {path}, // optional
								//				]
								//			]
								//		],
								//		...
								//	];
								//