<!DOCTYPE html>
<html lang="en">
<head>
    <title>Download App & Get Rs9999</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta charset="UTF-8"/>
    <meta property="og:type" content="website"/>
    <link rel="icon" href="data:,">
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            font-family: PingFang SC;
            padding: 0;
            margin: 0;
            background: linear-gradient(45deg, #33256C, #4D37A5);
        }

        .landscape {
            min-width: 1200px;
            width: 100%;
            height: 680vh;
            background-image: url(https://d1jark0zl1cm7c.cloudfront.net/sharepkcode.jpg);
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
        }


        .portrait {
            width: 100vw;
        }
        .portrait .bg-p {
            width: 100vw;
            height: 480vw;
        }
        .portrait .bg-img-p {
            width: 100%;
            height: 480vw;
            background-image: url(https://d1jark0zl1cm7c.cloudfront.net/sharepkcode.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
        }

        @media (orientation: landscape) {
            .portrait {
                display: none;
            }
        }
        @media (orientation: portrait) {
            .landscape {
                display: none;
            }
        }

    </style>

</head>

<body onload="load()">

<div class="landscape" onclick="init()">

</div>
<div class="portrait">
    <div class="bg-p">
        <div class="bg-img-p" onclick="init()"></div>
    </div>
</div>

</body>

<script>
    function load() {
        if (window.navigator && window.navigator.userAgent && window.navigator.userAgent.indexOf('iPhone') >= 0) {
            console.log('The App is only available on Android devices!');
        } else {
            window.location.href = "";
        }
    }

    function init() {
        if (window.navigator && window.navigator.userAgent && window.navigator.userAgent.indexOf('iPhone') >= 0) {
            alert('The App is only available on Android devices!');
        } else {
            window.location.href = "";
        }
    }

</script>

</html>
