



<html>
  <head>
   <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>login</title>
      <link href="../../../css/https-font.css" rel="stylesheet" />
      <link href="../../../css/https_strap.css" rel="stylesheet" />
      <script src="../../../script/jquery-1.10.2.min.js"></script>
      <script src="../../../script/Https-strap.js"></script>
	  <style>
	  *{font-family: Yekan;}
	  * {
  box-sizing: border-box;
  margin:0;
  padding: 0;
  z-index:10;
}
	.HlBack,.HlCover {background-position:center center;background-size:cover;background-repeat:no-repeat;}
	.HlBack {background-attachment:fixed;background-image:url('@{!model.back}');}
	.HlCover {background-attachment:scroll;background-image:url('@{!model.cover}');}
	  .bodycover:after{content: "";position: fixed;width:100%;height:100%;top:0px;right:0px;background:@{!model.over};}
.logo{background-position: center;background-repeat: no-repeat;background-size: cover;background-image:url('../../../../images/logos/logo.png');}
.shado{text-shadow: 1px 0px black,0px 1px black,-1px 0px black,0px -1px black,0px 0px 4px black;}

	  </style>

  </head>

<body class="bodycover HlBack">
    <a href="/" class="Hbg-sharporange Hpadd-10 HpaddR-15 HpaddL-15" style="position: relative;display:inline-block;margin-top:20px;left:10px;z-index:100;" data-color="#fff">بازگشت به صفحه اصلی</a>
	<div class="Hrow HmarT-5per HmarB-3per" >
		<div class="Hcontainer Hcontainer-1000 Hbg-white">
			<div style="" class="Hcol-xlg-5 Hcol-lg-5 Hcol-xmd-5 Hcol-md-5 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 HlCover shado">
					<div class="logo HpaddT-20per HmarT-10per HmarB-2per HmarLR-auto" data-width="20%">  </div>
					<div class="Htxt-center Htxt-bold Hfont-30 Hwhite"> خوش آمدید </div>
					<div class="Htxt-center Hwhite"> این راهنما برای پیدا کردن مکان جادویی شما میباشد </div>

					<ul class="HmarT-30per HmarR-30 HmarB-30per Hwhite">
						<li> ملک مورد نظر خود را بیابید  </li>
						<li> ملک خود را بسپارید </li>
						<li> با دوستانتان ب اشتراک بزارید </li>
					</ul>
			</div>
			<div class="Hcol-xlg-7 Hcol-lg-7 Hcol-xmd-7 Hcol-md-7 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hbrdless Hpadd-2per">
			    <div>
					<span class="HpaddR-5per" data-color="#ea364e"> ورود  </span>
				</div>
				<div class="Hrow">
				    <form action="/api/login" method="post" class="HmarR-5per">
						<input type="text" name="user" class="Hpadd-3per Hbrd Hbrd-elephent" placeholder="نام کاربری" />
						<input type="password" name="pass" class="Hpadd-3per Hbrd Hbrd-elephent" placeholder="کلمه عبور"/>
						<div>
							<input type="submit" class="Hfloat-L Hbtn Hbtn-elephentwhite HmarT-10per Hround-20 HpaddLR-50 HpaddTB-15 Hfont-16" value="ارسال"/>
						</div>
					</form>
				</div>
				<div class="Hrow HmarT-10per Htxt-left">
					<span class="Hfloat-R" style="">یا وارشید با </span>
					
					<a href="#" class="fab fa-google HmarR-15" style="color:#FB685C"></a> 
					<a href="#" style="color:#7EC9EC" class="fab fa-tumblr HmarR-15"></a>
				</div>
				<div class="Hrow">
				<hr class="HmarT-10per HmarB-5per"/>
					<a href="/forget" data-color="#5692f4"> اطلاعات اکانت خود را فراموش کرده اید؟ </a>
				</div>


			</div>
		</div>
	</div>

   @{if model.sms!=""}
   <div class="Hmodal" id="mod2"> 
    <div class="Hmodal-sm Hcards " style="border-radius:5px;">
      <div class="Hcards-header">
        <div class="close" style="background:#ff3333;border-radius:4px;"></div>
      </div> 
      <div class="Hcards-content">
        @{!model.sms}
      </div>
      
    </div>
  </div>
  <input type="hidden" id="smser" class="fas fa-pencil-alt updPr" data-selector="#mod2" data-target="Hmodal"/>
  <script>
    $(document).ready(function(){
 $('#smser').trigger("click");

});
</script>
   @{fi}
</body>
</html>
