Number Block

 
 
 

This component is used to display text and number and content side by side with number as a main content with large size

 
 
 

Dialog contains:

Section Heading: This field is used to provide section heading

Section Title: This field is used to provide the title of the section

Number Value: This field is used to provide the value of number

Description: This field is used to provide the description

Views:

This componenet has 2 views

1. Numbered block with background color view: In this view we provide the color as a background

2. Numbered block with background image view: In this view we provide the image as a background

 
 
 

Number block dialog

 
 
 
 
 
 
 
 
 
 
 
 

View-1: Number Block with Background Color View

 
 
 

Number Block with Background Color View

$6B
Sustainability and DuPont

Total that DuPont™ invested between 2010–2016 to introduce new products that are safer, healthier and more sustainable

 
 
 

 View-2: Number Block with Background Image View

 
 
 

Number Block with Background Img View

$6B
Sustainability and DuPont

Total that DuPont™ invested between 2010–2016 to introduce new products that are safer, healthier and more sustainable

 
 
 

Important Information:

  • The section heading, section title, number value and description can be updated.
  • The background color and background image can be updated based on the requirements as per dupont brand guidelines.
  • Live URL:https://www.dupont.ca/en/building/all-products.html