/home/henzagold/landing/ Current File: //home/henzagold/landing/index.html
<!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">
   <!-- <link href="style.css">-->
    <title>هنزاگلد</title>
    <style>
        body{
           /* background-image: url("img/Henza_banner.jpg");*/
            background-color: rgb(255, 255, 255);
            visibility: visible;
            top: auto;
            left: auto;
            transform-origin: 0px 0px;
            position: relative;
            background-image: url("img/Henza_banner.jpg");
            background-size: cover;
            background-attachment: fixed;
            background-position: 60% 50%;
        }

        .btn:hover{
            opacity: 0.3;
        }



        /* Smartphones (portrait and landscape) ----------- */
        @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

        }

        /* Smartphones (landscape) ----------- */
        @media only screen and (min-width : 321px) {
            /* Styles */

        }

        /* Smartphones (portrait) ----------- */
        @media only screen and (max-width : 320px) {
            .logo{
                width: 95px !important;
                height: 50px !important;
                margin-left:15px !important;
                margin-top:15% !important;

            }
            .btn{
                width: 120px !important;
                /*height: 150px;*/
                object-fit: scale-down;
                display: block;
                margin-left: unset !important;
                margin-top:20px !important;
                /*margin-left: 10px;*/
            }
            .btn_android{

            }
            .btn_ios{
                margin-top: 10px;
            }
        }

        /*// Extra small devices (portrait phones, less than 576px)*/
        @media (max-width: 575.98px) {
            .logo{
                width: 110px;
                height: 170px;
                margin-left:20px;
                margin-top:5%;
                /*display: none;*/
            }
            .btn{
                width: 150px;
                /*height: 150px;*/
                object-fit: scale-down;
                display: block;
                /*margin-left: 3px;*/
            }
            .btn_android{

            }
            .btn_ios{
                margin-top: 10px;
            }
        }

        /*// Small devices (landscape phones, 576px and up)*/
        @media (min-width: 576px) and (max-width: 767.98px) {
            /*.logo{
                width: 170px;
                height: 170px;
                margin-right:10px;
                margin-top:40%;
            }
            .btn{
                width: 150px;
                !*height: 150px;*!
                object-fit: scale-down;
                display: block;
            }
            .btn_android{

            }
            .btn_ios{
                margin-top: 10px;
            }*/
        }

        /*// Medium devices (tablets, 768px and up)*/
        @media (min-width: 768px) and (max-width: 991.98px) {
            .logo{
                width: 195px;
                height: 200px;
                margin-left:10%;
                /*margin-top:2%;*/
            }
            .btn{
                width: 250px;
                /*height: 150px;*/
                object-fit: scale-down;
                display: block;
                margin-left: 7%;
            }
            .btn_android{

            }
            .btn_ios{
                margin-top: 10px;
            }
        }

        /*// Large devices (desktops, 992px and up)*/
        @media (min-width: 992px) and (max-width: 1199.98px) {
            .logo{
                width: 280px;
                height: 250px;
                margin-left:7%;
                margin-top:3%;
            }
            .btn{
                width: 350px;
                /*height: 150px;*/
                object-fit: scale-down;
                display: block;
                margin-left: 3%;
                margin-top: 3%;
            }
            .btn_android{

            }
            .btn_ios{
                margin-top: 10px;
            }
        }

        /*// Extra large devices (large desktops, 1200px and up)*/
        @media (min-width: 1200px) {
            .logo{
                width: 280px;
                height: 300px;
                margin-left:15%;
                /*margin-top:1%;*/
            }
            .btn{
                width: 450px;
                /*height: 150px;*/
                object-fit: scale-down;
                display: block;
                margin-left: 10%;
            }
            .btn_android{

            }
            .btn_ios{
                margin-top: 10px;
                /*margin-top: 10px;*/
            }
        }


    </style>
</head>
<body>
        <img class="logo" src="img/logo.svg" />
        <a href="https://henzagold.com/download/henza.apk" title="دانلود اپلیکشن android (اندروید) هنزاگلد">
            <img class="btn btn_android" src="img/android.png" title="دانلود اپلیکشن android (اندروید) هنزاگلد">
        </a>
        <a href="https://sibapp.com/applications/HenzaGold" title="دانلود اپلیکشن ios هنزاگلد">
            <img class="btn btn_ios" src="img/ios.png" title="دانلود اپلیکشن ios هنزاگلد">
        </a>
        <script>
            // Import the functions you need from the SDKs you need
            import { initializeApp } from "https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js";
            import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.0.2/firebase-analytics.js";
            // TODO: Add SDKs for Firebase products that you want to use
            // https://firebase.google.com/docs/web/setup#available-libraries

            // Your web app's Firebase configuration
            // For Firebase JS SDK v7.20.0 and later, measurementId is optional
            const firebaseConfig = {
                apiKey: "AIzaSyDCyHlmR6-aLoqbspmhhRafXVh_LDawcE0",
                authDomain: "henza-14f7d.firebaseapp.com",
                projectId: "henza-14f7d",
                storageBucket: "henza-14f7d.appspot.com",
                messagingSenderId: "464066939468",
                appId: "1:464066939468:web:5b49029ccb7a59786282e9",
                measurementId: "G-BPW6SH8LY5"
            };

            // Initialize Firebase
            const app = initializeApp(firebaseConfig);
            const analytics = getAnalytics(app);
        </script>
</body>
</html>