<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">

<head>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>FaceOnLive OpenKYC</title>
    <link rel="shortcut icon" href="/static/img/favicon.ico">

    <!-- material icons -->
    <link
        href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
        rel="stylesheet">
    <!-- Font Awesome -->
    <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="/static/vendor/mdbootstrap/bootstrap.min.css" rel="stylesheet">
    <!-- Material Design Bootstrap -->
    <link href="/static/vendor/mdbootstrap/mdb.min.css" rel="stylesheet">
    <!-- other css library based on page -->

    <!-- global css -->
    <link href="/static/ui/scss/bundle.min.css" rel="stylesheet">
    <!-- css based on page -->
    <link rel="stylesheet" href="/static/ui/scss/ocr_type.css">


</head>

<body>

    <div class="wrapper">


        <!-- Page Loader -->
        <div class="loader">
            <div class="spinner-border" role="status">
                <span class="sr-only"></span>
            </div>
        </div>
        <!-- Header -->
        <header>

            <div class="header-left">
                <div class="container">

                </div>
            </div>
            <div class="header-middle">
                <div class="container">

                </div>
            </div>
            <div class="header-right">
                <div class="container">

                </div>
            </div>

        </header>
        <!-- Content -->
        <main>


            <form method="post" id="form-intro" autocomplete="off">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                <div class="row page-header">
                    <div class="col-lg-12 text-center">
                        OpenKYC Introduction
                    </div>
                </div>
                <div class="row page-subheader">
                    <div class="col-12">
                        <div class="default-container">
                            <p class="mb-0">
                                <h5>Contributions welcome on <a href="https://github.com/FaceOnLive/OpenKYC" target="_blank" rel="noopener noreferrer">Github.</a><br/>
                                Join our <a href="https://join.slack.com/t/faceonlive/shared_invite/zt-2drx19c5t-vQsR4TUGPD8oL7i7BXdKZA" target="_blank" rel="noopener noreferrer">Slack</a> to discuss and get support.</h5>
                            </p>
                            <p class="mb-0">
                                <h5>Steps to setup project (using Free FaceOnLive RapidAPIs)</h5>
                            </p>
                            <ol class="mb-0 pl-3">
                                <li>Please subscribe following 3 RapidAPIs(Free) and get X-RapidAPI-Key there.<br/>
                                    <a href="https://rapidapi.com/faceonlive-inc-faceonlive-inc-default/api/id-document-recognition2/" target="_blank" rel="noopener noreferrer">ID Document Recognition</a><br/>
                                    <a href="https://rapidapi.com/faceonlive-inc-faceonlive-inc-default/api/face-liveness-detection3/" target="_blank" rel="noopener noreferrer">Face Liveness Detection</a><br/>
                                    <a href="https://rapidapi.com/faceonlive-inc-faceonlive-inc-default/api/face-recognition26/" target="_blank" rel="noopener noreferrer">Face Recognition</a>
                                </li>
                                <li>Set X-RapidAPI-Key as environment variable named API_KEY.</li>
                                <li>Install python packages from requirements.txt and run "python app.py".</li>
                            </ol>
                            <br/>
                            <p class="mb-0">
                                <h5><a href="mailto:contact@faceonlive.com">Contact us</a> for On-Premise deployment</h5>
                            </p>
                            <p class="mb-0">
                                <h5>This project is community project supported by <a href="https://faceonlive.com" target="_blank" rel="noopener noreferrer">FaceOnLive</a>.</h5>
                            </p>
                            <br/>
                            <p class="mb-0">
                                <h6>* For security and privacy, kindly refrain from uploading sensitive information on this platform.</h6>
                            </p>
                            <a href="https://visitorbadge.io/status?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2FFaceOnLive%2FOpenKYC"><img src="https://api.visitorbadge.io/api/combined?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2FFaceOnLive%2FOpenKYC&labelColor=%23f47373&countColor=%2337d67a&style=flat&labelStyle=upper" /></a>
                        </div>
                    </div>
                </div>
                <div class="row page-content">
                    <div class="col-lg-12">
                    </div>
                </div>
                <div class="row page-footer">
                    <div class="col-6">
                        <a href="https://faceonlive.com" class="btn btn-outline-primary btn-side px-3" target="_blank" rel="noopener noreferrer">Learn More</a>
                    </div>
                    <div class="col-6">
                        <a href="/id_type/" class="btn btn-primary btn-side px-3">Start</a>
                    </div>                    
                </div>
            </form>

        </main>
        <!-- Footer -->
        <footer>

            <div class="container powered">
                <img src="/static/img/faceonlive.png" width="42" />&emsp;
                <div>
                    <span class="text-c-neutral">Powered by</span><br />
                    <a href="https://www.faceonlive.com" target="_blank" rel="noopener noreferrer">FaceOnLive</a>
                </div>
            </div>

        </footer>

        <!-- Error Modal -->


    </div>
    <!-- django js translation -->
    <script type="text/javascript" src="/static/jsi18n.js"></script>
    <!-- data js -->


    <!-- JQuery -->
    <script type="text/javascript" src="/static/vendor/mdbootstrap/jquery.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="/static/vendor/mdbootstrap/popper.min.js"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="/static/vendor/mdbootstrap/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="/static/vendor/mdbootstrap/mdb.min.js"></script>
    <!-- other js library based on page -->


    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

    <!-- global js -->
    <script type="text/javascript" src="/static/ui/js/base.js"></script>
    <!-- js based on page -->
    <script type="text/javascript" src="/static/ui/js/ocr_type.js"></script>
</body>

</html>