Imgflip Logo Icon
<!DOCTYPE HTML>
<HTML LANG="EN">
<HEAD>
  <META CHARSET="UTF-8">
  <TITLE>XBOX 360 BLADES REPLICA</TITLE>
  <STYLE>
    @IMPORT URL('HTTPS://FONTS.GOOGLEAPIS.COM/CSS2?FAMILY=SEGOE+UI:WGHT@400;700&DISPLAY=SWAP');

    BODY {
      MARGIN: 0;
      BACKGROUND: #111;
      FONT-FAMILY: "SEGOE UI", ARIAL, SANS-SERIF;
      COLOR: #222;
      DISPLAY: FLEX;
      JUSTIFY-CONTENT: CENTER;
      ALIGN-ITEMS: CENTER;
      HEIGHT: 100VH;
    }

    .BLADE {
      POSITION: RELATIVE;
      WIDTH: 800PX;
      HEIGHT: 500PX;
      BACKGROUND: LINEAR-GRADIENT(180DEG, #F5D89E, #F2B95C);
      BORDER-RADIUS: 50PX 0 0 50PX;
      BOX-SHADOW: INSET -5PX 0 15PX RGBA(0,0,0,0.4);
      DISPLAY: FLEX;
      FLEX-DIRECTION: ROW;
      OVERFLOW: HIDDEN;
    }

    /* LEFT VERTICAL TAB (XBOX LIVE TEXT) */
    .BLADE-TAB {
      WIDTH: 80PX;
      BACKGROUND: LINEAR-GRADIENT(180DEG, #D99D3F, #F5D89E);
      WRITING-MODE: VERTICAL-RL;
      TEXT-ORIENTATION: MIXED;
      FONT-SIZE: 22PX;
      FONT-WEIGHT: BOLD;
      COLOR: #333;
      DISPLAY: FLEX;
      JUSTIFY-CONTENT: CENTER;
      ALIGN-ITEMS: CENTER;
      BORDER-RIGHT: 2PX SOLID RGBA(0,0,0,0.3);
    }

    /* CONTENT AREA */
    .BLADE-CONTENT {
      FLEX: 1;
      PADDING: 20PX 30PX;
      DISPLAY: FLEX;
      FLEX-DIRECTION: COLUMN;
      JUSTIFY-CONTENT: FLEX-START;
    }

    .BLADE-CONTENT H1 {
      MARGIN: 0 0 10PX;
      FONT-SIZE: 28PX;
      COLOR: #FFF;
      TEXT-SHADOW: 0 1PX 2PX #000;
    }

    .OPTION {
      BACKGROUND: RGBA(255,255,255,0.8);
      BORDER-RADIUS: 8PX;
      PADDING: 12PX;
      MARGIN-BOTTOM: 10PX;
      DISPLAY: FLEX;
      ALIGN-ITEMS: CENTER;
      CURSOR: POINTER;
      TRANSITION: BACKGROUND 0.2S;
    }
    .OPTION:HOVER {
      BACKGROUND: RGBA(255,255,255,1);
    }

    .OPTION-ICON {
      WIDTH: 40PX;
      HEIGHT: 40PX;
      BACKGROUND: #CCC;
      BORDER-RADIUS: 6PX;
      MARGIN-RIGHT: 12PX;
    }

    .OPTION-TEXT {
      DISPLAY: FLEX;
      FLEX-DIRECTION: COLUMN;
    }

    .OPTION-TEXT STRONG {
      FONT-SIZE: 18PX;
      COLOR: #222;
    }

    .OPTION-TEXT SPAN {
      FONT-SIZE: 14PX;
      COLOR: #444;
    }
  </STYLE>
</HEAD>
<BODY>
  <DIV CLASS="BLADE">
    <DIV CLASS="BLADE-TAB">XBOX LIVE</DIV>
    <DIV CLASS="BLADE-CONTENT">
      <H1>XBOX LIVE</H1>

      <DIV CLASS="OPTION">
        <DIV CLASS="OPTION-ICON"></DIV>
        <DIV CLASS="OPTION-TEXT">
          <STRONG>CREATE PROFILE</STRONG>
          <SPAN>NO PROFILES FOUND</SPAN>
        </DIV>
      </DIV>

      <DIV CLASS="OPTION">
        <DIV CLASS="OPTION-ICON"></DIV>
        <DIV CLASS="OPTION-TEXT">
          <STRONG>JOIN XBOX LIVE</STRONG>
        </DIV>
      </DIV>

      <DIV CLASS="OPTION">
        <DIV CLASS="OPTION-ICON"></DIV>
        <DIV CLASS="OPTION-TEXT">
          <STRONG>RECOVER GAMERTAG</STRONG>
          <SPAN>FROM XBOX LIVE</SPAN>
        </DIV>
      </DIV>

      <DIV CLASS="OPTION">
        <DIV CLASS="OPTION-ICON"></DIV>
        <DIV CLASS="OPTION-TEXT">
          <STRONG>OPEN TRAY</STRONG>
        </DIV>
      </DIV>
    </DIV>
  </DIV>
</BODY>
</HTML> | made w/ Imgflip meme maker
49 views 2 upvotes Made by Alexis. 3 months ago in MS_memer_group
4 Comments
0 ups, 3mo
Absolute Cinema | image tagged in absolute cinema | made w/ Imgflip meme maker
0 ups, 3mo,
1 reply
made w/ Imgflip meme maker
holy shit
0 ups, 3mo,
1 reply
is it cool
0 ups, 3mo
yes
Created with the Imgflip Meme Generator
IMAGE DESCRIPTION:
<!DOCTYPE HTML> <HTML LANG="EN"> <HEAD> <META CHARSET="UTF-8"> <TITLE>XBOX 360 BLADES REPLICA</TITLE> <STYLE> @IMPORT URL('HTTPS://FONTS.GOOGLEAPIS.COM/CSS2?FAMILY=SEGOE+UI:WGHT@400;700&DISPLAY=SWAP'); BODY { MARGIN: 0; BACKGROUND: #111; FONT-FAMILY: "SEGOE UI", ARIAL, SANS-SERIF; COLOR: #222; DISPLAY: FLEX; JUSTIFY-CONTENT: CENTER; ALIGN-ITEMS: CENTER; HEIGHT: 100VH; } .BLADE { POSITION: RELATIVE; WIDTH: 800PX; HEIGHT: 500PX; BACKGROUND: LINEAR-GRADIENT(180DEG, #F5D89E, #F2B95C); BORDER-RADIUS: 50PX 0 0 50PX; BOX-SHADOW: INSET -5PX 0 15PX RGBA(0,0,0,0.4); DISPLAY: FLEX; FLEX-DIRECTION: ROW; OVERFLOW: HIDDEN; } /* LEFT VERTICAL TAB (XBOX LIVE TEXT) */ .BLADE-TAB { WIDTH: 80PX; BACKGROUND: LINEAR-GRADIENT(180DEG, #D99D3F, #F5D89E); WRITING-MODE: VERTICAL-RL; TEXT-ORIENTATION: MIXED; FONT-SIZE: 22PX; FONT-WEIGHT: BOLD; COLOR: #333; DISPLAY: FLEX; JUSTIFY-CONTENT: CENTER; ALIGN-ITEMS: CENTER; BORDER-RIGHT: 2PX SOLID RGBA(0,0,0,0.3); } /* CONTENT AREA */ .BLADE-CONTENT { FLEX: 1; PADDING: 20PX 30PX; DISPLAY: FLEX; FLEX-DIRECTION: COLUMN; JUSTIFY-CONTENT: FLEX-START; } .BLADE-CONTENT H1 { MARGIN: 0 0 10PX; FONT-SIZE: 28PX; COLOR: #FFF; TEXT-SHADOW: 0 1PX 2PX #000; } .OPTION { BACKGROUND: RGBA(255,255,255,0.8); BORDER-RADIUS: 8PX; PADDING: 12PX; MARGIN-BOTTOM: 10PX; DISPLAY: FLEX; ALIGN-ITEMS: CENTER; CURSOR: POINTER; TRANSITION: BACKGROUND 0.2S; } .OPTION:HOVER { BACKGROUND: RGBA(255,255,255,1); } .OPTION-ICON { WIDTH: 40PX; HEIGHT: 40PX; BACKGROUND: #CCC; BORDER-RADIUS: 6PX; MARGIN-RIGHT: 12PX; } .OPTION-TEXT { DISPLAY: FLEX; FLEX-DIRECTION: COLUMN; } .OPTION-TEXT STRONG { FONT-SIZE: 18PX; COLOR: #222; } .OPTION-TEXT SPAN { FONT-SIZE: 14PX; COLOR: #444; } </STYLE> </HEAD> <BODY> <DIV CLASS="BLADE"> <DIV CLASS="BLADE-TAB">XBOX LIVE</DIV> <DIV CLASS="BLADE-CONTENT"> <H1>XBOX LIVE</H1> <DIV CLASS="OPTION"> <DIV CLASS="OPTION-ICON"></DIV> <DIV CLASS="OPTION-TEXT"> <STRONG>CREATE PROFILE</STRONG> <SPAN>NO PROFILES FOUND</SPAN> </DIV> </DIV> <DIV CLASS="OPTION"> <DIV CLASS="OPTION-ICON"></DIV> <DIV CLASS="OPTION-TEXT"> <STRONG>JOIN XBOX LIVE</STRONG> </DIV> </DIV> <DIV CLASS="OPTION"> <DIV CLASS="OPTION-ICON"></DIV> <DIV CLASS="OPTION-TEXT"> <STRONG>RECOVER GAMERTAG</STRONG> <SPAN>FROM XBOX LIVE</SPAN> </DIV> </DIV> <DIV CLASS="OPTION"> <DIV CLASS="OPTION-ICON"></DIV> <DIV CLASS="OPTION-TEXT"> <STRONG>OPEN TRAY</STRONG> </DIV> </DIV> </DIV> </DIV> </BODY> </HTML>