<section class="section">
    <div class="container">
      <h1 class="title">
        mailgo demo
      </h1>
      <p>
        Just a <code>mailto</code> link (with <strong>mailgo</strong>, just importing the script)
      </p>
      <a href="mailto:matteo@mailgo.dev">matteo@mailgo.dev</a>
      <br/><br/>
        Just a <code>tel</code> link (with <strong>mailgo</strong>, just importing the script)
      </p>
      <a href="tel:1234567890" data-telegram="telegram">+39 123456789</a>
      <br/>
  <hr/><p>
        Dark mode <code>mailto</code>
      </p>
      <a class="dark" href="mailto:matteo@mailgo.dev">matteo@mailgo.dev</a>
      <br/><br/>
        Dark mode <code>tel</code>
      </p>
      <a class="dark" href="tel:1234567890" data-telegram="telegram">+39 123456789</a>
      <br/>
  <hr/>
      <p>
        <strong>Spam-less</strong> mailgo installation (no complete email address visible)
      </p>
      <a href="#mailgo" data-address="matteo" data-domain="mailgo.dev">write me</a>
      <br/><br/>
      <p>
        A mailto link with cc, bcc, subject and body
      </p>
      <a href="mailto:matteo@mailgo.dev?cc=info@mailgo.dev&subject=hello&body=how are you?">matteo@mailgo.dev</a>
      <br/><br/>
      <p>
        <strong>Spam-less</strong> mailgo with cc, bcc, subject and body
      </p>
      <a href="#mailgo" data-address="matteo" data-domain="mailgo.dev" data-cc-address="matteomanzinello" data-cc-domain="mailgo.dev" data-bcc-address="hello" data-bcc-domain="mailgo.dev" data-subject="A strange email" data-body="This email is for me with me also in cc and in bcc">write me!</a>
      <br/><br/>
      <p>
        A mailto link with <strong>multiple</strong> to addresses
      </p>
      <a href="mailto:matteo@mailgo.dev,info@mailgo.dev">matteo@mailgo.dev</a>
      <br/><br/>
      <p>
        A mailto link with <strong>multiple</strong> cc addresses
      </p>
      <a href="mailto:matteo@mailgo.dev?cc=info@mailgo.dev,matteo@manzinello.dev">matteo@mailgo.dev</a>
      <br/><br/>
      <p>
        A simple tel link (by default with WA, Skype, call and copy)
      </p>
      <a href="tel:1234567890">+39 123456789</a>
      <br/><br/>
      <p>
        A complete tel link (with Telegram)
      </p>
      <a href="tel:1234567890" data-telegram="telegram">+39 123456789</a>
      <br/><br/>
      <p>
        A tel link with Skype username instead the phone number
      </p>
      <a href="tel:1234567890" data-skype="skype">+39 123456789</a>
      <br/><br/>
      <p>
        A simple callto link (by default with WA, Skype, call and copy)
      </p>
      <a href="callto:1234567890">+39 123456789</a>
      <br/><br/>
      <small><a href="https://mailgo.dev?ref=codepen">mailgo.dev</a></small>
    </div>
  </section>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/mailgo@0.11.2/dist/mailgo.min.js