

<!DOCTYPE html>
<!--[if lte IE 8]><html lang="tr" class="ie8"><![endif]-->
<!--[if !IE]><!--><html lang="tr"><!--<![endif]-->
<html lang="tr-TR">
<head>
	<title>Pynare</title>

<meta name="content-language" content="tr" />
<meta charset="windows-1254">
	<meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
        <link rel="stylesheet" href="login/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="login/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="login/css/form-elements.css">
        <link rel="stylesheet" href="login/css/style.css">
<link href="images/favicon.png" rel="icon" />



<style>
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #4aaf51;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
</style>

</head>
<body>

<div class="top-content">
        	
            <div class="inner-bg">
                <div class="container">

                    <div class="row">
                        <div class="col-sm-6 col-sm-offset-3 form-box">
                        	<div class="form-top">
                        		<div class="form-top-left">
                        			<h3>Pynare Bayi Girişi</h3>
                            		<p>Kullanıcı adınız ve şifrenizi girin.</p>
                        		</div>
                        		<div class="form-top-right">
                        			<i class="fa fa-key"></i>
                        		</div>
                            </div>
                            <div class="form-bottom">
                            
                            
	
                            
                            
			                    <form role="form" method="post" action="giris_kontrol.asp"  class="login-form">
			                    	<div class="form-group">
			                    		<label class="sr-only" for="form-username">Kullanıcı Adınız</label>
			                        	<input type="text" name="WEB_USER_NAME" placeholder="Kullanıcı Adınız" class="form-username form-control" id="form-username">
			                        </div>
			                        <div class="form-group">
			                        	<label class="sr-only" for="form-password">Şifreniz</label>
			                        	<input type="password" name="WEB_USER_PASSW" placeholder="Şifreniz" class="form-password form-control" id="form-password">
			                        </div>
			                        <!--
			                        <div class="form-group">
			                        	<label class="sr-only" for="form-password">Güvenlik Kodu : </label>
			                        	<span id="seccode"><img src="Code/E.gif"><img src="Code/A.gif"><img src="Code/3.gif"><img src="Code/K.gif"></span><input type="text" name="kod" placeholder="Güvenlik Kodunuz" minlength="4" onkeypress="return BuyukHarf(event);" onblur="BuyukHarfBlur(event,true)"class="form-password form-control" id="form-password">
			                        </div>	
-->									


			                        <div class="form-group">
<input type="radio" id="bayi" value="bayi" name="giristuru" checked>
    <label for="bayi" style="font-weight:400;">Bayi Girişi</label>
  </p>
  <p>
    <input type="radio" value="pazarlamaci" id="pazarlamaci" name="giristuru">
    <label for="pazarlamaci" style="font-weight:400;">Pazarlamacı Girişi</label>
  </p>
			                        </div>		                        
			                        
			                        <button type="submit" class="btn">Giriş Yapın</button>
			                    </form>
		                    </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            
        </div>

        <!-- Javascript -->
        <script src="login/js/jquery-1.11.1.min.js"></script>
        <script src="login/bootstrap/js/bootstrap.min.js"></script>
        <script src="login/js/jquery.backstretch.min.js"></script>
        <script src="login/js/scripts.js"></script>
        
        <!--[if lt IE 10]>
            <script src="login/js/placeholder.js"></script>
        <![endif]-->
	
	<script type="text/javascript">
        function BuyukHarf(e) {
          var nesne = e.target ? e.target : e.srcElement;
            var basilantus = e.charCode == undefined ? e.keyCode : e.charCode;
            var str = String.fromCharCode(basilantus);
            if ((basilantus < 97 || basilantus > 122) && !isTRChar(basilantus))
                return true;
            if (basilantus == 105)
                str = '\u0130';
            if (nesne.createTextRange) {
                e.keyCode = str.toUpperCase().charCodeAt(0);
                return true;
            }
            else {
                var startpos = nesne.selectionStart;
                var endpos = nesne.selectionEnd;
                nesne.value = nesne.value.substr(0, startpos) + str.toUpperCase() + nesne.value.substr(endpos);
                nesne.setSelectionRange(startpos + 1, startpos + 1);
                return false;
            }
        }

        function isTRChar(key) {
            var trchar = [231, 246, 252, 287, 305, 351];
            for (var i = 0; i < trchar.length; i++) {
                if (trchar[i] == key)
                    return true;
            }
            return false;
        }

        function BuyukHarfBlur(e, clear) {
            var nesne = e.target ? e.target : e.srcElement;
            var val = nesne.value;
            val = val.replace(/i/g, "\u0130").replace(/^\s+|\s+$/g, "");
            if (clear) val = val.replace(/\s{2,}/g, " ");
            nesne.value = val.toUpperCase();
        }
        // --> End BuyukHarf()

function SadeceRakam(e,allowedchars){var key=e.charCode==undefined?e.keyCode:e.charCode;if((/^[0-9]+$/.test(String.fromCharCode(key)))||key==0||key==13||isPassKey(key,allowedchars)){return true;}else{return false;}}
function isPassKey(key,allowedchars){if(allowedchars!=null){for(var i=0;i<allowedchars.length;i++){if(allowedchars[i]==String.fromCharCode(key))return true;}}return false;}
function SadeceRakamBlur(e,clear){var nesne=e.target?e.target:e.srcElement;var val=nesne.value;val=val.replace(/^\s+|\s+$/g,"");if(clear)val=val.replace(/\s{2,}/g," ");nesne.value=val;}
</script>  
</body>
</html>