    <div class="container">
        <div class="text-center" style="padding: 40px;">
            <img src="<?php echo base_url();?>assets/img/faceCenter.png" style="width: 100%;">
        </div>

        <div class="text-center mt-4">
            <button type="button" class="btn btn-primary waves-effect waves-light" onclick="go_webcam()" style="width: 100%;">Capture From Webcam</button>
        </div>

        <div class="text-center mt-2">
            <button type="button" class="btn btn-primary waves-effect waves-light" onclick="go_upload()" style="width: 100%;">Upload Photo</button>
        </div>

        <div class="mt-3 text-center">
            <p>Remember ? <a href="<?php echo base_url('login');?>" class="font-weight-medium text-primary"> Login</a> </p>
            <p>© <script>document.write(new Date().getFullYear());</script> makeabl
        </div>
    </div>
    
    <script>   
        function go_webcam(){
            document.location.href = '<?php echo base_url();?>webcam/<?php echo $id;?>';
        }    

        function go_upload(){
            document.location.href = '<?php echo base_url();?>register-image/<?php echo $id;?>';
        }
    </script>