Browse Source

Initial commit: New default page templates

Simple, clean bootstrap based templates for:
* 403 - Access Denied
* 404 - Page Not Found
* 50x - Internal Server Error
* A "Success" page for unassigned hosts.
Kristan Kenney 7 years ago
parent
commit
34fd777c27
61 changed files with 2502 additions and 698 deletions
  1. 30 25
      install/debian/8/templates/web/skel/document_errors/403.html
  2. 30 24
      install/debian/8/templates/web/skel/document_errors/404.html
  3. 30 25
      install/debian/8/templates/web/skel/document_errors/50x.html
  4. 58 0
      install/debian/8/templates/web/skel/document_errors/style.css
  5. 30 22
      install/debian/8/templates/web/skel/public_html/index.html
  6. 58 0
      install/debian/8/templates/web/skel/public_html/style.css
  7. 30 22
      install/debian/8/templates/web/skel/public_shtml/index.html
  8. 58 0
      install/debian/8/templates/web/skel/public_shtml/style.css
  9. 28 21
      install/debian/8/templates/web/suspend/index.html
  10. 58 0
      install/debian/8/templates/web/suspend/style.css
  11. 32 0
      install/debian/8/templates/web/unassigned/index.html
  12. 58 0
      install/debian/8/templates/web/unassigned/style.css
  13. 30 25
      install/debian/9/templates/web/skel/document_errors/403.html
  14. 30 24
      install/debian/9/templates/web/skel/document_errors/404.html
  15. 30 25
      install/debian/9/templates/web/skel/document_errors/50x.html
  16. 58 0
      install/debian/9/templates/web/skel/document_errors/style.css
  17. 30 22
      install/debian/9/templates/web/skel/public_html/index.html
  18. 58 0
      install/debian/9/templates/web/skel/public_html/style.css
  19. 30 22
      install/debian/9/templates/web/skel/public_shtml/index.html
  20. 58 0
      install/debian/9/templates/web/skel/public_shtml/style.css
  21. 28 21
      install/debian/9/templates/web/suspend/index.html
  22. 58 0
      install/debian/9/templates/web/suspend/style.css
  23. 32 0
      install/debian/9/templates/web/unassigned/index.html
  24. 58 0
      install/debian/9/templates/web/unassigned/style.css
  25. 2 3
      install/hst-install-ubuntu.sh
  26. 30 25
      install/ubuntu/14.04/templates/web/skel/document_errors/403.html
  27. 30 24
      install/ubuntu/14.04/templates/web/skel/document_errors/404.html
  28. 30 25
      install/ubuntu/14.04/templates/web/skel/document_errors/50x.html
  29. 58 0
      install/ubuntu/14.04/templates/web/skel/document_errors/style.css
  30. 30 22
      install/ubuntu/14.04/templates/web/skel/public_html/index.html
  31. 58 0
      install/ubuntu/14.04/templates/web/skel/public_html/style.css
  32. 30 22
      install/ubuntu/14.04/templates/web/skel/public_shtml/index.html
  33. 58 0
      install/ubuntu/14.04/templates/web/skel/public_shtml/style.css
  34. 28 21
      install/ubuntu/14.04/templates/web/suspend/index.html
  35. 58 0
      install/ubuntu/14.04/templates/web/suspend/style.css
  36. 32 0
      install/ubuntu/14.04/templates/web/unassigned/index.html
  37. 58 0
      install/ubuntu/14.04/templates/web/unassigned/style.css
  38. 30 25
      install/ubuntu/16.04/templates/web/skel/document_errors/403.html
  39. 30 24
      install/ubuntu/16.04/templates/web/skel/document_errors/404.html
  40. 30 25
      install/ubuntu/16.04/templates/web/skel/document_errors/50x.html
  41. 58 0
      install/ubuntu/16.04/templates/web/skel/document_errors/style.css
  42. 30 22
      install/ubuntu/16.04/templates/web/skel/public_html/index.html
  43. 58 0
      install/ubuntu/16.04/templates/web/skel/public_html/style.css
  44. 30 22
      install/ubuntu/16.04/templates/web/skel/public_shtml/index.html
  45. 58 0
      install/ubuntu/16.04/templates/web/skel/public_shtml/style.css
  46. 28 21
      install/ubuntu/16.04/templates/web/suspend/index.html
  47. 58 0
      install/ubuntu/16.04/templates/web/suspend/style.css
  48. 32 0
      install/ubuntu/16.04/templates/web/unassigned/index.html
  49. 58 0
      install/ubuntu/16.04/templates/web/unassigned/style.css
  50. 30 25
      install/ubuntu/18.04/templates/web/skel/document_errors/403.html
  51. 30 24
      install/ubuntu/18.04/templates/web/skel/document_errors/404.html
  52. 30 25
      install/ubuntu/18.04/templates/web/skel/document_errors/50x.html
  53. 58 0
      install/ubuntu/18.04/templates/web/skel/document_errors/style.css
  54. 30 22
      install/ubuntu/18.04/templates/web/skel/public_html/index.html
  55. 58 0
      install/ubuntu/18.04/templates/web/skel/public_html/style.css
  56. 30 22
      install/ubuntu/18.04/templates/web/skel/public_shtml/index.html
  57. 58 0
      install/ubuntu/18.04/templates/web/skel/public_shtml/style.css
  58. 28 21
      install/ubuntu/18.04/templates/web/suspend/index.html
  59. 58 0
      install/ubuntu/18.04/templates/web/suspend/style.css
  60. 32 0
      install/ubuntu/18.04/templates/web/unassigned/index.html
  61. 58 0
      install/ubuntu/18.04/templates/web/unassigned/style.css

