I designed and worked with the HTML + CSS of a template which can be used by Steemians to showcase their favorite posts.

General overview

See it live here: Template preview.

Header effect appreciation

Posts filtering and hover effect in navigation and posts

---

Resources

I am using the following fonts:

Roboto:

https://fonts.google.com/specimen/Roboto?selection.family=Roboto:300,400,700

Pacifico:

https://fonts.google.com/specimen/Pacifico

For posts filtering I am using Isotope

Isotope has the following licence:

The open source license is designed for you to use Isotope to build open source and personal projects. The Isotope open source license is GPLv3.

For making it responsive I am using Bootstrap

Their license permits us to freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes

---

You can modify / add / remove posts by simply editing the HTML file.

If you are developing a STEEM platform you can use it for the user profiles too.

---

Github commits:

Commit 1 detail
Commit 2 detail

All the required files are in the repository for Steemian Profile-01.

All images are from pexels and pixabay.

---

_{I am a professional graphic designer
You can find me here} { | | }

---

Posted on Utopian.io - Rewarding Open Source Contributors

---