<DIV CLASSNAME="DASHBOARD-BG ROUNDED-LG P-6 W-96 RELATIVE"> {/* HEADER */} <DIV CLASSNAME="TEXT-WHITE TEXT-XL FONT-BOLD MB-6">UR GAY </DIV> {/* SIGN IN SECTION */} <DIV CLASSNAME="BG-YELLOW-100 BG-OPACITY-30 ROUNDED-LG P-4 MB-4"> <DIV CLASSNAME="TEXT-WHITE FONT-MEDIUM MB-2">SIGN IN</DIV> <DIV CLASSNAME="FLEX ITEMS-CENTER"> <DIV CLASSNAME="W-12 H-12 MR-3 PROFILE-ICON ROUNDED"></DIV> <DIV CLASSNAME="TEXT-WHITE">2 PROFILES FOUND</DIV> </DIV> </DIV> {/* MENU ITEMS */} <DIV CLASSNAME="MB-4"> {MENUITEMS.MAP((ITEM) => ( <MENUITEM KEY={ITEM.ID} ICON={ITEM.ICON} TEXT={ITEM.TEXT} ONCLICK={() => SETSELECTEDITEM(ITEM.ID)} /> ))} </DIV> {/* XBOX LIVE BANNER */} <DIV CLASSNAME="XBOX-LIVE-BANNER ROUNDED-LG P-4 MB-6 FLEX ITEMS-CENTER JUSTIFY-CENTER"> <DIV CLASSNAME="TEXT-CENTER"> <DIV CLASSNAME="TEXT-GREEN-400 TEXT-2XL FONT-BOLD MB-1">XBOX</DIV> <DIV CLASSNAME="TEXT-ORANGE-400 TEXT-2XL FONT-BOLD">LIVE</DIV> </DIV> </DIV> {/* OPEN TRAY BUTTON */} <DIV CLASSNAME="OPEN-TRAY-BTN ROUNDED-FULL P-3 FLEX ITEMS-CENTER JUSTIFY-CENTER MB-8"> <I CLASSNAME="FAS FA-CHEVRON-LEFT TEXT-WHITE MR-3"></I> <SPAN CLASSNAME="TEXT-WHITE FONT-MEDIUM">OPEN TRAY</SPAN> </DIV> {/* CONTROLLER BUTTONS */} <DIV CLASSNAME="ABSOLUTE BOTTOM-6 LEFT-6"> <DIV CLASSNAME="CONTROLLER-BTN BTN-Y TEXT-WHITE">Y</DIV> <DIV CLASSNAME="CONTROLLER-BTN BTN-X TEXT-WHITE MT-2">X</DIV> </DIV> <DIV CLASSNAME="ABSOLUTE BOTTOM-6 RIGHT-6 FLEX ITEMS-CENTER"> <SPAN CLASSNAME="TEXT-WHITE MR-2">SELECT</SPAN> <DIV CLASSNAME="CONTROLLER-BTN BTN-A TEXT-WHITE">A</DIV> <DIV CLASSNAME="CONTROLLER-BTN BTN-B TEXT-WHITE ML-2">B</DIV> </DIV> </DIV> {/* RIGHT CONTENT */} <DIV CLASSNAME="DASHBOARD-BG ROUNDED-R-LG P-6 W-64 FLEX FLEX-COL JUSTIFY-CENTER"> <DIV CLASSNAME="TEXT-CENTER MB-6"> <DIV CLASSNAME="TEXT-GREEN-400 TEXT-3XL FONT-BOLD MB-2">XBOX</DIV> <DIV CLASSNAME="TEXT-ORANGE-400 TEXT-3XL FONT-BOLD">LIVE</DIV> </DIV> <DIV CLASSNAME="TEXT-WHITE TEXT-CENTER"> <DIV CLASSNAME="TEXT-LG FONT-MEDIUM MB-2">XBOX LIVE</DIV> <DIV CLASSNAME="TEXT-SM LEADING-RELAXED"> GAMES. TOURNAMENTS.<BR /> ENTERTAINMENT. ALL THE REWARDS.<BR /> ENDLESS POSSIBILITIES. WHAT ARE<BR /> YOU WAITING FOR? </DIV> </DIV> </DIV> </DIV> </DIV> ); }; REACTDOM.RENDER(<XBOXDASHBOARD />, DOCUMENT.GETELEMENTBYID('ROOT')); </SCRIPT> </BODY> </HTML>