> ## Documentation Index
> Fetch the complete documentation index at: https://telr-docs.cashfree.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Examples

> Complete code examples for building a payment page

## Cards

<Card href="https://codepen.io/cashfreepayments/pen/eYLWmzZ" img="https://mintcdn.com/telr/-uG3dVZ7IVYDmoy3/static/payments/custom-web-checkout/examples/card.jpg?fit=max&auto=format&n=-uG3dVZ7IVYDmoy3&q=85&s=4b019291a0a00703a2869dadff19d867" width="2232" height="1492" data-path="static/payments/custom-web-checkout/examples/card.jpg">
  An example for building your own UI for collecting card payments online.
</Card>
