I developing on this, but not tested live now.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
<title>Log-in - Internet Hotspot</title>
<!-- <link rel="stylesheet" href="mikrotikstyle.css" media="screen" type="text/css" /> -->
<link rel="stylesheet" href="css/uikit.active.css">
<link rel="stylesheet" href="css/custom.css">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/uikit.min.js"></script>
</head>
<body class="uk-height-1-1">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
height="0" width="0"> <defs> <filter
id="blur" x="0" y="0"> <fegaussianblur
stddeviation="3"> </fegaussianblur> </filter>
</defs> $(if chap-id) </svg>
<form name="sendin" action="$(link-login-only)"
method="post"> <input name="username"
type="hidden"> <input name="password"
type="hidden"> <input name="dst"
value="$(link-orig)" type="hidden"> <input
name="popup" value="true" type="hidden"> </form>
<script type="text/javascript" src="/md5.js"></script>
<script type="text/javascript">
<!--
function doLogin() {
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
document.sendin.submit();
return false;
}
//-->
</script>$(endif)
<!--<div class="background"></div>
<div class="poweredby"></div>
<div class="body"> -->
<div class="topspacer"></div>
<div class="uk-vertical-align uk-text-center uk-height-1-1"><!-- Open Display Panel -->
<div class="uk-vertical-align-middle" style="width: 320px;">
<!-- Set the column width here -->
<div class="uk-container-center">
<div class="uk-panel uk-panel-divider"> </div>
<!-- Logo Panel and Welcome Text -->
<div class="uk-panel-box uk-panel-box-secondary"> <span> </span>
<div class="uk-panel-teaser"> <br>
<p><img src="./images/emerald_logo.png"
alt=""> </p>
</div>
<h3 class="uk-panel-title">Welcome to our <br>
FREE <i class="uk-icon-signal"></i> Wi-Fi Service!</h3>
</div>
<!-- Close Logo Panel -->
<div class="uk-panel uk-panel-divider"> </div>
<!-- Terms of Use Panel -->
<div class="uk-panel-box uk-panel-box-secondary">
<h3 class="uk-panel-title"><i class="uk-icon-legal"></i>
Terms of Use</h3>
<p>By proceeding, you confirm you have read, understand and
accept the <a href="#termsmodal" data-uk-modal=""></a><a
href="#my-id" data-uk-modal=""><br>
Terms of Use</a></p>
<!-- This is the modal -->
<div id="my-id" class="uk-modal">
<div class="uk-modal-dialog"> <a
class="uk-modal-close uk-close"></a>
<h3>Terms of Use and Privacy Notice</h3>
<span> Welcome to the Emerald Internet access
service (the "Service"). The Service is being provided by a third party
service provider at the Hotel ("VENDOR") in conjunction with The
Emerald Cove Koh Chang. As a condition of accessing this Service, you
must agree to the following terms and conditions of use ("Terms of
Use"). If you do not agree to the Terms of Use you may not access or
use the Service. Your use of the Service indicates your acceptance of
these Terms of Use.
<p></p>
<h3>No Editorial Control</h3>
<br>
The Companies do not review or exercise any editorial control over the
content or materials made available over the Internet by third parties,
including without limitation any electronic mail transmissions,
newsgroups, or the like. However, we may remove, block, filter, or
restrict by any other means any materials that, in the Companies’ sole
discretion, may be illegal, may subject the Companies to liability, or
may violate these Terms of Use. The Companies may cooperate with legal
authorities and/or third parties in the investigation of any suspected
or alleged crime or civil wrong. Violation of these Terms of Use may
result in the suspension or termination of access to the Service.
<p></p>
<h3>Security</h3>
<br>
You expressly acknowledge and agree that there are significant
security, privacy and confidentiality risks inherent in accessing or
transmitting information through the Internet, whether the connection
to the Internet is facilitated through wired or wireless technology.
These security issues range from interception of transmissions, loss of
data, or the introduction of viruses or other programs that can damage
your computer or network.
<p>ACCORDINGLY, YOU AGREE THAT THE COMPANIES SHALL NOT BE LIABLE
FOR ANY INTERCEPTION OF TRANSMISSIONS, LOSS OF DATA, FILE CORRUPTION,
HACKING OR DAMAGE TO YOUR COMPUTER OR NETWORK THAT RESULTS FROM THE
TRANSMISSION OR DOWNLOAD OF INFORMATION OR MATERIALS THROUGH THE
SERVICE.</p>
<p></p>
<h3>Restrictions on Use</h3>
<br>
You agree to not use the Service to:<br>
(a) transmit any material that is unlawful, threatening, abusive,
harassing, tortious, defamatory, obscene, libelous, invasive of
another’s privacy, racially, ethnically or otherwise objectionable;<br>
(b) harm, or attempt to harm, minors in any way;<br>
(c) impersonate any person or entity or falsely state or otherwise
misrepresent your affiliation with a person or entity; forge headers or
otherwise manipulate identifiers in order to disguise the origin of any
material transmitted through the Service;<br>
(d) transmit any material that you do not have a right to make
available under any law;<br>
(e) transmit any material that infringes any patent, trademark, trade
secret, copyright or other proprietary rights of any party;<br>
(f) transmit any unsolicited or unauthorized advertising, promotional
materials, "junk mail," "spam," "chain letters," "pyramid schemes" or
any other form of solicitation;<br>
(g) transmit any material that contains software viruses or any other
computer code, files or programs designed to interrupt, destroy or
limit the functionality of any computer software or hardware or
telecommunications equipment; or<br>
(h) use the Services for excessively high volume data transfers.
<p></p>
<h3>Disclaimer of Warranties</h3>
<p>THE MATERIALS AVAILABLE THROUGH THE SERVICE AND THROUGH ANY
THIRD PARTY ARE PROVIDED ON AN "AS IS" AND "AS AVAILABLE" BASIS AND
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND EITHER EXPRESS OR IMPLIED.<br>
THE COMPANIES MAKE NO WARRANTY OR REPRESENTATION AS TO THE ACCURACY,
CURRENCY, COMPLETENESS, RELIABILITY OR USEFULNESS OF INFORMATION
DISTRIBUTED THROUGH THE SERVICE. TO THE FULLEST EXTENT PERMITTED BY
APPLICABLE LAW, THE COMPANIES EXPRESSLY DISCLAIM ALL WARRANTIES AND
CONDITIONS OF ANY KIND, WHETHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT
LIMITED TO, IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
PARTICULAR PURPOSE.</p>
<p>THE COMPANIES MAKE NO WARRANTY THAT THE SERVICE WILL BE
UNINTERRUPTED, TIMELY, SECURE, OR ERROR FREE, OR THAT SOFTWARE DEFECTS
WILL BE CORRECTED OR THAT THIS SITE OR THE SERVER THAT MAKES IT
AVAILABLE IS FREE OF VIRUSES OR OTHER HARMFUL COMPONENTS.<br>
THE COMPANIES MAKE NO WARRANTY REGARDING ANY GOODS OR SERVICES OR THE
DELIVERY OF ANY GOODS OR SERVICES PURCHASED OR OBTAINED THROUGH OR FROM
THE SERVICE OR ADVERTISED THROUGH THE SERVICE, OR REGARDING ANY
TRANSACTIONS ENTERED INTO THROUGH THE SERVICE. NO ADVICE OR
INFORMATION, WHETHER ORAL OR WRITTEN, OBTAINED BY YOU VIA THE SERVICE
SHALL CREATE ANY WARRANTY NOT EXPRESSLY STATED HEREIN.</p>
<p></p>
<h3>Limitation of Liability</h3>
<p>TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW, UNDER NO
CIRCUMSTANCES, INCLUDING, BUT NOT LIMITED TO, NEGLIGENCE, SHALL THE
COMPANIES BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL OR
CONSEQUENTIAL DAMAGES, INCLUDING BUT NOT LIMITED TO, DAMAGES FOR LOSS
OF PROFITS, USE, DATA OR OTHER INTANGIBLES, EVEN IF THE COMPANIES HAVE
BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES, THAT RESULT FROM THE
USE OR THE INABILITY TO USE THE SERVICE, FROM ANY CHANGES TO THE
SERVICE, OR FROM UNAUTHORIZED ACCESS TO OR ALTERATION OF YOUR
TRANSMISSIONS OR DATA.</p>
<p>YOU SPECIFICALLY AGREE THAT THE COMPANIES ARE NOT RESPONSIBLE
OR LIABLE TO YOU OR ANYONE ELSE FOR ANY THREATENING, DEFAMATORY,
OBSCENE, OFFENSIVE, TORTIOUS, OR ILLEGAL CONDUCT OF YOURS OR OF ANY
OTHER PARTY OR ANY INFRINGEMENT OF ANOTHER’S RIGHTS, INCLUDING
INTELLECTUAL PROPERTY RIGHTS, ARISING ON, FROM, OR IN CONNECTION WITH
THE SERVICE. YOU ARE SOLELY RESPONSIBLE FOR YOUR OWN CONDUCT IN USING
THIS SERVICE, AND WILL INDEMNIFY AND HOLD HARMLESS THE COMPANIES FROM
ANY CLAIMS, LIABILITY, DAMAGES OR COSTS THAT RESULT FROM YOUR CONDUCT
IN USING THIS SERVICE.</p>
<p>IF YOU ARE DISSATISFIED WITH THE SERVICE, THE MATERIALS
AVAILABLE ON OR THROUGH THE SERVICE, OR WITH ANY PROVISIONS IN THIS
LEGAL NOTICE, YOUR SOLE AND EXCLUSIVE REMEDY IS TO DISCONTINUE USING
THE SERVICE.</p>
<p></p>
<h3>Privacy</h3>
<p>The Companies respect the privacy of all users of the Service
at The Emerald hotel. The Service does not correlate the
user of this service with the sites visited. We do record the room
number of the user for billing purposes. The record of a specific name
associated with that room number is stored in a separate database to
protect the privacy of the user. A log of all Service usage activity is
maintained for system performance and maintenance purposes and system
security requirements. At some hotels we provide the ability for a
Service user to print a document or web pages while using the Service.
While we take reasonable measures to secure the printer, because it is
a shared printer we cannot ensure others may not see a document you
print. The Companies will only disclose usage information without your
permission when required by law, or in good faith belief that such
action is necessary to investigate or protect against harmful
activities to Emerald Cove Koh Chang guests, visitors, associates, or
property (including this Service), or to others. If you should have any
privacy related questions or concerns please send an e-mail to
admin@emeraldxx.com </p>
</span> </div>
</div>
<form name="login" action="$(link-login-only)"
method="post" $(if="" chap-id=""
onsubmit="return doLogin()" $(endif=""> <input
name="username" value="guest" type="hidden"> <input
name="password" value="password" type="hidden">
<input value="LOG IN"
class="uk-button-large uk-button-primary uk-width-1-1"
type="submit"><br>
</form>
</div>
<!-- Close Terms of Use Panel --><!-- <div class="formback">
<form name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()" $(endif)>
<img class="customerlogo" src="./images/emerald_logo.png"><br>
Please enter your voucher details.<br>
Ask your waiter about vouchers.<br><br>
<input type="hidden" name="username" value="guest" />
<input type="hidden" name="password" value="password" />
<input type="submit" value="LOG IN"><br>
</form> --> </div>
</div>
</div>
<div class="uk-panel uk-panel-divider"> </div>
<!-- Bottom Panel -->
<div class="uk-panel-box uk-panel-box-secondary">
<div class="bottom"><img
src="./images/banner_bottom.png" width="660">
</div>
</div>
<!-- Bottom Panel Ende -->
<div class="footer"></div>
</body>
</html>