+ 30 - 25
install/debian/8/templates/web/skel/document_errors/403.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>403 &mdash; Forbidden</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="You do not have permission to view this"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>403</h1>
-    <h2>Forbidden</h2>
-    <div>
-        Unfortunately, you do not have permission to view this
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-times-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">Access Denied</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>You do not have permission to view this page.</p>
+                <p>Please check your credentials and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 403</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 30 - 24
install/debian/8/templates/web/skel/document_errors/404.html

@@ -1,28 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>404 &mdash; Not Found</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, page not found"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Page Not Found</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-    <h1>404</h1>
-    <h2>Page Not Found</h2>
-    <div>
-        It seems that the page you were trying to reach does not exist anymore, or maybe it has just moved.
-        You can start again from the <a href="http://%domain%/">home</a> or go back to <a href="javascript:%20history.go(-1)">previous page</a>.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-question-circle icon-large info"></i>
+            </div>
+            <h1 class="animated fadeIn">Page Not Found</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! We couldn't find the page that you're looking for.</p>
+                <p>Please check the address and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 404</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 30 - 25
install/debian/8/templates/web/skel/document_errors/50x.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>500 &mdash; Internal Sever Error</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, something went wrong. Internal Server Error"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Internal Server Error</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>500</h1>
-    <h2>Internal Server Error</h2>
-    <div>
-        Sorry, something went wrong :(
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-triangle icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">Internal Server Error</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! Something went wrong.</p>
+                <p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p>
+                <section class="footer"><strong>Error Code:</strong> 500</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 58 - 0
install/debian/8/templates/web/skel/document_errors/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/debian/8/templates/web/skel/public_html/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/debian/8/templates/web/skel/public_html/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/debian/8/templates/web/skel/public_shtml/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/debian/8/templates/web/skel/public_shtml/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 28 - 21
install/debian/8/templates/web/suspend/index.html

@@ -1,25 +1,32 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>Website Suspended</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This website has been suspended."/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:84px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 15px 0 25px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
 <body>
-    <h1>SUSPENDED</h1>
-    <h2>This website has been suspended.</h2>
-    <div>
-        Please contact the technical support department.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">This site is currently suspended</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>If you are the owner of this site, please contact support for more information.</p>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 58 - 0
install/debian/8/templates/web/suspend/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 32 - 0
install/debian/8/templates/web/unassigned/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Success!</title>
+</head>
+<body>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-check-circle success icon-large"></i>
+            </div>
+            <h1 class="animated fadeIn">Success!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Your new web server is ready to use.</p>
+            </div>
+        </div>
+    </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+</html>

+ 58 - 0
install/debian/8/templates/web/unassigned/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 25
install/debian/9/templates/web/skel/document_errors/403.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>403 &mdash; Forbidden</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="You do not have permission to view this"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>403</h1>
-    <h2>Forbidden</h2>
-    <div>
-        Unfortunately, you do not have permission to view this
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-times-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">Access Denied</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>You do not have permission to view this page.</p>
+                <p>Please check your credentials and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 403</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 30 - 24
install/debian/9/templates/web/skel/document_errors/404.html

@@ -1,28 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>404 &mdash; Not Found</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, page not found"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Page Not Found</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-    <h1>404</h1>
-    <h2>Page Not Found</h2>
-    <div>
-        It seems that the page you were trying to reach does not exist anymore, or maybe it has just moved.
-        You can start again from the <a href="http://%domain%/">home</a> or go back to <a href="javascript:%20history.go(-1)">previous page</a>.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-question-circle icon-large info"></i>
+            </div>
+            <h1 class="animated fadeIn">Page Not Found</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! We couldn't find the page that you're looking for.</p>
+                <p>Please check the address and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 404</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 30 - 25
install/debian/9/templates/web/skel/document_errors/50x.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>500 &mdash; Internal Sever Error</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, something went wrong. Internal Server Error"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Internal Server Error</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>500</h1>
-    <h2>Internal Server Error</h2>
-    <div>
-        Sorry, something went wrong :(
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-triangle icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">Internal Server Error</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! Something went wrong.</p>
+                <p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p>
+                <section class="footer"><strong>Error Code:</strong> 500</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 58 - 0
install/debian/9/templates/web/skel/document_errors/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/debian/9/templates/web/skel/public_html/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/debian/9/templates/web/skel/public_html/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/debian/9/templates/web/skel/public_shtml/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/debian/9/templates/web/skel/public_shtml/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 28 - 21
install/debian/9/templates/web/suspend/index.html

@@ -1,25 +1,32 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>Website Suspended</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This website has been suspended."/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:84px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 15px 0 25px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
 <body>
-    <h1>SUSPENDED</h1>
-    <h2>This website has been suspended.</h2>
-    <div>
-        Please contact the technical support department.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">This site is currently suspended</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>If you are the owner of this site, please contact support for more information.</p>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 58 - 0
install/debian/9/templates/web/suspend/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 32 - 0
install/debian/9/templates/web/unassigned/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Success!</title>
+</head>
+<body>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-check-circle success icon-large"></i>
+            </div>
+            <h1 class="animated fadeIn">Success!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Your new web server is ready to use.</p>
+            </div>
+        </div>
+    </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+</html>

+ 58 - 0
install/debian/9/templates/web/unassigned/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 2 - 3
install/hst-install-ubuntu.sh

@@ -946,9 +946,8 @@ cp -rf $hestiacp/packages $HESTIA/data/
 # Installing templates
 cp -rf $hestiacp/templates $HESTIA/data/
 
-# Copying index.html to default documentroot
-cp $HESTIA/data/templates/web/skel/public_html/index.html /var/www/
-sed -i 's/%domain%/It worked!/g' /var/www/index.html
+# Copy default "Success" page for unassigned hosts
+cp -rf $HESTIA/data/templates/web/unassigned/public_html/* /var/www/
 
 # Installing firewall rules
 cp -rf $hestiacp/firewall $HESTIA/data/

+ 30 - 25
install/ubuntu/14.04/templates/web/skel/document_errors/403.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>403 &mdash; Forbidden</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="You do not have permission to view this"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>403</h1>
-    <h2>Forbidden</h2>
-    <div>
-        Unfortunately, you do not have permission to view this
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-times-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">Access Denied</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>You do not have permission to view this page.</p>
+                <p>Please check your credentials and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 403</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 30 - 24
install/ubuntu/14.04/templates/web/skel/document_errors/404.html

@@ -1,28 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>404 &mdash; Not Found</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, page not found"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Page Not Found</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-    <h1>404</h1>
-    <h2>Page Not Found</h2>
-    <div>
-        It seems that the page you were trying to reach does not exist anymore, or maybe it has just moved.
-        You can start again from the <a href="http://%domain%/">home</a> or go back to <a href="javascript:%20history.go(-1)">previous page</a>.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-question-circle icon-large info"></i>
+            </div>
+            <h1 class="animated fadeIn">Page Not Found</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! We couldn't find the page that you're looking for.</p>
+                <p>Please check the address and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 404</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 30 - 25
install/ubuntu/14.04/templates/web/skel/document_errors/50x.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>500 &mdash; Internal Sever Error</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, something went wrong. Internal Server Error"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Internal Server Error</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>500</h1>
-    <h2>Internal Server Error</h2>
-    <div>
-        Sorry, something went wrong :(
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-triangle icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">Internal Server Error</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! Something went wrong.</p>
+                <p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p>
+                <section class="footer"><strong>Error Code:</strong> 500</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 58 - 0
install/ubuntu/14.04/templates/web/skel/document_errors/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/ubuntu/14.04/templates/web/skel/public_html/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/ubuntu/14.04/templates/web/skel/public_html/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/ubuntu/14.04/templates/web/skel/public_shtml/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/ubuntu/14.04/templates/web/skel/public_shtml/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 28 - 21
install/ubuntu/14.04/templates/web/suspend/index.html

@@ -1,25 +1,32 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>Website Suspended</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This website has been suspended."/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:84px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 15px 0 25px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
 <body>
-    <h1>SUSPENDED</h1>
-    <h2>This website has been suspended.</h2>
-    <div>
-        Please contact the technical support department.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">This site is currently suspended</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>If you are the owner of this site, please contact support for more information.</p>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 58 - 0
install/ubuntu/14.04/templates/web/suspend/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 32 - 0
install/ubuntu/14.04/templates/web/unassigned/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Success!</title>
+</head>
+<body>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-check-circle success icon-large"></i>
+            </div>
+            <h1 class="animated fadeIn">Success!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Your new web server is ready to use.</p>
+            </div>
+        </div>
+    </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+</html>

+ 58 - 0
install/ubuntu/14.04/templates/web/unassigned/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 25
install/ubuntu/16.04/templates/web/skel/document_errors/403.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>403 &mdash; Forbidden</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="You do not have permission to view this"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>403</h1>
-    <h2>Forbidden</h2>
-    <div>
-        Unfortunately, you do not have permission to view this
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-times-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">Access Denied</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>You do not have permission to view this page.</p>
+                <p>Please check your credentials and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 403</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 30 - 24
install/ubuntu/16.04/templates/web/skel/document_errors/404.html

@@ -1,28 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>404 &mdash; Not Found</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, page not found"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Page Not Found</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-    <h1>404</h1>
-    <h2>Page Not Found</h2>
-    <div>
-        It seems that the page you were trying to reach does not exist anymore, or maybe it has just moved.
-        You can start again from the <a href="http://%domain%/">home</a> or go back to <a href="javascript:%20history.go(-1)">previous page</a>.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-question-circle icon-large info"></i>
+            </div>
+            <h1 class="animated fadeIn">Page Not Found</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! We couldn't find the page that you're looking for.</p>
+                <p>Please check the address and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 404</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 30 - 25
install/ubuntu/16.04/templates/web/skel/document_errors/50x.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>500 &mdash; Internal Sever Error</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, something went wrong. Internal Server Error"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Internal Server Error</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>500</h1>
-    <h2>Internal Server Error</h2>
-    <div>
-        Sorry, something went wrong :(
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-triangle icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">Internal Server Error</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! Something went wrong.</p>
+                <p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p>
+                <section class="footer"><strong>Error Code:</strong> 500</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 58 - 0
install/ubuntu/16.04/templates/web/skel/document_errors/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/ubuntu/16.04/templates/web/skel/public_html/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/ubuntu/16.04/templates/web/skel/public_html/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/ubuntu/16.04/templates/web/skel/public_shtml/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/ubuntu/16.04/templates/web/skel/public_shtml/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 28 - 21
install/ubuntu/16.04/templates/web/suspend/index.html

@@ -1,25 +1,32 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>Website Suspended</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This website has been suspended."/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:84px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 15px 0 25px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
 <body>
-    <h1>SUSPENDED</h1>
-    <h2>This website has been suspended.</h2>
-    <div>
-        Please contact the technical support department.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">This site is currently suspended</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>If you are the owner of this site, please contact support for more information.</p>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 58 - 0
install/ubuntu/16.04/templates/web/suspend/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 32 - 0
install/ubuntu/16.04/templates/web/unassigned/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Success!</title>
+</head>
+<body>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-check-circle success icon-large"></i>
+            </div>
+            <h1 class="animated fadeIn">Success!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Your new web server is ready to use.</p>
+            </div>
+        </div>
+    </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+</html>

+ 58 - 0
install/ubuntu/16.04/templates/web/unassigned/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 25
install/ubuntu/18.04/templates/web/skel/document_errors/403.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>403 &mdash; Forbidden</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="You do not have permission to view this"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>403</h1>
-    <h2>Forbidden</h2>
-    <div>
-        Unfortunately, you do not have permission to view this
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-times-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">Access Denied</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>You do not have permission to view this page.</p>
+                <p>Please check your credentials and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 403</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 30 - 24
install/ubuntu/18.04/templates/web/skel/document_errors/404.html

@@ -1,28 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>404 &mdash; Not Found</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, page not found"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Page Not Found</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-    <h1>404</h1>
-    <h2>Page Not Found</h2>
-    <div>
-        It seems that the page you were trying to reach does not exist anymore, or maybe it has just moved.
-        You can start again from the <a href="http://%domain%/">home</a> or go back to <a href="javascript:%20history.go(-1)">previous page</a>.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-question-circle icon-large info"></i>
+            </div>
+            <h1 class="animated fadeIn">Page Not Found</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! We couldn't find the page that you're looking for.</p>
+                <p>Please check the address and try again.</p>
+                <section class="footer"><strong>Error Code:</strong> 404</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 30 - 25
install/ubuntu/18.04/templates/web/skel/document_errors/50x.html

@@ -1,29 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>500 &mdash; Internal Sever Error</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="Sorry, something went wrong. Internal Server Error"/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:180px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: -3px 0 39px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Internal Server Error</title>
 </head>
-
 <body>
-    <p><a href="http://%domain%/">%domain%</a></p>
-
-    <h1>500</h1>
-    <h2>Internal Server Error</h2>
-    <div>
-        Sorry, something went wrong :(
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-triangle icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">Internal Server Error</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Oops! Something went wrong.</p>
+                <p>The server encountered an internal error or misconfiguration and was unable to complete your request.</p>
+                <section class="footer"><strong>Error Code:</strong> 500</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
+</html>

+ 58 - 0
install/ubuntu/18.04/templates/web/skel/document_errors/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/ubuntu/18.04/templates/web/skel/public_html/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/ubuntu/18.04/templates/web/skel/public_html/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 30 - 22
install/ubuntu/18.04/templates/web/skel/public_shtml/index.html

@@ -1,26 +1,34 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>%domain% &mdash; Coming Soon</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This is a default index page for a new domain."/>
-    <style type="text/css">
-        body {font-size:10px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:64px; color:#555555; margin: 70px 0 50px 0;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Coming Soon</title>
 </head>
-
 <body>
-    <h1>%domain%</h1>
-    <div>
-        <a href="https://www.hestiacp.com/">Powered by HESTIA</a>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-hard-hat icon-large warning"></i>
+            </div>
+            <h1 class="animated fadeIn">We're working on it!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>This site is currently under construction.</p>
+                <p>Please check back soon.</p>
+                <section class="footer"><strong>Domain:</strong> %domain%</section>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-
-</html>
-
+</html>

+ 58 - 0
install/ubuntu/18.04/templates/web/skel/public_shtml/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 28 - 21
install/ubuntu/18.04/templates/web/suspend/index.html

@@ -1,25 +1,32 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
-    <title>Website Suspended</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <meta name="description" content="This website has been suspended."/>
-    <style type="text/css">
-        body {font-size:14px; color:#777777; font-family:arial; text-align:center;}
-        h1 {font-size:84px; color:#99A7AF; margin: 70px 0 0 0;}
-        h2 {color: #DE6C5D; font-family: arial; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 15px 0 25px;}
-        p {width:320px; text-align:center; margin-left:auto;margin-right:auto; margin-top: 30px }
-        div {width:320px; text-align:center; margin-left:auto;margin-right:auto;}
-        a:link {color: #34536A;}
-        a:visited {color: #34536A;}
-        a:active {color: #34536A;}
-        a:hover {color: #34536A;}
-    </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Access Denied</title>
 </head>
 <body>
-    <h1>SUSPENDED</h1>
-    <h2>This website has been suspended.</h2>
-    <div>
-        Please contact the technical support department.
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-exclamation-circle icon-large error"></i>
+            </div>
+            <h1 class="animated fadeIn">This site is currently suspended</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>If you are the owner of this site, please contact support for more information.</p>
+            </div>
+        </div>
     </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>

+ 58 - 0
install/ubuntu/18.04/templates/web/suspend/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}

+ 32 - 0
install/ubuntu/18.04/templates/web/unassigned/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
+<link rel="stylesheet" href="style.css">
+<title>Success!</title>
+</head>
+<body>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div class="animated fadeIn">
+                <i class="fas fa-check-circle success icon-large"></i>
+            </div>
+            <h1 class="animated fadeIn">Success!</h1>
+            <div class="description-text animated fadeIn delay-1s">
+                <p>Your new web server is ready to use.</p>
+            </div>
+        </div>
+    </div>
+</div>
+    
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+</html>

+ 58 - 0
install/ubuntu/18.04/templates/web/unassigned/style.css

@@ -0,0 +1,58 @@
+body {
+    background-color: #f5f5f5;
+    margin-top: 8%;
+    color: #5d5d5d;
+    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+}
+
+h1 {
+    font-size: 2.45em;
+    font-weight: 700;
+    color: #5d5d5d;
+    letter-spacing: -0.02em;
+    margin-bottom: 30px;
+    margin-top: 30px;
+}
+
+hr {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+
+.icon-large {
+    font-size: 8.2em;
+    color: #8a8a8a;
+    text-shadow: 0px 1px 2px rgba(255,255,255,0.3);
+}
+
+.description-text {
+    color: #707070;
+    letter-spacing: -0.01em;
+    font-size: 1.25em;
+    margin-left: 10%;
+    margin-right: 10%;
+    line-height: 20px;
+}
+
+.footer {
+    margin-top: 40px;
+    font-size: 0.7em;
+}
+
+.error {
+    color: #c92127;
+}
+
+.warning {
+    color: #ffcc33;
+}
+
+.info {
+    color: #5594cf;
+}
+
+.success {
+    color: #5aba47;
+}