• An example for a html splash page for wifi or any other login page.
  • you can do what ever you want with this piece of html template.

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
   3 <head>
   4 <meta http-equiv="Content-Language" content="en" />
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6 <meta http-equiv="Content-Style-Type" content="text/css" />
   7 <meta name="author" content="Eliezer Croitoru" />
   8 <meta name="keywords" content="Cache, Squid, Ruby, Splash, Wifi" />
   9 <meta name="description" content="Splash page of #########" />
  10 <link rel="icon" href="favicon.ico" />
  11 <link rev="made" href="mailto:admin@example.com" />
  12 <!--<link rel="alternate" href="splash-page-he.html" lang="he" xml:lang="he" title="The Hebrew version" /> -->
  13 <title>Splash Page for ########</title>
  14 </head>
  15 <body>
  16 <style type="text/css">
  17 body {padding:.2em;background:#61B7E9;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:1.3;color:#000}
  18 h2 {margin:.1em;text-align:center}
  19 #page {padding:1em;background:#FFF;border-radius:20px;text-align:left}
  20 .well {padding:.5em;border-radius:10px;background:#E0E4CC}
  21 form {margin:1em 0;text-align:center}
  22 #submit {margin:.5em auto;padding:1em 2em;font-size:100%;background:#F38630;border:#FA6900 outset 2px;border-radius:15px;color:#FFF;font-weight:bold;text-shadow:0 1px 1px #333;-webkit-appearance:none}
  23 .credits {margin:0;text-align:center;font-size:80%}
  24 .credits em {color:#A7DBD8;font:bold italic 115% fantasy;white-space:pre}
  25 .header {max-width:37em;margin:0 auto;background:#000}
  26 .header p {margin:0}
  27 .header strong,
  28 .header b {float:left;padding:0 20px;color:#FFF;font-size:11em;line-height:1}
  29 .header strong span,
  30 .header b span {color:#61B7E9}
  31 h1 {clear:left;margin:0;background:#FFF;color:#61B7E9;font-size:350%;letter-spacing:.1em;text-align:center;line-height:1}
  32 </style>
  33 
  34 <div id="page">
  35 <div id="wrap">
  36 <div id="content">
  37 
  38 <div class="header">
  39 
  40 <h1>############</h1>
  41 </div><!-- /.header -->
  42 
  43 <p class="message">Access the Internet of <strong>######</strong>.</p>
  44 
  45 <div class="well">
  46 
  47 <h2>IMPORTANT</h2>
  48 
  49 <p>A fair usage policy applies for using this network:</p>
  50 
  51 <ul>
  52 <li>Do not do that</li>
  53 <li>Do not do that either</li>
  54 <li>Allowed only web and mail access or any other local policy</li>
  55 </ul>
  56 
  57 </div>
  58 
  59 <form action="login.php" method="get" >
  60 <input type="submit" id="submit" value="Accept &amp; Login" />
  61 </form>
  62 
  63 <p class="credits">Service provided by #######</p>
  64 </div>
  65 </div>
  66 </div>
  67 
  68 </body>
  69 </html>

EliezerCroitoru/SessionHelper/SplashPageTemplate (last edited 2014-09-03 21:07:09 by Eliezer Croitoru)