<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>ACWA Connect</title>
        <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
        <link rel="manifest" href="/favicons/site.webmanifest">

        <link href="http://fonts.cdnfonts.com/css/open-sans" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

        <style type="text/css">
            body{
                font-family: 'Open Sans', sans-serif;
                background-color: #FAFCFD;
            }

            .edro-h1{
                color: #112D46;
                font-size: 20px;
                font-weight: 600;
            }


            .edro-p{
                color: #788898;
                font-size: 14px;
                font-weight: 400;
            }

            .edro-a {
                border: 1px solid #F39200;
                background-color: #F39200;
                color: white;
                text-decoration: none!important;
                display: inline-block;
                padding: 10px 30px;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 600;
                opacity:1;

                -webkit-transition: opacity 0.4s ease-in-out;
                -moz-transition: opacity 0.4s ease-in-out;
                transition: opacity 0.4s ease-in-out;
            }

            .edro-a:hover{
                opacity:0.5;
                color: white!important;
                background-color: #F39200!important;
                text-decoration: none!important;
            }


            .edro-ab {
                background-color: transparent;
                color: #F39200;
                border: 1px solid #F39200;
                text-decoration: none!important;
                display: inline-block;
                padding: 10px 30px;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 600;
                opacity: 1;
                -webkit-transition: opacity 0.4s ease-in-out;
                -moz-transition: opacity 0.4s ease-in-out;
                transition: opacity 0.4s ease-in-out;
            }

            .edro-ab:hover{
                opacity:0.5;
                background-color: transparent!important;
                color: #F39200!important;
                text-decoration: none!important;
            }

            .edro-ac {
                color: #F39200;
                text-decoration: none!important;
                font-size: 14px;
                opacity: 1;
                -webkit-transition: opacity 0.4s ease-in-out;
                -moz-transition: opacity 0.4s ease-in-out;
                transition: opacity 0.4s ease-in-out;
            }

            .edro-ac:hover{
                opacity:0.5;
                color: #F39200!important;
                text-decoration: none!important;
            }
        </style>

                            
        
                    
            </head>
    <body>
            <div style="position:fixed;top:0;left:0;right:0;bottom:0;">
        <div class="row h-100 justify-content-center align-items-center">
            <div class="col text-center" style="width:95%; max-width:300px">
                <img src="/png/LogoACWA.png" style="width: 150px;" class="my-3">

                <br>

                <p class="edro-p my-3">Download the application from your phone to continue.</p>

                <div class="col-12 text-center">
                    <a href="https://itunes.apple.com/fr/app/id6459365377?mt=8"><img src="/png/AppStore.png" height="50"></a>
                </div>
                <div class="col-12 text-center pt-3">
                    <a href="https://play.google.com/store/apps/details?id=fr.acwa.connect"><img src="/png/GooglePlay.png" height="50"></a>
                </div>

            </div>
        </div>
    </div>
    </body>
</html>
