Spade
Mini Shell
<!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 -->
<title>Welcome</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css"
rel="stylesheet">
<link href="css/custom.css"
rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and
media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation Menu Starts-->
<nav class="navbar navbar-fixed-top">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item active">
<a class="nav-link"
href="#home">Home<span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#demo">Demos</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#forum">Forum</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#wiki">Wiki</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#blog">Blog</a>
</li>
</ul>
</nav><!-- Navigation Menu Ends-->
<a id="home"></a>
<!-- Navigation Menu Ends-->
<div class="container">
<div class="header clearfix">
<div class="row"></div>
<!--Jumbotron Starts-->
<div class="jumbotron">
<div class="row"></div>
<div><img class="center-block img-responsive
img-size" src="img/lsws_logo.png" alt="openlitespeed
logo"></div>
<h1>Congratulations</h1>
<p class="lead">You have successfully installed the
LiteSpeed Web Server!</p>
<div class="row"></div>
<!--Button Starts-->
<div class="text-center">
<a class="btn btn-lg btn-warning"
href="#openModal" role="button">READ ME!</a>
</div>
<!--Button Ends-->
<!--Modal Starts-->
<div id="openModal" class="modalDialog">
<div>
<div class="close"><a href="#close"
title="Close" >X</a></div>
<h1><span
class="text-muted">{</span> Read Me
<span
class="text-muted">}</span></h1>
<div class="row">
<p>You should replace this page with your own
web pages.</p>
<p>It is not recommended to copy files into
the directory where this page located, they might be over-written during
upgrade or reinstallation.</p>
<p>Create a new virtual host and map a listener to it. Have
no clue? Please read the <a href="/docs/index.html"
title="Documentation"
target="_blank">Documentation</a>.</p>
<p>For your web administration login page, please refer to
the installation guide.</p>
<p>Add <a
href="https://www.litespeedtech.com/"
target="_blank"><img
src="img/powered_by_ls-new.png" alt="openlitespeed
logo"></a> the LiteSpeed logo to your web site if
you'd like to help us promote the server.</p>
</div>
</div>
</div><!--Modal Ends-->
<div class="row"></div>
</div><!--Jumbotron Ends-->
</div>
<a id="demo"></a>
<div class="row">
</div>
<!-- 5 Panel Starts-->
<!--Row Starts-->
<div class="row row-centered">
<h1>Simple Feature Demos</h1>
<div class="row"></div>
<!--Column 1 Starts-->
<div class="col-md-2 col-xs-2 col-sm-2 col-lg-2
col-centered">
<!--Panel 1 Starts-->
<div class="panel panel-default">
<img class="center-block img-responsive"
src="img/cgi-icon.png" alt="cgi"
width="100">
<div class="panel-heading">
<h3>CGI script</h3>
</div>
<div class="panel-body">Hello World from
CGI script
</div>
<br> <!--use for btn vertical alignment-->
<div class="text-center"><a
class="btn btn-primary" role="button"
onclick="window.open('/cgi-bin/helloworld',
'myWin', 'toolbar=no, directories=no, location=no,
status=yes, menubar=no, resizable=no, scrollbars=yes,
width=600, height=400'); return false">Click Here
»</a>
</div>
<div class="row"></div>
</div><!--Panel 1 Starts-->
</div><!--Column 1 Ends-->
<!--Column 2 Starts-->
<div class="col-md-2 col-xs-2 col-sm-2 col-lg-2
col-centered">
<!--Panel 2 Starts-->
<div class="panel panel-default">
<img class="center-block img-responsive"
src="img/php-icon.png" alt="php"
width="100">
<div class="panel-heading">
<h3> Test PHP</h3>
</div>
<div class="panel-body">If you enabled PHP
during installation, <br>click here to test it
</div>
<div class="text-center"><a
class="btn btn-primary" role="button"
onclick="window.open('/phpinfo.php', 'myWin',
'toolbar=no, directories=no, location=no, status=yes, menubar=no,
resizable=yes, scrollbars=yes, width=1024, height=768'); return
false">Click Here »</a>
</div>
<div class="row"></div>
</div><!--Panel 2 Ends-->
</div><!--Column 2 Ends-->
<!--Column 3 Starts-->
<div class="col-md-2 col-xs-2 col-sm-2 col-lg-2
col-centered">
<!--Panel 3 Starts-->
<div class="panel panel-default">
<img class="center-block img-responsive"
src="img/404-icon.png" alt="404"
width="100">
<div class="panel-heading">
<h3 >Customized Error Page</h3>
</div>
<div class="panel-body">Missing page
</div>
<br> <!--use for btn vertical
alignment-->
<div class="text-center"><a
class="btn btn-primary" role="button"
onclick="window.open('/page_does_not_exist.html',
'myWin', 'toolbar=no, directories=no, location=no,
status=yes, menubar=no, resizable=no, scrollbars=yes,
width=600, height=400'); return false">Click Here
»</a>
</div>
<div class="row"></div>
</div><!--Panel 3 Ends-->
</div><!--Column 3 Ends-->
<!--Column 4 Starts-->
<div class="col-md-2 col-xs-2 col-sm-2 col-lg-2
col-centered">
<!--Panel 4 Starts-->
<div class="panel panel-default">
<img class="center-block img-responsive"
src="img/pwd_protect-icon.png" alt="password
protection" width="100">
<div class="panel-heading">
<h3>Authentication</h3>
</div>
<div class="panel-body">Password protected
content, <br>user name: test, password: test123
</div>
<div class="text-center"><a class="btn
btn-primary" role="button"
onclick="window.open('/protected/', 'myWin',
'toolbar=no, directories=no, location=no, status=yes, menubar=no,
resizable=no, scrollbars=yes, width=600, height=400'); return
false">Click Here »</a>
</div>
<div class="row"></div>
</div><!--Panel 4 Ends-->
</div><!--Column 4 Ends-->
<!--Column 5 Starts-->
<div class="col-md-2 col-xs-2 col-sm-2 col-lg-2
col-centered">
<!--Panel 5 Starts-->
<div class="panel panel-default">
<img class="center-block img-responsive"
src="img/blocked_content-icon.png" alt="blocked
content" width="100">
<div class="panel-heading">
<h3>Blocked Content</h3>
</div>
<div class="panel-body">Blocked area
</div>
<br> <!--use for btn vertical
alignment-->
<div class="text-center"><a
class="btn btn-primary" role="button"
onclick="window.open('/blocked/', 'myWin',
'toolbar=no, directories=no, location=no, status=yes, menubar=no,
resizable=no, scrollbars=yes, width=600, height=400'); return
false">Click Here »</a>
</div>
<div class="row"></div>
</div><!--Panel 5 Ends-->
</div><!--Column 5 Ends-->
</div><!--Row-->
<div class="row"></div>
<a id="forum"></a>
<a id="wiki"></a>
<a id="blog"></a>
<hr class="featurette-divider">
<div class="row"></div>
<div class="text-center">
<h1>About LiteSpeed Web Server</h1>
</div>
<div class="row"></div>
<!--Row Starts-->
<div class="row row-centered about-link">
<!--Column 1 Starts-->
<div class="col-sm-3 col-centered">
<img class="center-block img-responsive"
src="img/forum-icon.png" alt="forum">
<a
href="https://www.litespeedtech.com/support/forum/"
target="_blank"><h3>Forum</h3></a>
</div>
<!--Column 2 Starts-->
<div class="col-sm-3 col-centered">
<img class="center-block img-responsive"
src="img/wiki-icon.png" alt="wiki">
<a
href="https://www.litespeedtech.com/support/wiki/doku.php"
target="_blank"><h3>Wiki</h3></a>
</div>
<!--Column 2 Ends-->
<!--Column 3 Starts-->
<div class="col-sm-3 col-centered">
<img class="center-block img-responsive"
src="img/blog-icon.png" alt="forum">
<a href="http://blog.litespeedtech.com/"
target="_blank"><h3>Blog</h3></a>
</div>
<!--Column 3 Ends-->
</div><!--Row Ends-->
<div class="row"></div>
<hr class="featurette-divider">
<div class="row"></div>
<!-- FOOTER -->
<footer>
<img class="center-block img-responsive"
src="img/powered_by_ls-new.png" alt="power by
openlitespeed">
<div class="row"></div>
<p class="pull-right"><a
href="#">Back to top</a></p>
<div class="text-center
copyright-center"><p>© 2019 LiteSpeed Technologies,
Inc. All Rights Reserved.</p>
</div>
</footer>
</div> <!--Container Close-->
</body>
</html>