notfound.html Example File

webenginewidgets/demobrowser/htmls/notfound.html

  <html>
  <head>
  <title>%1</title>
  <style>
  body {
    padding: 3em 0em;
    background: #eeeeee;
  }
  hr {
    color: lightgray;
    width: 100%;
  }
  img {
    float: left;
    opacity: .8;
  }
  #box {
    background: white;
    border: 1px solid lightgray;
    width: 600px;
    padding: 60px;
    margin: auto;
  }
  h1 {
    font-size: 130%;
    font-weight: bold;
    border-bottom: 1px solid lightgray;
    margin-left: 48px;
  }
  h2 {
    font-size: 100%;
    font-weight: normal;
    border-bottom: 1px solid lightgray;
    margin-left: 48px;
  }
  ul {
    font-size: 80%;
    padding-left: 48px;
    margin: 0;
  }
  #reloadButton {
    padding-left: 48px;
  }
  </style>
  </head>
  <body>
    <div id="box">
      <img src="data:image/png;base64,IMAGE_BINARY_DATA_HERE" width="32" height="32"/>
      <h1>%2</h1>
      <h2>When connecting to: %3.</h2>
      <ul>
        <li>Check the address for errors such as <b>ww</b>.example.com
        instead of <b>www</b>.example.com</li>
        <li>If the address is correct, try checking the network
        connection.</li>
        <li>If your computer or network is protected by a firewall or
        proxy, make sure that the browser demo is permitted to access
        the network.</li>
      </ul>
      <br/><br/>
    </div>
  </body>
  </html>