---
title: marketing-materials
image: https://www.docnote.com/hubfs/Website%20Photos/docnote-og-default.png
---

[Skip to content](https://www.docnote.com/marketing-materials#main-content)

[![docnote-logo-blue-hour](https://www.docnote.com/hubfs/docnote-logo-blue-hour.svg)](https://www.docnote.com/?hsLang=en)

- [Platform](https://www.docnote.com/platform?hsLang=en)
- [Customer Stories](https://www.docnote.com/customer-stories?hsLang=en)
- Resources
  
  [Support](https://www.docnote.com/customer-support?hsLang=en) [Help](https://www.docnote.com/help?hsLang=en) [Marketing Materials](https://www.docnote.com/marketing-materials)

[Log In](https://platform.docnote.com/login) [Get Started](https://www.docnote.com/get-started?hsLang=en)

- [Platform](https://www.docnote.com/platform?hsLang=en)
- [Customer Stories](https://www.docnote.com/customer-stories?hsLang=en)
- Resources 
  
    - [Support](https://www.docnote.com/customer-support?hsLang=en)
    - [Help](https://www.docnote.com/help?hsLang=en)
    - [Marketing Materials](https://www.docnote.com/marketing-materials)

[Log In](https://platform.docnote.com/login) [Get Started](https://www.docnote.com/get-started?hsLang=en)

DOCNOTE CONTENT HUB

## Marketing materials for your office

Everything you need to explain uninsured services and Docnote to your patients, in one place. 

All

Website

Print

Brand

![](https://www.docnote.com/hubfs/docnote-logo-blue-hour.svg) Uninsured Services

### Website Page

A ready-made page explaining Docnote and uninsured services to your patients.

Download  — Website Page

### [![](https://www.docnote.com/hubfs/docnote-logo-blue-hour.svg) In-office poster In-Office Poster For the waiting room or the front desk. A4, Letter, 11 × 17, plus a desk card. Download](https://www.docnote.com/hubfs/343013088/Docnote%20Posters-1.zip)

### [Brand kit ![](https://www.docnote.com/hubfs/docnote-logo-blue-hour.svg) ![](https://www.docnote.com/hubfs/docnote-logo-blue-hour.svg) ![](https://www.docnote.com/hubfs/docnote-logo-blue-hour.svg) Logo Kit Our logos, colours and fonts, if you'd rather build your own materials. Download](https://www.docnote.com/hubfs/343013088/Docnote-Logo-Kit.zip?hsLang=en)

## Website Page

Paste this into a new page on your site. Everything is self-contained.

Close dialog

Copy code

Download HTML

Instructions

1. 1
   
   Copy the code Use the Copy code button above. Everything the block needs is included.
2. 2
   
   Open your website editor Create a new page, or open the page where you want the block to appear.
3. 3
   
   Paste it into a Custom HTML block Add a Custom HTML or embed element, paste the code in, and publish. Nothing else to install.

```
<!-- Docnote · uninsured services page -->
<div class="dnx-page" style="container-type:inline-size;box-sizing:border-box;width:100%;line-height:1.55;background:#FFFFFF;color:#163F6D;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;">

  <div class="dnx-page__in" style="box-sizing:border-box;max-width:1045px;margin:0 auto;padding:64px 24px 56px;">
    <div class="dnx-page__col" style="box-sizing:border-box;max-width:none;">
    <img class="dnx-page__logo dnx-page__logo--lead" src="https://www.docnote.com/hubfs/brand-toolkit/docnote-poweredby-lockup-blue-hour.png" alt="Powered by Docnote" width="220" height="44" style="height:44px;width:auto;max-width:none !important;display:block;border:0;padding:0;filter:none !important;margin:0 0 28px;">
    <h1 class="dnx-page__h1" style="margin:0;color:#082C54;font-size:40px;font-size:clamp(32px, 2.6cqi + 1rem, 48px);font-family:inherit;font-weight:700;line-height:1.12;letter-spacing:-0.025em;text-transform:none;">Uninsured services</h1>

    <p style="margin:20px 0 0;color:#163F6D;font-size:16px;line-height:1.55;">The Ontario Health Insurance Plan (OHIP) provides coverage for most, but not all, physician services. If you are requesting a service that is not covered by OHIP, our office requires payment for it.</p>
    <p style="margin:28px 0 0;color:#082C54;font-size:16px;font-weight:600;line-height:1.5;">Examples of uninsured services include:</p>
    <ul class="dnx-page__list" role="list" style="margin:14px 0 0;padding:0 0 0 20px;">
      <li style="position:relative;margin:0;padding:7px 0;color:#163F6D;font-size:16px;line-height:1.55;">Prescription renewals without a visit</li>
      <li style="position:relative;margin:0;padding:7px 0;color:#163F6D;font-size:16px;line-height:1.55;">Sick notes and letters for time off work</li>
      <li style="position:relative;margin:0;padding:7px 0;color:#163F6D;font-size:16px;line-height:1.55;">Notes and forms for insurance, physiotherapy, massage therapy and more</li>
      <li style="position:relative;margin:0;padding:7px 0;color:#163F6D;font-size:16px;line-height:1.55;">Missed appointments</li>
    </ul>
    <p style="margin:28px 0 0;color:#163F6D;font-size:16px;line-height:1.55;">We use Docnote for secure payment and delivery of these services.</p>
    </div>
  </div>
  <div class="dnx-page__band" style="box-sizing:border-box;width:100%;background:#F4F8FC;border-top:1px solid #D4E1EE;border-bottom:1px solid #D4E1EE;">
    <div class="dnx-page__band-in" style="box-sizing:border-box;max-width:1045px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;">
      <div style="min-width:0;">
        <h2 class="dnx-page__h2" style="margin:0;color:#082C54;font-size:32px;font-size:clamp(26px, 1.8cqi + 1rem, 40px);font-family:inherit;font-weight:600;line-height:1.18;letter-spacing:-0.02em;text-transform:none;">How it works</h2>
        
        <ol class="dnx-page__steps" role="list" style="margin:28px 0 0;padding:0;list-style:none;">
          <li style="position:relative;margin:0;padding:0 0 20px 56px;">
            <span class="dnx-page__num" aria-hidden="true" style="position:absolute;left:0;top:-2px;box-sizing:border-box;width:36px;height:36px;padding-top:7px;background:#FFFFFF;border:1px solid #AABFD9;border-radius:999px;color:#082C54;font-size:14px;font-weight:600;line-height:1.3;text-align:center;font-variant-numeric:tabular-nums;">1</span>
            <h3 style="margin:0 0 6px;color:#082C54;font-size:20px;font-family:inherit;font-weight:600;line-height:1.3;letter-spacing:-0.01em;text-transform:none;">Watch for an email</h3>
            <p style="margin:0;color:#163F6D;font-size:16px;line-height:1.55;">When your document is ready, Docnote emails you a secure link.</p>
          </li>
          <li style="position:relative;margin:0;padding:20px 0 20px 56px;border-top:1px solid #D4E1EE;">
            <span class="dnx-page__num" aria-hidden="true" style="position:absolute;left:0;top:18px;box-sizing:border-box;width:36px;height:36px;padding-top:7px;background:#FFFFFF;border:1px solid #AABFD9;border-radius:999px;color:#082C54;font-size:14px;font-weight:600;line-height:1.3;text-align:center;font-variant-numeric:tabular-nums;">2</span>
            <h3 style="margin:0 0 6px;color:#082C54;font-size:20px;font-family:inherit;font-weight:600;line-height:1.3;letter-spacing:-0.01em;text-transform:none;">Open and pay</h3>
            <p style="margin:0;color:#163F6D;font-size:16px;line-height:1.55;">Open the link and pay by card, Apple Pay or Google Pay.</p>
          </li>
          <li style="position:relative;margin:0;padding:20px 0 20px 56px;border-top:1px solid #D4E1EE;">
            <span class="dnx-page__num" aria-hidden="true" style="position:absolute;left:0;top:18px;box-sizing:border-box;width:36px;height:36px;padding-top:7px;background:#FFFFFF;border:1px solid #AABFD9;border-radius:999px;color:#082C54;font-size:14px;font-weight:600;line-height:1.3;text-align:center;font-variant-numeric:tabular-nums;">3</span>
            <h3 style="margin:0 0 6px;color:#082C54;font-size:20px;font-family:inherit;font-weight:600;line-height:1.3;letter-spacing:-0.01em;text-transform:none;">Get your document(s)</h3>
            <p style="margin:0;color:#163F6D;font-size:16px;line-height:1.55;">Once you've paid, your document(s) are ready to view. Prescription renewals go straight to your pharmacy.</p>
          </li>
        </ol>
      </div>
      <div class="dnx-page__art" style="box-sizing:border-box;min-width:0;display:flex;align-items:center;justify-content:center;">
        
        <img class="dnx-page__artimg" src="https://www.docnote.com/hubfs/illo-document-delivery.webp" alt=""
             width="1045" height="1400"
             style="display:block;width:100%;height:auto;border-radius:20px;border:0;padding:0;filter:none;">
      </div>
    </div>
  </div>

  <div class="dnx-page__in" style="box-sizing:border-box;max-width:1045px;margin:0 auto;padding:56px 24px 64px;">
    <div class="dnx-page__col" style="box-sizing:border-box;max-width:none;">

    <h2 class="dnx-page__h2" style="margin:0;color:#082C54;font-size:32px;font-size:clamp(26px, 1.8cqi + 1rem, 40px);font-family:inherit;font-weight:600;line-height:1.2;letter-spacing:-0.02em;text-transform:none;">How to pay</h2>

    <h3 style="margin:32px 0 0;color:#082C54;font-size:20px;font-family:inherit;font-weight:600;line-height:1.3;letter-spacing:-0.01em;text-transform:none;">Online</h3>
    <p style="margin:8px 0 0;color:#163F6D;font-size:16px;line-height:1.55;">Pay through the secure link emailed by Docnote.</p>
    <h3 style="margin:28px 0 0;color:#082C54;font-size:20px;font-family:inherit;font-weight:600;line-height:1.3;letter-spacing:-0.01em;text-transform:none;">In person</h3>
    <p style="margin:8px 0 0;color:#163F6D;font-size:16px;line-height:1.55;">Pay by card in the office.</p>
    <div style="box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:40px;padding-top:24px;border-top:1px solid #D4E1EE;">
      <img class="dnx-page__logo" src="https://www.docnote.com/hubfs/brand-toolkit/docnote-poweredby-lockup-blue-hour.png" alt="Powered by Docnote" width="150" height="30" style="height:30px;width:auto;max-width:none !important;display:block;border:0;padding:0;filter:none !important;flex:0 0 auto;">
      <p style="margin:0;flex:1 1 220px;min-width:0;color:#2E5A8A;font-size:14px;line-height:1.5;">Uninsured services made easy</p>
      <a class="dnx-page__closelink" href="https://www.docnote.com/" style="flex:0 0 auto;color:#0D63A0;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;">Learn more about Docnote</a>
    </div>
    </div>
  </div>
<style>
/* Enhancement only. Everything above renders without this; these are the rules
   an inline style attribute cannot carry. */
.dnx-page__list { list-style: none; padding-left: 0 !important; }
.dnx-page__list li { padding-left: 22px !important; }
.dnx-page__list li::before {
  /* 18px, not 15: the item is 7px padding over a 24.8px line box, so the first
     line's optical centre is 7 + 12.4. */
  content: ""; position: absolute; left: 0; top: 19px;
  width: 7px; height: 1px; background: #082C54; opacity: .55;
}
.dnx-page__closelink:hover { text-decoration-thickness: 2px; }
.dnx-page a:focus-visible, .dnx-page :focus-visible {
  outline: 3px solid #1B99E8; outline-offset: 2px;
}
/* Two columns only when the band has the room for them. Descendant selectors
   only: `.dnx-page` is itself the container, so a rule naming `.dnx-page`
   here would read as working and do nothing. */
/* Leading tracks the measure, and the measure passes ~80 characters around a
   700px container — not at 880, where the band's columns happen to split. Tying
   the two together left 700-880px with a long measure and tight leading, which
   is the worst pairing of the two. Scoped to __col so the band's own columns,
   which stay near 60ch, keep the homepage's tighter 1.55. */
@container (min-width: 700px) {
  .dnx-page__col > p, .dnx-page__col .dnx-page__list li { line-height: 1.7 !important; }
}
/* The band's steps are a single column below 880, so between 700 and 880 they
   have the same long measure and want the same leading. Above 880 they split
   into the narrow column and go back to 1.55. */
@container (min-width: 700px) and (max-width: 879px) {
  .dnx-page__steps p { line-height: 1.7 !important; }
}
@container (min-width: 880px) {
  .dnx-page__band-in { grid-template-columns: 1.15fr 0.85fr !important; gap: 56px !important; }
}
@container (min-width: 1180px) {
  .dnx-page__band-in { gap: 80px !important; }
}
/* Below the two-column threshold the art panel is a wide, short letterbox
   rather than a tall portrait, so it does not push the steps off the screen. */
/* Stacked, the art column is the full container width, so an uncapped 3:4 image
   would tower over the steps. Two columns up, it fills its own column and needs
   no cap at all. */
@container (max-width: 879px) {
  .dnx-page__artimg { max-width: 320px !important; }
}
@container (max-width: 640px) {
  .dnx-page__in { padding-top: 44px !important; padding-bottom: 40px !important; }
  .dnx-page__band-in { padding-top: 44px !important; padding-bottom: 44px !important; }
}
/* Tighten the gutter as the column narrows. !important because every column
   sets its padding inline. */
@container (max-width: 560px) {
  .dnx-page__in, .dnx-page__band-in {
    padding-left: 20px !important; padding-right: 20px !important;
  }
  .dnx-page__steps li { padding-left: 48px !important; }
  .dnx-page__num { width: 32px !important; height: 32px !important; padding-top: 6px !important; }
}
/* The lead lockup is a fixed-size asset carrying `max-width:none !important` —
   that guard defeats a hostile host stylesheet, but it also means the mark
   cannot shrink itself out of an overflow. At 220px it stops fitting around a
   260px container. 36px is the floor, not an arbitrary smaller number: the
   "POWERED BY" line is 15% of the artwork height, so 36px renders it at 5.4px
   and less is unreadable. Height and width together, or the 5:1 artwork
   distorts. Scoped to --lead: the closing lockup renders at 0.68x and already
   clears 320px, so including it made that mark grow as the screen shrank. */
@container (max-width: 320px) {
  .dnx-page__logo--lead { height: 36px !important; width: 180px !important; }
}
</style>
</div>
```

Preview

<iframe class="dad__preview" data-dad-preview title="Preview of Website Page" sandbox="allow-same-origin"></iframe>

This block is taller than the preview — scroll inside it to see the rest.

**Docnote**

 

[Home](https://www.docnote.com?hsLang=en) 

 

[Platform](https://www.docnote.com/platform?hsLang=en)

 

[Customer Stories](https://www.docnote.com/customer-stories?hsLang=en)

 

[Login](https://platform.docnote.com/login)

 

[Docnote Legacy (V1) Login](https://app.docnote.com/login)

 

 

 

**Resources**

 

[Support](https://www.docnote.com/customer-support?hsLang=en)

 

Marketing Materials

 

**Support**

 

Support

[support@docnote.com](mailto:support@docnote.com)

 

Sales

[sales@docnote.com](mailto:sales@docnote.com)

 

General Inquiries

[info@docnote.com](mailto:info@docnote.com)

 

Get in touch

1-866-236-6172

![logo-white-svg](https://www.docnote.com/hubfs/Logos/logo-white-svg.svg "logo-white-svg")

<https://www.linkedin.com/company/docnotecanada/><https://www.facebook.com/docnotecanada><https://www.instagram.com/docnotecanada/>

---

[Privacy Policy ·](https://platform.docnote.com/legal/privacy)[Accessibility](https://www.docnote.com/accessibility?hsLang=en) · Copyright ©2026 Docnote Inc. All rights reserved.