<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <title></title> <script src="https://www.google.com/recaptcha/api.js?render=6LfhrN0UAAAAAKZskQ5HMg2kMMW84zWUkU71OyP0"></script> <script> grecaptcha.ready(function () { grecaptcha.execute('6LfhrN0UAAAAAKZskQ5HMg2kMMW84zWUkU71OyP0', { action: 'MaarivDigitallLogin' }).then(function (token) { }); }); </script> <link href="/bundles/css/fonts?v=mEoJ5gMBb74C8Tn1tBuB7HtDitatLCBV-s7uJPn3jPs1" rel="stylesheet"/> <style> body { font-family: Arial; } .bg { width: 1300px; height: 828px; background-image: url('https://members.jpost.com/HttpHandlers/ShowImage.ashx?id=355883'); background-repeat: no-repeat; margin: 0 auto; padding-top: 17px; } .dInputs { width: 500px; height: 215px; background-color: #000; opacity: 0.7; padding: 0; color: #fff; font-size: 18px;margin-right:20px; } .dBox { padding-top: 450px; padding-right: 70px; text-align: center; } .btn { width: 270px; height: 40px; background-color: #ff0000; font-family: Arial; color: #fff; font-size: 18px; font-weight: bold; border: solid 1px #ff0000; margin: 0 auto; opacity: 1; cursor: pointer; } .mainContent { width: 100%; direction: rtl; } .input { border: solid 1px; padding: 3px; font-size: 16px; margin-bottom: 10px; } .pt30 { padding-top: 20px; padding-bottom: 15px; opacity: 1; display: flex; flex-direction: column; } .font-color-w { color: #fff !important; display: none; } .maxipjon { padding-right: 0px; } .dLogin { background-color: #111; padding-top: 5px; margin-right: 69px; width: 509px; height: 27px; } .red { color: red; font-weight: bold; font-size: 17px; } .pr12 { padding-right: 12px; } .pl20 { padding-left: 20px; position: relative; } .pt5 { padding-top: 5px; } .btnLogin { width: 75px; height: 19px; background-color: #d91916; font-weight: bold; /*font-family:fbspoiler bold;*/ font-size: 12pt; color: #fff; border: 0px; } .remember { color: #fff; font-size: 10px; } .fs11 { font-size: 11px; } #txtPassword-error { right: 173px; } #txtUserName-error { right: -10px; } #txtPassword-error, #txtUserName-error { margin-right: 0px; position: absolute; top: 16px; padding: 6px; margin: 1em 0 1em; border: 2px solid #ff0000; color: #333; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 115px; } #txtPassword-error:before, #txtUserName-error:before { top: -6px; bottom: auto; left: auto; right: 20px; border-width: 0px 6px 6px; content: ""; position: absolute; border-style: solid; border-color: #ff0000 transparent; width: 0; } #txtPassword-error:after, #txtUserName-error:after { top: -4px; bottom: auto; left: auto; right: 21px; border-width: 0 5px 5px; content: ""; position: absolute; border-style: solid; border-color: #fff transparent; display: block; width: 0; } .bubbleSummary { width: 210px; margin-bottom: 2px; } .inputLogin { width: 100px; height: 14px; border: solid 1px; padding: 3px; font-size: 12px; margin-bottom: 9px; margin-top: 0px; } .login-error-container { } .login-error-container .login-error { } @media screen and (max-width:640px) { .pl20 { padding-left: 20px; text-align: center } .inputLogin { width: 100%; height: 12px; border: solid 1px; padding: 3px; font-size: 10px; margin-bottom: 9px; margin-top: 2px; } .dLogin { background-color: #111; padding-top: 5px; margin-right: 0px; width: 70%; height: 120px; margin-top: 0px; margin: auto; } .input { width: 98%; border: solid 1px; padding: 3px; font-size: 18px; margin-bottom: 9px; } .dInputs { width: 100%; height: 230px; background-color: #000; opacity: 0.9; color: #fff; font-family: Arial; font-size: 21px; padding-right: 0px; padding-top: 10px; padding-left: 0px; padding-bottom: 10px; } .dBox { padding-top: 30px; padding-right: 0px; text-align: start; } .bg { max-width: 100%; height: auto; background-image: url('https://members.jpost.com/HttpHandlers/ShowImage.ashx?id=356025'); background-repeat: no-repeat; background-size: contain; margin: 0 auto; padding-top: 275px; background-color: black; } .pt30 { padding-top: 20px; padding-bottom: 3px; opacity: 1; padding-left: 5px; padding-right: 5px; } .btn { width: 97%; margin-left: 5px; margin-right: 5px; } .maxipjon { padding-right: 6px; } } </style>讻 </head> <body> <div class="mainContent"> <div class="bg"> <div class="dLogin"> <form action="/Magazine/MaarivDigitalLogin" method="post" id="loginbutton"> <input id="redirectTo" name="redirectTo" type="hidden" value="MaarivDailyMagazine" /> <div class="red pr12 pl20"> 讻谞讬住讛诇专砖讜诪讬诐 <input type="text" class="inputLogin" name="txtUserName" placeholder="砖诐诪砖转诪砖" required /> <input type="password" class="inputLogin" name="txtPassword" placeholder="住讬住诪讗" required /> <input type="checkbox" name="chkRemember" checked /><span class="remember">讝讻讜专讗讜转讬</span> <input type="submit" value="讛转讞讘专" class="btnLogin" /> </div> </form> </div> <div class="dBox"> <div style=" display: inline-block; width: 100%; text-align: right; margin: 15px 0 30px 0; padding-right: 200px;"> <a style="border-radius: 16px; background-image: linear-gradient(to top, #c61614, #c30a08); color: #fff; padding: 10px 15px; font-size: 40px; text-decoration: none; font-family: 'adom-bold'; letter-spacing: 2px;" href="https://maarivpayments.maariv.co.il/MaarivDigitalWeekend/PersonalDetails" target="_blank">诇专讻讬砖转讗讜谞诇讬讬谉</a> </div> <div class="dInputs"> <form action="/Magazine/Sendbutton" method="post" id="sendbutton"> <div class="pt30"> <input type="text" class="input" name="txtFirstName" placeholder="砖诐" required /> <input type="text" class="input" name="txtPhone" placeholder="讟诇驻讜谉" required /> <input type="email" class="input" name="txtEmail" placeholder="讚讜讗专讗诇拽讟专讜谞讬" required /> </div> <div class="m0"> <input type="submit" class="btn" value="诇拽讘诇转驻专讟讬诐谞讜住驻讬诐诪谞爪讬讙砖讬专讜转" /> </div> </form> </div> </div> </div> </div> <script src="/Scripts/jquery-3.3.1.min.js"></script> <script src="/Scripts/jquery.validate.min.js"></script> <script> $(function () { $("#loginbutton").validate({ rules: { txtUserName: "required", txtPassword: "required" }, messages: { txtUserName: "砖诐讛诪砖转诪砖砖讙讜讬.", txtPassword: "住讬住诪讛砖讙讜讬." } }); $("#sendbutton").validate({ rules: { txtFirstName: "required", txtPhone: { required: true, customphone: true }, txtEmail: { required: true, email: true } }, messages: { txtFirstName: "砖诐驻专讟讬砖讚讛讞讜讘讛", txtPhone: { required: "讟诇驻讜谉砖讚讛讞讜讘讛", customphone: "讟诇驻讜谉诇讗转拽讬谉" }, txtEmail: { required: "讚讜讗专讗诇拽讟专讜谞讬砖讚讛讞讜讘讛", email: "讚讜讗专讗诇拽讟专讜谞讬诇讗转拽讬谉" } } }); $.validator.addMethod('customphone', function (value, element) { return this.optional(element) || /^$?([0-9]{3})$?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(value); }, "讟诇驻讜谉诇讗转拽讬谉"); }); </script> </body> </html>

CINXE.COM