DIR : /home/kozerus/public_html/cropex/nav.html
/home/kozerus/public_html/cropex
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>cropex.us 20260726_0000</title>
<!-- Bootstrap -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<!-- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> -->
<script src="./js/html5shiv.min.js"></script>
<!-- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> -->
<script src="./js/respond.min.js"></script>
<![endif]-->
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}
#navbar {
position: fixed; /* Keeps the navbar fixed at the top */
top: 0;
width: 100%;
background-color: #333;
color: white;
padding: 15px;
z-index: 1000; /* Ensures it stays above other content */
}
.content {
padding-top: 60px; /* Adds space for the fixed navbar */
height: 2000px; /* Simulates a long page for scrolling */
background-color: #f9f9f9;
}
</style>
</head>
<body bgcolor=linen>
<nav class="navbar navbar-fixed-top">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item active">
<a class="nav-link" href="#home">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#demo">Demos</a>
</li>
<li class="nav-item">
<li class="nav-item">
<a class="nav-link" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resources">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contacts">Contacts</a>
</li>
</ul>
</nav>
<hr color=goldenrod>
<!--
<div id="navbar">
<a href="#" style="color: white; text-decoration: none;">Home</a>
<a href="#" style="color: white; text-decoration: none; margin-left: 20px;">About</a>
<a href="#" style="color: white; text-decoration: none; margin-left: 20px;">Services</a>
<a href="#" style="color: white; text-decoration: none; margin-left: 20px;">Contact</a>
</div>
-->
<!-- Navigation Menu Ends-->
<div id=div_content class="content">
<hr color=goldenrod>
<hr color=white>
<hr color=black>
<div id=div_head>
<center>
<!--
<h1>Scroll Down to See the Effect</h1>
<p>This is some content that will allow you to scroll down the page.</p>
-->
<!--
<div id="openModal" class="modalDialog"> <div>
<div class="close"><a href="#close" title="Close" >X</a></div>
-->
     
<a href=./> <img src=./cropex.png height=100 border=0> </a>
     
