<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Demo - Billar</title>
    <link rel="shortcut icon" href="http://billar.gainhq.com/images/icon.png"/>
    <link rel="apple-touch-icon" href="http://billar.gainhq.com/images/icon.png"/>
    <link rel="apple-touch-icon-precomposed" href="http://billar.gainhq.com/images/icon.png"/>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <style>
        body {
            background: #062148;
        }

        main {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .demo-btn {
            background: #329af7;
            color: #ffffff;

        }

        .logo-container {
            margin-bottom: 30px;
            width: 40%;
            margin-left: 30%;
        }

        .demo-btn-container {
            display: flex;
            flex-direction: column;
            border-radius: 5px !important;
            background: #37529e;
            padding: 10PX 10PX;
        }
    </style>

</head>

<body>
<main>
    <div class="logo-container">
        <img src="http://billar.gainhq.com/images/logo.png" class="img-fluid" alt="billar-logo">
    </div>
    <div class="demo-btn-container">
        <a class="btn btn-default demo-btn" href="https://billar.gainhq.com/" target="new">Click to view demo</a>
    </div>
</main>


<!-- JavaScript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
</body>
</html>
