<div align="center">
    <img
      alt="Logo"
      title="HOSTMK"
      width="100%"
      style="max-width:250px;"
      src=".github/nnetwork.png"
    />
    <br><br>
    <h1 style="border:0;font-weight:bold;text-transform:uppercase;margin:0">Office</h1>
</div>

# 📔 Summary

- [📔 Summary](#-summary)
- [📖 About](#-about)
- [💰 Gateways](#-gateways)
  - [Mercado Pago](#mercado-pago)
  - [Pagseguro](#pagseguro)

# 📖 About

Office to use with database xtream

# 💰 Gateways

How to use gateways

## Mercado Pago

Load this script is required ([read more](https://www.mercadopago.com.br/developers/pt/guides/online-payments/checkout-pro/integration#ebookmark__2._adicione_o_checkout_pro_ao_seu_site))

```html
<script src="https://sdk.mercadopago.com/js/v2"></script>
```

## Pagseguro

Load this script is required ([read more](https://dev.pagseguro.uol.com.br/reference/checkout-pagseguro#lightbox-checkout))

```html
<!-- sandbox -->
<script type="text/javascript" src="https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
<!-- or -->
<!-- production -->
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>
```
