<head id="HD">
  <title>Talkpool::</title>
  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <script language="javascript" src="../scripts/generalutility.js"></script>
    <script language="javascript" src="../scripts/jquery-1.5.0.min.js"></script>    
    <script language='javascript' src="../scripts/jquery.numeric.js"></script>
    <script language="javascript" src="../scripts/formutility.js?v=1"></script>
    <script type="text/javascript" src="../scripts/crypto-js.min.js"></script>
	
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
	 
    <link href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'>                                
    <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="../stylesheets/assets/css/login_css.css">
</head>
<style>
.displayBlock{
	z-index:99;
	display:block;
	border: none;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 9px 9px 18px #b8b8b8, -9px -9px 18px #ffffff;
	margin-top:10%;
}
.displayNone{
	z-index:-1;
	display:none;
}

.closebtn{
	background-color: #e22525;
    color: white;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    font-weight: 700;
    padding: 0%;
    text-align: center;
    box-shadow: 1px 2px 5px #cdcccc;
}
.Alertboxbtn{
    background: #caced1!important;
    color: white;
    margin: 10px 5px;
    border-radius: 5px;
    border: none!important;
    padding: 6px 20px!important;
}
.ys{
    background: #1e7e34!important;
}
.no{
    background: #bd2130!important;
}


</style>
<script>
function showDialog(){
	document.getElementById("myDialog").className = "displayBlock";
}
function closeDialog(){
	document.getElementById("myDialog").className = "displayNone";
}
</script>

<body class='snippet-body'>
<!-- modal test -->
<dialog class="AlertDialog" id="myDialog">
<p style="text-align:end"><span class="closebtn" onclick="closeDialog()">x</span></p>
<div id="DivContent"> </div>

</dialog>
<!-- modal test -->
    <div class="container px-5 py-5 mx-auto">
    <div class="card card0 w3-animate-top">
        <div class="d-flex flex-lg-row flex-column-reverse">
            <div class="card card1">
                <div class="row justify-content-center my-auto">
                    <div class="col-md-8 col-10 my-5">
                        <div class="row justify-content-center px-3 mb-3"> <img id="logo" src="../images/talkpool/talkpool_logo.png"> </div>
  
                        <h6 class="msg-info">Please login to your account</h6>
						
						<div type="form" formid="1" style="width: 100%;" id="ctrl_frm1"><div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0" style="width:100%">
    <td>
      <div class="input-container input_field"><i style="width:10%;text-align:center" class="fa fa-user icon"></i><INPUT pval="" p="1" dt="2" fld="1" Formid="1" SparkCtrl="true" id="ctrl_1_1" style="width:80%;border:none;outline:none" class="input-field" type="text" placeholder="Username" name="usrnm" value="" utype="uname"></div>
    </td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div>
<div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0" style="width:100%">
    <td>
      <div class="input-container input_field"><i style="width:10%;text-align:center" class="fa fa-lock"></i><INPUT pval="" p="1" dt="20" type="password" fld="2" Formid="1" id="ctrl_1_2" style="width:80%;border:none;outline:none" class="input-field" placeholder="Password" name="pword" value="" utype="upwd" onkeyup="loginclick(event)"></div>
    </td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div>
<div class="SparkText">
  <table class="SparkText VAlign" cellpadding="0" cellspacing="0" style="width:100%">
    <td align="right" valign="middle" style="width: 100px; white-space: nowrap;" colspan="3"><span id="lbl_3_1" class="SparkLbl  infoFont" utype="uinfo"></span></td>
    <tr>
      <td style="height:5px"></td>
    </tr>
  </table>
</div></div>
                       <!--  <div class="form-group"> <label class="form-control-label text-muted">Username</label> <input type="text" id="email" name="email" placeholder="Phone no or email id" class="form-control"> </div>
                        <div class="form-group"> <label class="form-control-label text-muted">Password</label> <input type="password" id="psw" name="psw" placeholder="Password" class="form-control"> </div> -->
                        <div class="row justify-content-center my-3 px-3"> 
						<button class="btn-block btn-color" type="submit" id="BtnLogin" value="Login" formid="1" onclick="Login(this)" utype="login">Login</button>
						</div>
                        <!-- <div class="row justify-content-center my-2"> <a href="#"><small class="text-muted">Forgot Password?</small></a> </div> -->
                    </div>
                </div>
               
            </div>
            <div class="card card2 bg21" style="border-radius: 0px 10px 10px 0px;">
                <div class="my-auto mx-md-5 px-md-2 right">
                    <h5 class="text-white">Talkpool’s mission is to service networks and enable solutions that allow people and things to communicate efficiently</h5>
					<!-- <small class="text-white">Internet of Things devices and solutions, for smart sustainable buildings</small>
					<small class="text-white">Professional Network Services, creating the infrastructure of a smart sustainable future</small>
					<small class="text-white">Talkpool has made over 5.000 telecom sites sustainable.</small> -->
                </div>
            </div>
        </div>
    </div>
</div>
                            
<footer>
	<p>
	© 2022-2023| All rights reserved by
		<a target="_blank" href="https://www.letmedoit.in/">LetMeDoit Technologies </a>
		
	</p>
</footer>

<!-- SYS SCRIPTS -->
<script type="text/javascript" src="/ajaxpro/prototype.ashx"></script>
<script type="text/javascript" src="/ajaxpro/core.ashx"></script>
<script type="text/javascript" src="/ajaxpro/converter.ashx"></script>
<script type="text/javascript" src="/ajaxpro/SparkAjax,LetMeDoIt.SparkFramework.Web.ashx"></script>
<script type="text/javascript" src="scripts/Talkpool/ajax.js"></script>

                               
</body><script></script><script> $(document).ready(function() {});   </script><!-- AJAX CONTENT -->