04-29-2016, 05:26 AM
![[Image: pg_mac_2.6@2x.png]](http://pinegrow.com/images/pg_mac_2.6@2x.png)
USE PINEGROW TO:
Quickly mockup a page
Use element library to quickly put together a page mockup. Duplicate the page and play with different layout variations.
Watch the video »
Work with Bootstrap and Foundation
Pinegrow knows how to rearrange HTML code of an element if you change its properties. For example, changing form layout from normal to horizontal requires just one click.
Watch the video »
Style a page
Why stop at mockup? Just go ahead and turn it into a custom designed webpage by styling elements with CSS rules. Edit rules through GUI or write code directly.
Watch the video »
Use CSS variables and functions
Use variables instead of hard coding CSS values. Use math expressions and functions like lighten and darken to create designs that can be customised by changing just a couple of variables - all in real time.
Watch the video »
Edit multiple pages at the same time
Open multiple pages that share the same stylesheet. Style changes are reflected on all pages in real time. View them at different screen sizes. Mirror content from one page to another.
Watch the video »
Experiment with different designs
Take a page and open a mirrored copy. Use Stylesheet manager to duplicate and attach / detach stylesheets. Play with different designs in real time. Bonus points if you use different screen sizes and CSS variables.
Edit content of a page
Use Pinegrow as a CMS for your static Html pages. Move elements around and double click on any element to edit its text content.
Watch the video »
Try templates online
Just open a template demo from the internet and start customizing it with your images and content. Immediately see if the template works for you or not.
Watch the video »
Need a quick code snippet?
Need a Bootstrap form or navbar? Design it in Pinegrow, change its layout with a single click. Select the form, click on Actions / Edit code and copy the html.
Reuse components
Save frequently used page elements into libraries and reuse them across pages and projects. Or share them with your team members.
http://www85.zippyshare.com/v/HTMvNGxY/file.html