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

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)

http://emetophobic.com/wp-content/up...ndex-final.png

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

Looks amazing ;) 8/10

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

Looks decent. Thank you! :)

This looks great!
thanks for this!

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.

Just love it.

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

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

I like, good job !

Thanks for releasing such a good release ;)

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

Oh my gosh, i love it!

It's got potential. Nice work!

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

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

Code:

---

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

---

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

http://emetophobic.com/wp-content/up...3/05/cf-02.png