Show DevBest My First Ever PSD To CSS.

[Berk]

Hey,
I have tried to transport this:

You must be registered for see images attach

and it resulted in:

You must be registered for see images attach

I know that the fonts didn't work out, i couldn't find the correct font so /shrug.
My Code at:

You must be registered for see links

I hope you like it, please keep in mind that this is my first ever design in PSD to CSS.

 

[Markshall]

Nice work for your first conversion.

I've forked it and made it JavaScript-less. So the animation when you hover over the button to show the sub-menu is done with pure CSS.

You must be registered for see links

Feel free to steal it.

I also noticed you had your font as "Helvetica Neue Bold". It doesn't work like that unfortunately. You have to set it as just the font-face and then tell elements to have a different font-weight. You'll notice under .item, I've set a font-weight of 600 to make it appear bold like in the original picture you've shown.

I've tidied up your code too, you had elements set you didn't need to set. The button with an icon as it's main text has a class of .with-icon to give it a different padding setting.

 

[Parsov]

Good job buddy.