src/main/resources/META-INF/resources/designer/unsupportedbrowser.html

   1 <!DOCTYPE html>
   2 <!--
   3   ============LICENSE_START=======================================================
   4   ONAP CLAMP
   5   ================================================================================
   6   Copyright (C) 2017 AT&T Intellectual Property. All rights
   7                               reserved.
   8   ================================================================================
   9   Licensed under the Apache License, Version 2.0 (the "License");
  10   you may not use this file except in compliance with the License.
  11   You may obtain a copy of the License at
  12
  13   http://www.apache.org/licenses/LICENSE-2.0
  14
  15   Unless required by applicable law or agreed to in writing, software
  16   distributed under the License is distributed on an "AS IS" BASIS,
  17   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18   See the License for the specific language governing permissions and
  19   limitations under the License.
  20   ============LICENSE_END============================================
  21   ===================================================================
  22
  23   -->
  24
  25
  26 <html lang="en">
  27 <head>
  28     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  29     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
  30     <meta name="description" content="">
  31     <meta name="author" content="">
  32     <link rel="shortcut icon" href="images/favicon.png">
  33
  34     <title>UTM Dashboard</title>
  35
  36
  37    <!-- bootstrap css and plugins -->
  38     <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  39
  40     <!-- DataTables CSS -->
  41     <link href="css/icons.css" rel="stylesheet">
  42     <link href="css/styles.css" rel="stylesheet">
  43     <link href="css/style-gue.css" rel="stylesheet">
  44
  45     <link href="fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  46
  47      <style type="text/css">
  48
  49     </style>
  50
  51 </head>
  52
  53
  54 <body class="unsuppored-browser" style="width: 100%;height: 100%">
  55
  56     <div class='container-fluid  unsupported-image-bg' > <!-- start header -->
  57       <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12 unsupported-image-align'>
  58
  59           <br>
  60           <img src="images/logo_onap_2017.png" class='hidden-sm hidden-xs' alt='UTM Dashboard' />
  61       </div>
  62     </div>
  63     <div class="container-fluid" >
  64       <div> <!-- start content -->
  65         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  66           <div class="link-browser-unsupported" >
  67                 <div class="browswer-support-help-text" dir="ltr">
  68                                         <h2 dir="ltr">Uh Oh!</h2>
  69
  70                                         <h2 dir="ltr">Internet Explorer 8 is not supported by the UTM Dashboard.</h2>
  71
  72                                         <p dir="ltr">To get the best possible experience using our website we recommend that you upgrade to a newer version or other web browser.</p>
  73
  74                                         <p dir="ltr" style="color: #6ebb1f; text-align: left;"><b>Recommended Browser Downloads</b></p>
  75                                         </div>
  76
  77                                         <div dir="ltr">
  78                                         <div dir="ltr" style="display:inline-block;">
  79                                         <div style="float: left"><a href="https://www.mozilla.org/" ><img src="images/img_mozila.png" border="0"  title="" /></a></div>
  80
  81                                         <div style="float: left; margin-right: 40px">
  82                                         <p style="color: rgb(63,63,63)">FIREFOX 31.0.0</p>
  83
  84                                         <p><img src="images/preffered.png" border="0"  title="" /></p>
  85
  86                                         </div>
  87
  88                                         <div style="float: left; margin-left: 40px"><a href="https://www.microsoft.com" ><img src="images/img_ie.png" border="0"  title="" /> </a></div>
  89
  90                                         <div style="float: left">
  91                                                 <p style="color: rgb(63,63,63)">INTERNET EXPLORER 11</p>
  92
  93                                                 <p><img src="images/CheckMark.png" border="0"  title="" /></p>
  94                                         </div>
  95                                         </div>
  96
  97                                         <p dir="ltr" style="color: red">&nbsp;</p>
  98                                         </div>
  99
 100                                         <p dir="ltr">&nbsp;</p>
 101
 102                   </div>
 103         </div>
 104       </div>
 105     </div>
 106
 107
 108
 109     <!-- jQuery Include and Bootstrap -->
 110     <script src="lib/jquery.min.js"></script>
 111     <script src="lib/bootstrap.min.js"></script>
 112
 113 </body>