Rami’s Float test
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://wqdatalive.com" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>WQData LIVE</title>
<link rel="shortcut icon" href="/favicon.ico" />
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href="/css/compiled/bootstrap-old.css?ver=20201110.0" rel="stylesheet" type="text/css">
<link href="/css/compiled/main-lib.css?ver=20201110.0" rel="stylesheet" type="text/css">
<link href="/css/compiled/main.css?ver=20220121.0" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/compiled/jquery.js?ver=20201110.0"></script>
<script type="text/javascript">
// handle jQuery plugin naming conflict between jQuery UI and Bootstrap
$.widget.bridge('uibutton', $.ui.button);
$.widget.bridge('uitooltip', $.ui.tooltip);
</script>
<script type="text/javascript" src="/js/compiled/bootstrap-old.js?ver=20201110.0"></script>
<script type="text/javascript" src="/js/compiled/main-lib.js?ver=20201110.0"></script>
<script type="text/javascript">
$.widget.bridge('button', $.ui.button);
</script>
</head>
<body>
<div class="wrap" style="min-height: calc(100vh - 260px)">
<header id="page-header">
<div class="tile-row">
<div class="tile width100 background-clear align-center">
<a href="/"><img id="page-logo" src="img/wqdata_logo_blue.png"></a>
</div>
</div>
</header>
<div id="page-content">
<div>
<form id="login-page" action="/login_check" method="post">
<input type="hidden" name="_csrf_token" value="" />
<div class="tile-row">
<div class="tile width100 background-clear align-center">
<input type="text" id="username" class="signin-input" name="_username" value="" placeholder="Email" />
</div>
</div>
<div class="tile-row">
<div class="tile width100 background-clear align-center">
<input type="password" id="password" class="signin-input" name="_password" placeholder="Password" />
<br>
<div class="extra-links signin-input">
<div class="pull-left">
<input type="checkbox" id="remember_me" name="_remember_me" checked="checked" value="on" />
<label for="remember_me">Remember me</label>
</div>
<div class="pull-right">
<a href="/resetting/request">Forgot password?</a>
</div>
</div>
</div>
</div>
<div class="tile-row">
<div class="tile width100 background-clear align-center">
<input class="ghost-button signin-input" type="submit" id="_submit" name="_submit" value="SIGN IN" />
<br><br>
<span>New to WQData LIVE? <a href="/getting-started">Create an Account</a></span>
<br>
<span>Don't see email confirmation? <a href="/account-confirmation">Send Email Confirmation</a></span>
</div>
</div>
</form>
</div>
</div>
</div>
<footer id="page-footer" class="signin-footer">
<div class="tile-row">
<div id="signin-footer-links" class="tile width100 background-white align-center no-padding">
<a href="/privacy">Privacy Policy</a>
<a href="https://www.nexsens.com/knowledge-base-v2/software/wqdatalive" target="_blank">Help</a>
<a href="/contact-us">Contact Us</a>
</div>
</div>
<div class="tile-row">
<div id="signin-footer-copyright" class="tile width100 background-white align-center no-padding">
<span>© 2020 NexSens Technology, Inc.</span>
</div>
</div>
</footer>
</body>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BM4K9ZTCQT"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BM4K9ZTCQT');
</script>
<script type="text/javascript">
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
$(document).ready(function() {
$(document).ajaxError(function (event, jqXHR) {
if (403 === jqXHR.status) {
window.location.reload();
}
});
});
var graphColors = [
"#0866AB", // Blue
"#50B748", // Green
"#F79425", // Orange
"#E90D8B", // Magenta
"#88D1D9", // Teal
"#7F488D", // Violet
"#F1C232", // Yellow
"#CB2027" // Red
];
$(document).on('click', '.sign-link', function()
{
if($(this).next('.account-links-wrapper').children('.account-links').is(':visible'))
{
$(this).next('.account-links-wrapper').children('.account-links').slideUp(100);
}
else
{
$(this).next('.account-links-wrapper').children('.account-links').slideDown(200);
}
});
$(document).on('mouseenter', '.sign-link', function()
{
$(this).next('.account-links-wrapper').children('.account-links').slideDown(200);
});
$(document).on('mouseleave', '.account-links-wrapper', function()
{
$(this).children('.account-links').slideUp(100);
});
</script>
</html>
