| Server IP : 209.205.66.10 / Your IP : 216.73.216.173 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ammon 5.15.0-186-generic #196-Ubuntu SMP Sat Jun 20 16:09:34 UTC 2026 x86_64 User : ( 1006) PHP Version : 8.5.8 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bissett/netpage/nox4/ |
Upload File : |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta name="description" content="NOX Security" >
<link href="main.css" rel="stylesheet" media="screen" type="text/css" >
<link rel="icon" type="image/png" href="images/favicon.png" >
<title>NOX SECURITY: Panel Demo</title>
<style>
* {
margin:0;
padding:0;
}
body {
background-image:url(images/noxbg.png);
background-repeat: repeat;
background-attachment: fixed;
background-size:21px;
font-family: arial, san-serif;
font-size: 18px;
overflow: auto;
overflow-x: hidden;
}
a {
color: #FFF;
text-decoration: none;
}
h1, h2, h3, h4, h5 {
text-align: center;
color: #FFF;
}
p {
padding: 20px;
color: #FFF;
font-family: arial, san-serif;
font-size: 20px;
}
.p1 {
font-size: 12px;
text-align: justify;"
}
img {
height: auto;
width: 100%;
}
#wrapper {
width: 100%;
}
#fill {
background: #00b0de;
padding: 10px 0 6px 0;
}
#order {
float: right;
}
#callout {
width: 100%
height: auto;
background-color: #00b0de;
overflow: hidden;
padding: .5% 0 .5% 0;
}
#callout2 {
margin: 0 auto;
width: 60%;
height: auto;
color: #222222;
background-color: #00b0de;
overflow: hidden;
padding: .5% 0 .5% 0;
-webkit-border-top-left-radius:15px;
border-top-left-radius:15px;
-o-border-top-left-radius:15px;
-ms-border-top-left-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-right-radius:15px;
border-top-right-radius:15px;
-o-border-top-right-radius:15px;
-ms-border-top-right-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-bottom-right-radius:15px;
border-bottom-right-radius:15px;
-o-border-bottom-right-radius:15px;
-ms-border-bottom-right-radius:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-left-radius:15px;
border-bottom-left-radius:15px;
-o-border-bottom-left-radius:15px;
-ms-border-bottom-left-radius:15px;
-moz-border-radius-bottomleft:15px;
}
#callout p {
text-align: right;
font-size: 24px;
padding: 0 20px 0 0;
color: #333333;
}
#callout p a {
color: #000;
text-decoration: none;
}
header {
width: 100%;
min-height: auto;
padding: 1% 1% 1% 1%;
text-align: center;
}
header img {
width: 500px;
float: left;
padding-bottom: 10px;
}
nav {
width: 100%;
text-align: center;
}
nav ul {
list-style: none;
}
nav ul li {
float: left;
border: none;
padding: none;
}
nav ul li a {
display: block;
padding: 5px 10px 5px 10px;
font-wieght: bold;
font-size: 16px;
color: #FFF;
text-decoration: none;
text-align: center;
}
nav ul li a:hover {
background-color: #08BFFF;
color: #000;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
-o-border-top-left-radius:5px;
-ms-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
-o-border-top-right-radius:5px;
-ms-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
-o-border-bottom-right-radius:5px;
-ms-border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-o-border-bottom-left-radius:5px;
-ms-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
}
.section {
color: #FFF;
width: 29%;
float: left;
margin: 1% 2%;
text-align: center;
}
.section2 {
color: #FFF;
width: 100%;
float: left;
margin: 0 0 1% 0;
text-align: center;
}
.section3 {
background-color: #00b0de;
width: 100%;
float: left;
text-align: center;
}
.base {
width: 100%;
color: #222222;
text-align: center;
margin-bottom: 30px;
float: left;
}
li {
display: block;
text-align: left;
}
ul li {
display: inline;
}
ol {
list-style-position: inside;
list-style-type: disc;
color: #FFF;
padding: 10%;
display: block;
}
ul li img {
height: 50px;
width: auto;
text-align: center;
}
form {
width: 100%;
text-align: center;
color: #000;
}
#black {color: black;}
#container { text-align: center; margin: 0 auto; width: 90%; }
#div-1 { float: left; }
#div-2 { display: inline-block; }
#div-3 { float: right; }
#divbg {
background-image: url('images/Smart_Stat_Hero.png') blue;
}
#alignment {
color: black;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 10%;
float: right;
}
.iframesize {
-webkit-transform:scale(0.85);
-moz-transform-scale(0.85);
}
/*------------------------MEDIA!!!-----------------------*/
@media screen and (max-width: 650px) {
body {
background-image:url(images/noxbg.png);
background-repeat: repeat;
background-attachment: fixed;
background-size:21px;
font-family: verdana, tahoma, arial, san-serif;
font-size: 18px;
overflow: auto;
}
#div-1 { width: 100%; margin: 10px auto; }
#div-2 { width: 100%; margin: 10px auto; }
#div-3 { width: 100%; margin: 10px auto; }
#alignment {
color: white;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 0;
float: none;
}
.smaller {
font-size: 20px;
}
.plan1 {
width: 80%;
clear: both;
float: none;
}
header {
padding: 3% 1% 0 1%;
}
header img {
width: 98%;
float: center;
}
#order {
width: 100%;
}
#callout {
color: #000;
}
#callout2 {
margin: 0 auto;
width: 90%
height: auto;
color: #000;
background-color: #08BFFF;
overflow: hidden;
padding: .5% 0 .5% 0;
}
#callout p {
text-align: center;
padding: 0 0 0 0;
}
nav {
width: 100%;
}
nav ul {
list-style: none;
}
nav ul li {
text-align: center;
width: 100%;
border-top: 1px solid #888888;
}
nav ul li a {
padding: 8px 0;
font-size: 14px;
}
.section {
float: left;
width: 100%;
margin: 0;
}
#black {color: white; text-shadow: 2px 2px 4px #000; }
.iframesize {
width: 1180px;
height: 860px;
float: left;
text-align: center;
padding: 20px;
-webkit-transform:scale(.3);
-webkit-transform-origin: 0 0;
-moz-transform-scale(.3);
-moz-transform-origin: 0 0;
-o-transform: scale(.3);
-o-transform-origin: 0 0;
-ms-zoom: .3;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="callout">
<p><b>1-403-995-9005</b></p>
</div>
<header>
<img src="images/noxwhitehead.png" />
</header>
<div id="order">
<nav>
<ul>
<li ><a href="index.html" >HOME</a></li>
<li ><a href="request.html" >PLANS</a></li>
<li ><a href="#" >BUSINESS</a></li>
<li ><a href="#" >EQUIPMENT</a></li>
<li ><a href="mailto:info@noxsecurity.com" >CONTACT</a></li>
<li ><a href="login.html" >LOGIN</a></li>
</ul>
</nav>
</div>
<div class="section3">
<iframe class="iframesize" frameborder="0" height="860px" width="1180px" src="http://qolsys.com/emulator/"></iframe>
</div>
<div class="section2" style="margin: 20px auto;">
<img src="images/white_owl.png" style="width: 60px;" />
<h3>Whooo's watching your home?</h3>
<img src="images/whiteleaf.png" style="width: 60px;"/>
</div>
<div style"width: 100%;">
<img style="margin-bottom: 20px;" src="images/banner.png">
</div>
<footer>
<div class="section">
<img src="images/noxhead.png" style="width: 70%;" />
<p id="callout2"><b>1-403-995-9005</b></p>
<p>100% Canadian Owned: Operated & Monitored<br>
<a href="mailto:info@noxsecurity.com">info@noxsecurity.com</a></p>
<p style="font-size: 14px;">
EMPLOYMENT & CAREER OPPORTUNITIES:<br>
Summer Sales<br>
Full Time Sales<br>
Installation Technicians (Training Available)
</p>
</div>
<div class="section">
<p>Connect With Us!</p>
<ul>
<li><a href="https://www.facebook.com/nox.inc/" target="new"><img src="images/facebook.png" /></a></li>
<li><a href="#" target="new"><img src="images/LinkedIn.png" /></a></li>
<li><a href="#" target="new"><img src="images/Twitter.png" /></a></li>
<li><a href="#" target="new"><img src="images/Google.png" /></a></li>
</ul>
</div>
<div class="section">
<p>Our Partners</p>
<ul>
<li><a href="http://www.bbb.org/calgary/business-reviews/security-control-equipment-sys-monitor/nox-security-in-okotoks-ab-88768" target="new"><img src="images/bbb_a+.jpg" /></a></li>
<li><img src="images/interlogix-logo.jpg" /></li>
<li><img src="images/ge-security.png" /></li>
<li><img src="images/renovationfind.png" /></li>
<li><img src="images/hikvision.png" /></li>
<li><img src="images/qolsys.png" /></li>
<li><img src="images/poweredby.png" style="width: 80%; height: auto;" /></li>
</ul>
</div>
</footer>
<footer class="base">
<div id="fill">
©Copyright - NOX Security 2016
</div>
</footer>
</div>
</body>
</html>