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                 <TMPL_IF NAME="COLOR">
  12                         <style>
  13                                 .box-block {
  14                                         background-color: <TMPL_VAR NAME="COLOR">;
  15                                 }
  16                         </style>
  17                 </TMPL_IF>
  18
  19                 <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500" rel="stylesheet">
  20
  21                 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  22         </head>
  23
  24         <body>
  25                 <div class="container content">
  26                         <div class="row">
  27                                 <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
  28                                         <div class="box">
  29                                                 <div class="box-header">
  30                                                         <h1><TMPL_VAR NAME="TITLE"></h1>
  31                                                 </div>
  32
  33                                                 <div class="box-block">
  34                                                         <h4><TMPL_VAR NAME="L_HEADING"></h4>
  35
  36                                                         <form action="" method="POST">
  37                                                                 <input type="hidden" name="ACTION" value="SUBMIT">
  38                                                                 <input type="hidden" name="redirect" value="<TMPL_VAR NAME="REDIRECT">">
  39
  40                                                                 <TMPL_IF NAME="COUPON">
  41                                                                         <input class="form-text <TMPL_IF NAME="ERROR">form-error</TMPL_IF>" type="text" name="COUPON">
  42                                                                         <input class="form-submit" type="submit"
  43                                                                                 value="<TMPL_VAR NAME="L_ACTIVATE">">
  44                                                                 <TMPL_ELSE>
  45                                                                         <div class="checkbox">
  46                                                                                 <label>
  47                                                                                         <input class="form-checkbox <TMPL_IF NAME="ERROR">error</TMPL_IF>" type="checkbox" name="TERMS">
  48                                                                                         <TMPL_VAR NAME="L_AGREE_TERMS">
  49                                                                                 </label>
  50                                                                         </div>
  51
  52                                                                         <input class="form-submit" type="submit"
  53                                                                                 value="<TMPL_VAR NAME="L_GAIN_ACCESS">">
  54                                                                 </TMPL_IF>
  55
  56                                                                 <TMPL_IF NAME="ERROR">
  57                                                                         <div class="text-error">
  58                                                                                 <TMPL_VAR NAME="ERROR">
  59                                                                         </div>
  60                                                                 </TMPL_IF>
  61                                                         </form>
  62                                                 </div>
  63
  64                                                 <TMPL_IF NAME="TERMS">
  65                                                         <TMPL_VAR NAME="TERMS">
  66                                                 </TMPL_IF>
  67                                         </div>
  68                                 </div>
  69                         </div>
  70                 </div>
  71
  72                 <footer>
  73                         <div class="container">
  74                                 <div class="footer">
  75                                         <img class="logo" src="../assets/ipfire.png" alt="IPFire Logo">
  76                                         Powered by IPFire
  77                                 </div>
  78                         </div>
  79                 </footer>
  80         </body>
  81 </html>