# Beautiful Websites

**URL:** <https://forum.pinegrow.com/t/beautiful-websites/851>\
**Category:** Design\
**Created:** [April 12, 2017, 12:12pm UTC](https://forum.pinegrow.com/t/beautiful-websites/851 "2017-04-12T12:12:46Z")\
**Posts on this page:** 8\
**Page:** 2

<div class="post-metadata">

**Author:** ![Bio-Designer](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/bio-designer/32/541_2.png) [@Bio-Designer](https://forum.pinegrow.com/u/Bio-Designer)\
**Post date:** [April 17, 2017, 3:40pm UTC](https://forum.pinegrow.com/t/beautiful-websites/851/21 "2017-04-17T15:40:22Z")

</div>

> [@Bio-Designer](#):
>
> and alternative like Adobe Edge Animate or Hype 3 pro is cool but this is limited…

I already talk about alternative … it’s way less powerful than Flash + AS3… thanks I know all that solutions. I speaking about something to mix every medias and related in the immersion of the user with actions available to him to get through his/her experience.

Anyway. There’s not such a thing appart to code a standalone application. As what I have in mind share a lot things like a GAME finally.

---

<div class="post-metadata">

**Author:** ![Jack\_Clarity](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)\
**Post date:** [April 17, 2017, 4:29pm UTC](https://forum.pinegrow.com/t/beautiful-websites/851/22 "2017-04-17T16:29:19Z")

</div>

One of the websites I posted [https://www.charitywater.org/whywater/](https://www.charitywater.org/whywater/) has an excellent example of animation used correctly, Very simple and blends in with the design.

Excellent video also

---

<div class="post-metadata">

**Author:** ![Bio-Designer](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/bio-designer/32/541_2.png) [@Bio-Designer](https://forum.pinegrow.com/u/Bio-Designer)\
**Post date:** [April 17, 2017, 5:39pm UTC](https://forum.pinegrow.com/t/beautiful-websites/851/23 "2017-04-17T17:39:43Z")

</div>

When it comes to simple and elegant design and based on grid system  
I found the Vermilion project showcase by adobe by Serge Vasil, beautiful.  
[https://www.behance.net/gallery/27186863/Vermilion-Responsive-Demo-Website-for-Adobe](https://www.behance.net/gallery/27186863/Vermilion-Responsive-Demo-Website-for-Adobe)  
or here and look for Vermilion : [https://www.behance.net/vasege](https://www.behance.net/vasege)

I like how he break the grid nicely on that one.  
I also like the mobile navbar in full screen menu.

---

<div class="post-metadata">

**Author:** ![Jack\_Clarity](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)\
**Post date:** [April 17, 2017, 8:00pm UTC](https://forum.pinegrow.com/t/beautiful-websites/851/24 "2017-04-17T20:00:44Z")

</div>

White space, grey, black, elegant typography and excellent images, it just screams high end, classy and this is this beauty of PInegrow, you could visually recreate layouts such as this, if using the software as a visual editor.

@Rob and @Emmanuel know why I posted this thread (It was partly as a laugh) because I’m currently working on a charity website using Zoho! and I’m learning how to develop a Stripe payment form!

If you want a classy looking template, check this out:

> **[Free Bootstrap 4 e-commerce template - 22 HTML pages, 7 colours](https://bootstrapious.com/p/obaju-e-commerce-template)**
>
> Obaju is a free and complex Bootstrap 4 template for your next e-commerce project.  It contains 22 HTML pages that cover all the major needs…

---

<div class="post-metadata">

**Author:** ![Jack\_Clarity](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)\
**Post date:** [April 17, 2017, 8:07pm UTC](https://forum.pinegrow.com/t/beautiful-websites/851/25 "2017-04-17T20:07:31Z")

</div>

Download that template, open it up in PInegrow and study the CSS and its a good way for anyone to learn (for anyone whos still struggling to understand Pinegrow and CSS).

This was one of the ways I improved my CSS as I would notice developers used certain properties, so I would read up on these properties, understand why they were applied, improving my CSS and again Pinegrow allows for this as a way to learn how to build beautiful websites.

---

<div class="post-metadata">

**Author:** ![itsmeleo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/itsmeleo/32/19_2.png) [@itsmeleo](https://forum.pinegrow.com/u/itsmeleo)\
**Post date:** [April 20, 2017, 4:56am UTC](https://forum.pinegrow.com/t/beautiful-websites/851/26 "2017-04-20T04:56:34Z")

</div>

I found some nice looking building blocks by the foundation, dare to check them?

here is the links: [http://foundation.zurb.com/building-blocks/](http://foundation.zurb.com/building-blocks/)

Thank You!

---

<div class="post-metadata">

**Author:** ![Jack\_Clarity](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)\
**Post date:** [April 20, 2017, 8:38am UTC](https://forum.pinegrow.com/t/beautiful-websites/851/27 "2017-04-20T08:38:44Z")

</div>

thanks @itsmeleo I saw them when I started to experiment with Foundation, are you now using the Foundation Framework?

Maybe in the future Pinegrow will have Foundation Blocks?

---

<div class="post-metadata">

**Author:** ![greenskin](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/greenskin/32/1239_2.png) [@greenskin](https://forum.pinegrow.com/u/greenskin)\
**Post date:** [July 19, 2018, 2:50am UTC](https://forum.pinegrow.com/t/beautiful-websites/851/28 "2018-07-19T02:50:42Z")

</div>

I agree very much so with the links - it visually breaks the rigid-grid look that most websites are presented as nowadays!

[Previous page](https://forum.pinegrow.com/t/beautiful-websites/851.md?page=1)
