sait-error-pages/503-error.html at master · csun-student-affairs/sait-error-pages · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="https://frontend.studentaffairs.csun.edu/four-oh-four/favicon.ico">

    <title>503 Error</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://frontend.studentaffairs.csun.edu/four-oh-four/error.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://frontend.studentaffairs.csun.edu/four-oh-four/browser.js"></script>
    <!--<link rel="stylesheet" href="https://frontend.studentaffairs.csun.edu/four-oh-four/images/logo_csun.png"> -->
    <!-- Custom styles for this template -->

    <script type="text/javascript">
      function loadDomain()
      {
        var display = document.getElementById("display-domain");
        display.innerHTML = document.domain;
        detectBrowser();
      }
    </script>
  </head>

  <body onload="javascript:loadDomain();">

    <div class="container">
      <div class="header clearfix">
        <a href="http://www.csun.edu"><img src="https://frontend.studentaffairs.csun.edu/four-oh-four/images/logo_csun.png" style=" margin-right: 10px; padding-right: 10px;" alt="CSUN logo"/></a>
        <a href="http://www.csun.edu/sait"><img src="https://frontend.studentaffairs.csun.edu/four-oh-four/images/logo_sait.png" alt="CSUN SAIT logo" /></a>
      </div>

      <div class="jumbotron">
        <h1 class="roboto"><span class="glyphicon glyphicon-warning-sign" style="color:#F0AD4E;"></span> 503 Service Unavailable</h1>
        <p class="lead">The web server is returning an unexpected temporary error for <em><span id="display-domain"></span></em>.</p>
      </div>

      <div class="row marketing">
        <div class="col-lg-6">
          <h2>What happened?</h2>
          <p>A 503 error status implies that this is a temporary condition due to a temporary overloading or maintenance of the server. This error is normally a brief temporary interuption.</p>
        </div>

        <div class="col-lg-6">
          <h2>What can I do?</h2>
          <p>If you need immediate assistance, please send us an email instead. We apologize for any inconvenience.</p>

          <h2>Contact Us</h2>
          <!-- BEGIN: form -->
          <form action="http://studentaffairs.csun.edu/mailer/" method="post" enctype="multipart/form-data">

          <input type="hidden" name="access_key" value="0cebb29972030f98b177d6dd1e85057122568903" />
          <input type="hidden" id="browser_data" name="Browser Data" value="" />
          <label for="q1"><strong>Description of problem<span class="red">*</span></strong></label><br />
          <textarea cols="40" rows="5" id="q1" name="Description of Problem" class="form-control" placeholder="Describe what brought you here"></textarea><br /><br />

          <label for="q2"><strong>E-mail<span class="red">*</span></strong></label><br />

          <input type="text" id="q2" name="E-mail" class="form-control" placeholder="Please enter your csun email" /><br />

          <div style="display: none;">
          <label for="q3">Phone</label><input type="text" id="q3" name="Captcha" />
          </div>

          <p><span class="red">*</span> Indicates a required field</p>

          <input type="submit" value="SUBMIT" title="SUBMIT" class="btn btn-default" />
          </form>
          <!-- END: form -->
        </div>
      </div>

      <footer class="footer">
        <p>&copy; CSU Northridge 2015</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>