Add blog section with summary display on listing page

[bits-and-atoms]

Added a new section for blogs.

[jnsgruk]

I'm not sure the purpose of this PR, it doesn't seem to add any content relevant to snapcrafters, and we haven't discussed publicizing a blog? I'm going to close this for now, but please feel free to come and chat with us on Matrix: https://matrix.to/#/#snapcrafters:matrix.org

[soumyaDghosh]

Hi, these initial HTML implementation looks good. But do the changes requested. Also, please fix the PR description, use backticks "`" when you need to write a code block. And rewrite the PR description properly in a List style.

[jnsgruk]

Okay - now I understand. There is pretty minimal boilerplate in here, so I suggest we just add the structure when we publish the first post. A single PR with two commits:

• One that makes the structure changes required (per this PR)
• Another commit that adds the first (actual) blog post

[jnsgruk]

Okay - from a structure perspective I think this is good to merge, but let's wait to merge it until we've added the first blog post, too. That way we don't have a totally empty blog page 🙂

[jnsgruk]

Actually -- looks like there are some alignment issues. If you take a look at the snap-packages layout, you'll see that we include a <div class="row"> that wraps the content. We need to continue to use the tools provided by the Vanilla Framework to ensure the page continues to be responsive and accessible across different device types :)

[bits-and-atoms]

Till now I completed the structural part of the blog and now I will work on styling the pages, please review the changes that I made till now. @soumyaDghosh

[bits-and-atoms]

Completed the styling of the blog site, please review @soumyaDghosh

[soumyaDghosh]

@jnsgruk As much I tested. I think this PR is ready to merge. If you have any suggestions, please let us know.

[soumyaDghosh]

Some screenshots, looking great! 🎉

Thanks a lot @bits-and-atoms!