[INDEX] Colorful: You'll love colors ! [CODED]

[Emetophobic]

Hi there,

I've designed a new Habbo index this afternoon, I'm such annoyed in vacation. So I share this work, bootstrap is used here for grid composition and the "well" container redesigned here. The main index of habbo.com inspired me too (Background and big hotel image)

It integrates 2 navigation bar, one on top and one in bottom used as footer too. Each of these bar have a menu which have a little fade effect on hovering. In the background Sulake have integrated a gradient with 2 shade of blue, I've edited the first value to make like a shining sun. 3 containers are coded. 1 for login form, 1 for hotel description and register button and the last one is free so feel free to write whatever you want :P The buttons here are with an orange gradient and an active state so it animates when you click on it.

But enough speak you maybe want the source.

Contains: CSS Folder with custom style and bootstrap file, fonts file with Roboto (Android 4.x font) & Ubuntu font, 2 images folder (images, img) and obviously the index.html file

Download here

If you like it, give it a like it's always appreciated :-)

Regards,
Emetophobic

[MentaL]

[Divide]

Looks amazing ;) 8/10

[PRIZM]

Time to switch index, this index is the best one I've ever seen!!

[asic]

Looks decent. Thank you! :)

[MrSpooks]

This looks great!
thanks for this!

[AluxH]

The text-shadow should really be a pixel or two closer and use a darker colour. The effects are most pronounced on the 'online now' bit.

[Maxest]

Just love it.

[The General]

I dont really like the bars. The section in between looks good. Nonetheless good release :-)

[Flare]

Now this is a index i would use! 9.5/10! love itttt

[Cr3t0x]

I like, good job !

[FapInc]

Thanks for releasing such a good release ;)

10/10, this is the best index so far released!

[powle]

Oh my gosh, i love it!

[Gangnam]

It's got potential. Nice work!

[Mush]

Holy shit.. You've thought of everything! incredibly well! 1000000/10, tops the scale for me, ahhh I'm in love, make more

[Emetophobic]

Thanks all ! However you can add a cool perspective effect to the menus by adding a box-shadow:

box-shadow: inset 0 0 8px #333;

to the .nav-fade li:hover property on style.css