Versions Compared

Old Version 5

changes.mady.by.user Ezequiel Cuñado

Saved on

compared with

New Version Current

changes.mady.by.user Antoine Trota

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
<div>
    <img class="center" src="https://hndpt.co/34r676D"/>
</div>

Fixed width Font

Handpoint allows developer to use a fixed width font, in order to so the font style needs to be added to the root html element.

Code Block
<html style="font-family: roboto;">
...
</html>

Example

Code Block
languagehtml
<html>
  <head></head>
  <body>
  <header>
    <div>
      <img class="center" src="https://hndpt.co/34r676D"/>
    </div>
    <div class="separator solid" style="margin-top: 10px; height: 2px; margin-bottom: 10px;"></div>
    <div>
      <label class="left">17/12/2019</label>
      <span class="right">11:00</span>
    </div>
  </header>
  <main>
    <div class="separator" style="height: 60px;"></div>
    <div>
      <p class="xxlarge bold center">xxlarge bold center</p>
    </div>
    <div>
      <p class="xxsmall bold center">xxsmall bold center</p>
    </div>
    <div>
      <p class="left bold large">left bold large</p>
    </div>
    <div>
      <p class="right italic large">right italic large</p>
    </div>
    <div class="separator dotted" style="margin-top: 10px; height: 2px; margin-bottom: 10px;"></div>
    <div>
      <label class="left bold">left bold</label>
      <span class="right">value</span>
    </div>
    <div class="separator solid" style="margin-top: 10px; height: 2px; margin-bottom: 10px;"></div>
  </main>
  <footer>
    <div>
      <p class="large bold center">ERROR MESSAGE</p>
    </div>
    <div class="separator solid" style="margin-top: 10px; height: 2px; margin-bottom: 10px;"></div>
  </footer>
  </body>
</html>

...