Everything you can do with Beauter
Notes are very simple text boxes. They are basic and similar to alert boxes or bloquoute but are useful for emphasizing a particular information.
Simply adds a border with a background divbase class
Using modifiers like _primary, _success, _shadow, _box etc will further shape and alter the design of the alert boxes. Learn more here.
The static alert boxes
A simple static fixed alert box.
<p class="note"> A simple note. </p>
A mixed up note
You can use
div tag to control note as a block.
<div class="note _bc-success _f-pink _nightblue _shadow">This seem a bit more different isn't it?<br> And then you can add extra <code>things</code> <ul><li>Even extra listings</li></ul> </div>