Layer5: Improve the UI of meshery page

[Neilblaze]

Current Behavior
There are a lot of things in the meshery page that might need to be changed.

• Go to the meshery page - https://layer5.io/meshery
• Scroll down the page & see.

Screenshot

In reference to the screenshot above, we can refine the following marked items.

• Align the contents Baseline, Measure, and Assess card properly (align-center).
• Fix the padding of the embed YouTube video in center.
• In the Community section, those icons needs to be properly scaled & aligned.
• I think the Fork me on Github ribbon doesn't look good on Community & Service Mesh Performance Specification section. We may remove one from the community section.
• The svg in the subscribe section needs to be magnified a little bit.

@leecalcote @chandrashritii

---

Contributor Resources
The layer5 repo contains two websites. The current generation and the next-generation of the layer5.io site.

If the layer5-ng label is absent on this issue, then this issue pertains to the current generation of the layer5.io website, which uses Jekyll and GitHub Pages. Site content is found under the master branch.

• See layer5 contributing instructions

If the layer5-ng label is present on this issue, then this issue pertains to the next-generation of the layer5.io website, which uses Gatsby, Strapi, and GitHub Pages. Site content is found under the layer5-ng branch.

• See layer5-ng contributing instructions

[leecalcote]

These are all good highlights (things that need fixing), @Neilblaze.

[Neilblaze]

Yeah. I think it'll be better if we disintegrate these issues into small parts & create FTO issues.

What say? @chandrashritii @leecalcote

[Neilblaze]

Just now another thing just stroke my mind. If we look closely, this ↓ can also be fixed.

• We can align Language & Contact on same level.
• Properly position Language & Contact with respect to their corresponding svg's