html/html/captive/template.html

   1 <!DOCTYPE HTML>
   2 <html>
   3         <head>
   4                 <meta charset="UTF-8">
   5                 <title><TMPL_VAR NAME="TITLE"></title>
   6
   7                 <link rel="stylesheet" href="../assets/bootstrap-reboot.min.css">
   8                 <link rel="stylesheet" href="../assets/bootstrap-grid.min.css">
   9                 <link rel="stylesheet" href="../assets/captive.css">
  10
  11                 <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500" rel="stylesheet">
  12
  13                 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  14         </head>
  15
  16         <body>
  17                 <div class="container content">
  18                         <div class="row">
  19                                 <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
  20                                         <div class="box">
  21                                                 <div class="box-header">
  22                                                         <h1><TMPL_VAR NAME="TITLE"></h1>
  23                                                 </div>
  24
  25                                                 <div class="box-block">
  26                                                         <TMPL_IF NAME="VOUCHER">
  27                                                                 <h4><TMPL_VAR NAME="L_HEADING_VOUCHER"></h4>
  28                                                         <TMPL_ELSE>
  29                                                                 <h4><TMPL_VAR NAME="L_HEADING_TAC"></h4>
  30                                                         </TMPL_IF>
  31
  32                                                         <form action="" method="POST">
  33                                                                 <input type="hidden" name="url" value="<TMPL_VAR NAME="URL">">
  34
  35                                                                 <TMPL_IF NAME="VOUCHER">
  36                                                                                 <input class="form-text" type="text" name="VOUCHER">
  37                                                                                 <input class="form-submit" type="submit"
  38                                                                                         value="<TMPL_VAR NAME="L_ACTIVATE">">
  39                                                                 <TMPL_ELSE>
  40                                                                                 <input class="form-submit" type="submit"
  41                                                                                         value="<TMPL_VAR NAME="L_GAIN_ACCESS">">
  42                                                                 </TMPL_IF>
  43
  44                                                                 <TMPL_IF NAME="TAC">
  45                                                                         <div class="checkbox">
  46                                                                                 <label>
  47                                                                                         <input class="form-checkbox" type="checkbox">
  48                                                                                         <TMPL_VAR NAME="L_AGREE_TAC">
  49                                                                                 </label>
  50                                                                         </div>
  51                                                                 </TMPL_IF>
  52                                                         </form>
  53                                                 </div>
  54
  55                                                 <TMPL_IF NAME="TAC">
  56                                                         <TMPL_VAR NAME="TAC">
  57                                                 </TMPL_IF>
  58                                         </div>
  59                                 </div>
  60                         </div>
  61                 </div>
  62
  63                 <footer>
  64                         <div class="container">
  65                                 <div class="footer">
  66                                         <img class="logo" src="../assets/ipfire.png" alt="IPFire Logo">
  67                                         Powered by IPFire
  68                                 </div>
  69                         </div>
  70                 </footer>
  71         </body>
  72 </html>