.container { position:fixed; top:-1px; left:-1px; width:101%; text-align: center; } .container button { color: #fff; text-decoration:none; font-size: 25px; text-transform: uppercase; display: block; font-family: impact; margin-top: 1px; border:0px solid black; } .red { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #C00; background-image: url(https://static.wixstatic.com/media/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.webp); background-repat: no-repeat; } .orange { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #F90; background-image: url(https://static.wixstatic.com/media/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.webp); background-repeat: no-repeat; } .grey { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #e6e6e6; background-image: url(thumb_ourteam.jpg); background-repat: no-repeat; } .blue { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #7293b8; background-image: url(https://static.wixstatic.com/media/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.webp); background-repat: no-repeat; } #brown { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #960; background-image: url(thumb_counseling.jpg); background-repat: no-repeat; } #green { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #4a714b; background-image: url(thumb_media.jpg); background-repat: no-repeat; } #pink { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #c69; background-image: url(thumb_legislation_lobby.jpg); background-repat: no-repeat; } #black { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #333; background-image: url(thumb_contact.jpg); background-repat: no-repeat; }
top of page

LOGIN SCREEN

UI

Force Multiplier Solutions (FxS), LLC • 2011

• Login screen for administrative access.

• Created with open-source software Blender.

• Background was created with Photoshop. 

• Also created CSS for visual cues in the UI.

​

​

​

​

​

​

​

bottom of page
Counsling
Media
Legislation & Lobby
Contact