<!-- <h1><span class="text-muted">{</span> read Me <span class="text-muted">}</span></h1> -->
<h1>cropex.us</h1>
<hr color=white>
<dialog id="myDialog">
<form method="dialog">
<p>Are you sure you want to proceed?</p>
<p> ... </p>
<p> ... </p>
<p> ... </p>
<p> ... </p>
<table>
<tr>
<td width=100>cpanel</td>
<td width=100> </td>
<td width=200>vsp</td>
</tr>
<tr>
<td width=200>
<a href=http://ko2.us/cropex target=_blank> <img src=./cropex.png height=25> </a>
</td>
<td width=100> </td>
<td width=200>
<a href=http://173.244.60.209 target=_blank> <img src=./cropex.png height=25 border=0> </a>
</td>
</tr>
</table>
<p> ... </p>
<p> ... </p>
<p> ... </p>
<p> ... </p>
<p> ... </p>
<!--
<button value="yes">Yes</button>
<button value="no">No</button>
-->
<button value="no">x</button>
</form>
</dialog>
<button onclick="document.getElementById('myDialog').showModal();">
<h2>read me</h2>
</button>
<hr color=white>
<hr color=black>
<hr color=white>
<hr color=goldenrod>
<a href=https://cropex.us><img src=./imgs/btn/ko.png height=20 border=0></a>
<hr color=goldenrod>
<hr color=white>
<hr color=black>
<p>under active development</p>
<p>expect site turbulance</p>
<p>thank you for your patience</p>
<p>your cropex.us development team</p>
</div id=div_head_end>
<div id=div_body>
<h1>Simple Feature Demos</h1>
<center>
<table id=table_demo>
<tr id=tr_spacer1 height=10> </tr>
<tr id=tr1>
<td id=td_spacer11 width=10></td>
<td id=td11>
<hr color=black>
Authentication
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./img/pwd_protect-icon.png" alt="password protection" width="100">
</figure>
<div class="panel-heading"> <h3>Authentication</h3> </div>
<div class="panel-body">Password protected content<br>
<!-- user name: test, password: test123 -->
name: test, password: Test_12345...
</div>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('/protected/', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=600, height=400'); return false">Click Here »</a>
</div>
</td id=td11_end>
<td id=td_spacer12 width=10></td>
<td id=td12>
<hr color=black>
Blocked Content
<hr color=black>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./img/blocked_content-icon.png" alt="blocked content" width="100">
</figure>
<div class="panel-heading"> <h3>Blocked Content</h3> </div>
<div class="panel-body">Blocked area </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('/blocked/', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=600, height=400'); return false">Click Here »</a> </div>
</div>
</td id=td12_end>
<td id=td_spacer13 width=10></td>
<td id=td13>
<hr color=black>
File Upload
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./img/file_upload-icon.png" alt="file upload" width="100">
</figure>
<div class="panel-heading"> <h3>File Upload</h3> </div>
<div class="panel-body">Test file upload progress module </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('/upload.html', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td13_end>
</tr id=tr1_end>
<tr id=tr_spacer2 height=10> </tr>
<tr id=tr2>
<td id=td_spacer21 width=10></td>
<td id=td21>
<hr color=black>
Cropex
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./cropex.png" alt="cropex procurement" width="100">
</figure>
<div class="panel-heading"> <h3>Procurement</h3> </div>
<div class="panel-body" Procurement> </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('./cropex.html', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td21_end>
<td id=td_spacer22 width=10></td>
<td id=td22>
<hr color=black>
ko_Center
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./ko_center.png" alt="facilities" width="100">
</figure>
<div class="panel-heading"> <h3>Facilities</h3> </div>
<div class="panel-body" Terminal> </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('./ko_center.html', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td22_end>
<td id=td_spacer23 width=10></td>
<td id=td23>
<hr color=black>
Plans
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./imgs/tn_mp3.png" alt="plans" width="100">
</figure>
<div class="panel-heading"> <h3>Plans</h3> </div>
<div class="panel-body" mp3> </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('/plans.html', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td23_end>
</tr id=tr2_end>
<tr id=tr_spacer3 height=10> </tr>
<tr id=tr3>
<td id=td_spacer31 width=10></td>
<td id=td31>
<hr color=black>
Media
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./imgs/tn_mp4.png" alt="media" width="100">
</figure>
<div class="panel-heading"> <h3>Media</h3> </div>
<div class="panel-body" Zoom> </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('./media.html', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td31_end>
<td id=td_spacer32 width=10></td>
<td id=td32>
<hr color=black>
Pdf
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./imgs/tn_pdf.png" alt="pdf" width="100">
</figure>
<div class="panel-heading"> <h3>Pdf</h3> </div>
<div class="panel-body" Pdf> </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('./pdf', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td32_end>
<td id=td_spacer33 width=10></td>
<td id=td33>
<hr color=black>
Fun
<hr color=black>
<br>
<div class="panel panel-default">
<figure>
<img class="center-block img-responsive" src="./imgs/tn_fun.png" alt="fun" width="100">
<figure>
<div class="panel-heading"> <h3>Fun</h3> </div>
<div class="panel-body" Fun> </div>
<br>
<div class="text-center"><a class="btn btn-primary" role="button" onclick="window.open('./fun.html', 'myWin', 'toolbar=no, directories=no, location=no, status=yes, menubar=no, resizable=no, scrollbars=yes, width=875, height=650'); return false">Click Here »</a> </div>
</div>
</td id=td33_end>
</tr id=tr3_end>
</table id=table_demo_end>
</div id=div_body_end>
<hr color=black>
<hr color=white>
<hr color=goldenrod>
<hr color=white>
<hr color=black>
<div id=div_tail>
<center>
<a id=features></a>
<a id=resources></a>
<a id=news></a>
<a id=contacts></a>
<table id=table_tail>
<tr id=tr_tail1>
<td id_td_tail_spacer1 width=50> </td>
<td id=td_tail1>
<h1>Features</h1>
<a href=/features.html target=_blank><img src=./imgs/tn_features.png width=100 border=0| alt=features></a>
</td id=td_tail1_end>
<td id_td_tail_spacer2 width=50> </td>
<td id=td_tail2>
<h1>Resources</h1>
<a href=/resources.html target=_blank><img src=./imgs/tn_resources.png width=100 border=0| alt=resources></a>
</td id=td_tail2_end>
<td id_td_tail_spacer3 width=50> </td>
<td id=td_tail3>
<h1>News</h1>
<a href=/news.html target=_blank><img src=./imgs/tn_news.png width=100 border=0| alt=news></a>
</td id=td_tail3_end>
<td id_td_tail_spacer3 width=50> </td>
<td id=td_tail4>
<h1>Contacts</h1>
<a href=/contacts.html target=_blank><img src=./imgs/tn_contacts.png width=100 border=0| alt=ccontacts></a>
</td id=td_tail4_end>
</tr id=tr_tail_end>
</table id=table_tail_end>
</div id=div_body_tail>
<br>
<br>
<br>
<br>
<footer>
<img class="center-block img-responsive" src="./img/powered_by_ols-new.png" alt="power by openlitespeed">
<p class="pull-right"><a href="#">Back to top</a></p>
<div class="text-center copyright-center"><p>© 2020 LiteSpeed Technologies, Inc. All Rights Reserved.</p> </div>
<br>
</footer>
<center>
<hr color=black>
<hr color=white>
<a href=http://konet.org target=_blank> <img src=./ko.png height=20 border=0> </a>
<hr color=white>
<hr color=black>
</div id=div_content_end>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer