> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Creating HTML fragments
> Create the HTML fragments that render the multi-document case interface in Pega, including the Invoice, Banking, Contract, Letter, and Price default fragments.
HTML fragments draw parts of the user interface used for a multi-document processing case.
To create a new fragment, do the following:
1. In **Dev Studio,** click **Records → Technical → HTML Fragment** **→** **Create**.
2. In the **Label** and **Identifier** fields, enter the following value: *InvoiceDefaultFragment*.
3. Click **Create and open**.
4. In the **HTML Source** field, enter the code of your fragment. The code to be used for each of the fragments is provided below.
The code of all the fragments can also be found in the connector installation folder at *%Installation Path%\Connector for FlexiCapture as a Service with verification\Samples\Code examples\Configure UI\Multi-document\HTML fragments*.
## InvoiceDefaultFragment
```
Invoice
Invoice Number
----
Invoice Date
----
Invoice Table
| Reference |
Designation |
Quantity |
Order Number |
Unit Price |
Total |
Total
----
Company
----
```
## BankingDefaultFragment
```
Banking
Full Name
----
City
----
Birth Date
----
SSN
----
Home Phone
----
Work Phone
----
Employer Name
----
Address
| Address type |
Country |
ZIP |
State |
Street |
City |
```
## ContractDefaultFragment
```
Contract
Contract Number
----
Contract Date
----
```
## LetterDefaultFragment
```
Letter
Letter Date
----
Letter From
----
Letter To
----
```
## PriceDefaultFragment
```
Price
Company
----
Price Table
```