New Navbar Form to Steemit ( HTML5 and CSS3) by Aymenz

Hey Friends !
My idea today is a new design for the new navbar for the Stemeit site and a great idea for the colors needed to give the most beautiful, this is the design:

I will explain my idea :
Firstly I have downloaded some icons from iconfinder like the blog icon and the wallet icon ..etc and I have give the background of this navbar the same color as the navbar of Steemit , we all know that the navbar is horizontal but I came up with a new idea that is to be in the vertical shape by its method

I made the button in the shape of a circle with a green background such as the color of the site with the addition of the name of the item in white and when pressed it opens the page to us on the right as you see the shape above , let's complete the other buttons :

Here we have two other icons for the buttons like the comments and replies with the same form ..

Now I've successfully created the navbar with green colors and brilliant circles to make a very beautiful look.
The following idea is done on the same page a special section of the blogs to see how the site will become and how the idea will be , this is just the title with border bottom with the green color :

I just added rectangles to become like blogs. This is not the format I want to show. I just want to show that when I click a button, it will take you to this page.

This is the download link of my files HTML5 and CSS3 I have uploaded it on Google Drive
Download Link
May be the dimensions that I have mentioned is not standard for all , you can increase and decrease until you get the best form that you see or you want . If you find this contribution benefit and you get more informations from it don't forget to upvote and follow me just to encourage me to know that there are peoples follow my courses .. .Thank you for reading my post, I love you all, By @aymenz