<html>
  <head>
    <title>Sample</title>
    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css'>
    <link rel='stylesheet' href='win98.css'>
    <link rel='stylesheet' href='demo.css'>
  </head>

  <body class='win98'>
    <br/>

    <div class='resizable window'>
      <div class='header'>
        <img class='icon' src='icons/txt.gif' srcset='icons/txt@2x.gif 32w, icons/txt@4x.gif 64w' />
        Untitled - Notepad
        <div class='buttons'>
          <button>_</button>
          <button>&#9634;</button>
          <button>&times;</button>
        </div>
      </div>

      <div class='content'>
        <center>
          <h3>R U OK?</h3>
          <p></p>
          <button>OK</button>
          <button>Cancel</button>
        </center>
      </div>
    </div>
    <br/><br/>

    <div class='window'>
      <div class='header'>
        <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
        Fire Virus Control Wizard
      </div>

      <div class='content'>
        <center>
          <h3>YOU HAVE BEEN INFECTED!</h3>
          <p>Click to fix your computer NOW</p>

          <button>Start Scan</button>
        </center>
      </div>
    </div>
    <br/><br/>

    <div class='window'>
      <div class='header'>
        <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
        yo.exe
      </div>

      <div class='content'>
        <p>You got a yo from thedude92</p>
        <center>
          <button>Say YO</button>
          <button disabled>Say NO</button>
        </center>
      </div>
    </div>
    <br/><br/>

    <div class="block-centered" style="width: 400px">
      <div class="menu">
        <div class="menu-sidebar">
          <div class="headline">
            <strong>Windows</strong> 98
          </div>
        </div>
        <ul class='menu-content'>
          <li class='item folder'>
            <img class='icon' src='icons/programs.gif' srcset='icons/programs@4x 50w, icons/programs@4x.gif 100w'/>
            <em>P</em>rograms
            <ul class='menu-content'>
              <li class="item">
                <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
                Internet Explorer
              </li>
              <li class="item">
                <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
                Microsoft Word
              </li>
              <li class="item">
                <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
                Microsoft Excel
              </li>
              <li class="item">
                <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
                Microsoft Powerpoint
              </li>
              <li class="item">
                <img class='icon' src='icons/exe.gif' srcset='icons/exe@2x.gif 32w, icons/exe@4x.gif 64w' />
                Microsoft Access
              </li>
            </ul>
          </li>
          <li class='item folder'>
            <img class='icon' src='icons/favourites.gif' srcset='icons/favourites@2x.gif 50w, icons/favourites@4x.gif 100w' />
            F<em>a</em>vorites
            <ul class='menu-content'>
              <li class="item">
                <img class='icon' src='icons/documents.gif' srcset='icons/documents@2x.gif 50w, icons/documents@4x.gif 100w' />
                Channels
              </li>
              <li class="item">
                <img class='icon' src='icons/documents.gif' srcset='icons/documents@2x.gif 50w, icons/documents@4x.gif 100w' />
                Links
              </li>
              <li class="item">
                <img class='icon' src='icons/documents.gif' srcset='icons/documents@2x.gif 50w, icons/documents@4x.gif 100w' />
                Software Updates
              </li>
            </ul>
          </li>
          <li class='item folder'>
            <img class='icon' src='icons/documents.gif' srcset='icons/documents@2x.gif 50w, icons/documents@4x.gif 100w' />
            <em>D</em>ocuments
            <ul class='menu-content'>
              <li class="item">
                <img class='icon' src='icons/txt.gif' srcset='icons/txt@2x.gif 32w, icons/txt@4x.gif 64w' />
                Hot grills.txt
              </li>
              <li class="item">
                <img class='icon' src='icons/txt.gif' srcset='icons/txt@2x.gif 32w, icons/txt@4x.gif 64w' />
                Passwords.txt
              </li>
            </ul>
          </li>
          <li class='item folder'>
            <img class='icon' src='icons/settings.gif' srcset='icons/settings@2x.gif 50w, icons/settings@4x.gif 100w' />
            <em>S</em>ettings
          </li>
          <li class='item folder'>
            <img class='icon' src='icons/find.gif' srcset='icons/find@2x.gif 50w, icons/find@4x.gif 100w' />
            <em>F</em>ind
          </li>
          <li class='item'>
            <img class='icon' src='icons/help.gif' srcset='icons/help@2x.gif 50w, icons/help@4x.gif 100w' />
            <em>H</em>elp
          </li>
          <li class='item'>
            <img class='icon' src='icons/run.gif' srcset='icons/icon@2x.gif 50w, icons/icon@4x.gif 100w' />
            <em>R</em>un...
          </li>
          <li class='divider'></li>
          <li class='item'>
            <img class='icon' src='icons/logoff.gif' srcset='icons/logoff@2x.gif 50w, icons/logoff@4x.gif 100w' />
            <em>L</em>og Off Win98...
          </li>
          <li class='item'>
            <img class='icon' src='icons/shutdown.gif' srcset='icons/shutdown@2x.gif 50w, icons/shutdown@4x.gif 100w' />
            Sh<em>u</em>t Down...
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
