(h1)P(c|coral)i(;)co W(c|skyblue)e(;)b A(c|coral)p(;)ps  
    (box|transparent;color:white;position:absolute;top:1em;right:2em;font-size:0.5em)(cbox|btn|background:coral)Start Free Trial(;) No Credit Card Necessary(;) (;)
    (box|transparent;color:white;font-size:1.5em;font-family:oswald;margin:-2em 0.5em 0em 0.4em)Small Beautiful Apps For Startups and New Product Teams.(;)
(cbox|none|max-height:400px;overflow:hidden;text-align:center)(img|https://miro.medium.com/max/2806/1*Plynust6O4FJTfHo03ZRKw.png|left;max-width:auto;width:100%)  
(;)(cbox|grad1|background:linear-gradient/0,skyblue,steelblue/;padding:2em;color:white;position:relative)
(h2)Get more office work done with your Smartphones and Tablets. No Need to lug your laptop around.
     (box|transparent;color:white;position:absolute;top:7em;right:2em;font-size:16pt)(cbox|btn|background:coral)Start Free Trial(;) No Credit Card Necessary(;) 
 (;) 
- Enhance your reputation for being well prepared - because you will always have your information handy ! 
- Create cloud based,  data driven docs and slides - that are automatically upto date when data changes
- Easily share with your favorite chat and messaging apps
- Prevent information overload by retrieving information Just in Time and in Context 
    (h2) Join and enjoy all these apps (and more to come ..) for one fixed monthly fee (;)
    (;)(cbox|grid threecol|padding:0.5em;min-height:150px)(gbox)
    (h2)Sketching and Mind Mapping(;)
    (h2)Notes and Journals(;)
    (cbox|round pad)
    we are in a 3col grid with a pink gradient. The first col seems to be expanding with the text
    Now what if this is really really big
    and big
    and big
    (;)(;)(gbox)(h2)Timelines, Schedules, Events(;)(cbox|round pad center)
    A gradient grad-orange. Seems to behave pretty much like a table
    (img|https://www.outsystems.com/-/media/images/evaluation-guide/outsystems-tools-and-components/platform-server-10.png|left;width:100%)
    (;)(;)(gbox)(h2) Projects,Tasklists and Reminders(;)
    (cbox| round pad)
    A gradient Box3
    (img|https://images.mendix.com/wp-content/uploads/the-developer-continuum.svg|left;width:250px)
    (;)(;)(gbox)
    (h2)Data/Profiles : Clients, Employees, Products,Partners (;)
    (cbox|round pad)
    A gradient blue1
    (;)(;)(gbox)
    (h2)Data Driven Slide Pitches(;)
    (h2)Storyboards(;)
    A gradient Box5
    (;)(gbox)
    (h2)Records and Work Logs(;)
    A gradient Box6
    (;)(;)