<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/css?family=Shojumaru" rel="stylesheet">
        <style>
            .container-fluid {
                margin-left: inherit;
            }
            .vertical-center {
                min-height: 100%; /* Fallback for browsers do NOT support vh unit */
                min-height: 100vh; /* These two lines are counted as one :-)       */
                background-color: transparent;
                display: flex;
                align-items: start;
            }

            body {
                /*
                    font-family: 'Shojumaru', cursive;

                background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
                background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
                background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%);
                background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
                    background-image: linear-gradient(to right, #f9d423 0%, #f9d423 100%);
                background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
                background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
                background-image: linear-gradient(to right, #A445B2 0%, #D41872 52%, #FF0066 100%);
                    background-image: linear-gradient(to right, #ffffff 0%, #d4d4d4 30%, #d2d2d2 70%, #ffffff 100%);
                background-image: linear-gradient(to right, #ffffff 0%, #eae7e7 30%, #eae7e7 70%, #ffffff 100%);
                    */

            }

            #logo {
                width: 90px;
                border-radius: 10px;
                float: left;
                margin-right: 15px;
            }

            .store-btn {
                width: 140px;
            }
        </style>
        <title>AdsVlog - Mobile Apps and Games</title>
    </head>
    <body>
        <div class="container-fluid" style="max-width: 540px;">
            <div class="row py-3">
                <div class="col">
<!--                    <img id="logo" src="https://sababa.xyz/images/sababa.png">-->
                    <h3>AdsVlog</h3>
                    <p>Mobile Apps and Games</p>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <h4>Mobile Apps</h4>
                    <h5>Video SEO</h5>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <a href="https://play.google.com/store/apps/details?id=com.adsvlog.videoseo">
                        <img id="android" class="store-btn" src="https://sababa.xyz/images/google_play.png">
                    </a>
                    <a href="https://apps.apple.com/il/app/video-seo-optimize-analytics/id6449912656">
                        <img class="store-btn" src="https://sababa.xyz/images/play_store.png">
                    </a>
                </div>
            </div>
            <br/>
            <div class="row">
                <div class="col">
                    <h4>Mobile Games</h4>
                    <h5>Ever Dash</h5>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <!--          <a href="https://play.google.com/store/apps/details?id=com.adsvlog.videoseo">-->
                    <!--            <img id="android" class="store-btn" src="https://sababa.xyz/images/google_play.png">-->
                    <!--          </a>-->
                    <a href="https://apps.apple.com/il/app/ever-dash/id6451211419">
                        <img class="store-btn" src="https://sababa.xyz/images/play_store.png">
                    </a>
                </div>
            </div>
            <br/>
            <div>
                <p>
                    <a href="https://adsvlog.com/support/index.html">Support</a>
                </p>
                <p>
                    <a href="https://adsvlog.com/documents/privacy_policy.html">Privacy policy</a>
                </p>
                <p>
                    <a href="https://adsvlog.com/documents/terms_and_conditions.html">Therms and conditions</a>
                </p>
            </div>
        </div>
        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
                integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
                crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
                integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
                crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
                integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
                crossorigin="anonymous"></script>
    </body>
</html>
