<!DOCTYPE html>

<html>
    <head>
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta charset="UTF-8">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link href="css/cropper.css" rel="stylesheet" type="text/css"/>
        <title>Verdnatura Photo</title>
        <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
        <script src="js/fastclick.js" type="application/javascript"></script>
    </head>
    <body class="blackground">
        <header>
            <div class="btnback"></div>
            <div class="btnsave"></div>

        </header>


        <div class="contentPhoto">
            <img id="photo" src="img/IMG_9861.png"/> 
        </div>

        <div class="menubtn">
            <div id="btn1" class="btnmin selected">3:2</div>
            <div id="btn2" class="btnmin">16:9</div>
            <div id="btn3" class="btnmin">1:1</div>
        </div>

        <div class="menu">
            <div class="btnlogout"></div>
            <img id="logo" src="img/logo.png" alt="verdnatura"/>
            <br>
       
            <div class="input">
                <img  src="img/article.png" alt="verdnatura"/>
                <input type="number" id="txtarticle" placeholder="ID ARTICULO" value=""/>
            </div>
           
            <!--<div class="btnbarcode">Scan</div>-->
           
            
            <div class="btn loginbtn" id="btntakepicture">
                ¡Vamos!
            </div>
        </div>
        
        <div class="loading">
            <div class="loadingcontent">
                <div class="sk-cube-grid">
                    <div class="sk-cube sk-cube1"></div>
                    <div class="sk-cube sk-cube2"></div>
                    <div class="sk-cube sk-cube3"></div>
                    <div class="sk-cube sk-cube4"></div>
                    <div class="sk-cube sk-cube5"></div>
                    <div class="sk-cube sk-cube6"></div>
                    <div class="sk-cube sk-cube7"></div>
                    <div class="sk-cube sk-cube8"></div>
                    <div class="sk-cube sk-cube9"></div>
                </div>
            </div>
        </div>




        



        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/phonegap-plugin-barcodescanner/www/barcodescanner.js" type="text/javascript"></script>


        <script type="text/javascript" src="plugins/cordova-plugin-camera/www/Camera.js"></script>
        <script type="text/javascript" src="plugins/cordova-plugin-camera/www/CameraConstants.js"></script>
        <script type="text/javascript" src="plugins/cordova-plugin-camera/www/CameraPopoverOptions.js"></script>
        <script type="text/javascript" src="plugins/cordova-plugin-camera/www/ios/CameraPopoverHandle.js"></script>

        <script src="js/cropper.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/index.js"></script>


    </body>
</html>