با من تماس بگیرید

<!doctype html> <html lang="en" dir="rtl"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script src="modernizr.min.js" type="text/javascript"></script> <link rel='stylesheet' href='bootstrap.min.css'> <link rel='stylesheet' href='bootstrap-theme.min.css'> <link rel='stylesheet' href='bootstrapValidator.min.css'> <link rel='stylesheet' href='font-awesome.min.css'>  <link rel="stylesheet" href="bootstrap-rtl.min.css"> <title>با من تماس بگیرید</title> <style> @font-face { font-family: 'hami'; src: url('iran-yekan-light.ttf'); } body,h1,h2,h3,h4,h5 , p { font-family: hami, sans-serif !important; } #success_message,#error_message { display: none; text-align: center; border-bottom: 4px solid #f8a51f; } legend { /* background-color: #f9a618; */ background-color: #e8e8e8; padding: 4px; border-radius: 9px; text-align: center; } .glyphicon-earphone{ color: #b87b11; } #contact_form{ -webkit-box-shadow: 10px 17px 24px -21px rgba(0,0,0,0.75); -moz-box-shadow: 10px 17px 24px -21px rgba(0,0,0,0.75); box-shadow: 10px 17px 24px -21px rgba(0,0,0,0.75); } .well{ /* min-height: 20px; */ padding: 10px; margin-bottom: 9px; } .form-group { margin-bottom: 12px; } #lang_hdr .button { border-radius: 14px; background-color: #F8A51F; } #logo img { border-top: 1px #F8A51F solid; /* width: 900px; */ } .jumbotron p{ margin-bottom: 9px; font-size: 14px; } .glyphicon-hand-left{ color: #ff5b00; } </style> <script> window.console = window.console || function (t) { }; </script> <script> if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); } </script> </head> <body translate="no"> <header id="header" class="container">  <div id="dv_top_cnt"></div> <section id="header-top" class="clearfix"> <div id="lang_hdr"> </div> <div id="logo_hdr"> <div id="logo"><img src="https://www.sinaweb.net/data/cnf1633266790/layout/logo_fa.png" alt="سیناوب" ></div> <p id="tagline"></p> </div> </section>   <section id="navbar" class="clearfix">   </section>  <script type="text/javascript"> ddlevelsmenu.setup("nav", "topbar"); $('#navlist').slicknav({ label: "", duration: 1000, easingOpen: "easeOutBounce", //available with jQuery UI //allowParentLinks: true, prependTo: "#nav" }); </script> </header> <div class="container"> <div class="jumbotron"> <h4>با من تماس بگیرید</h4> <p> <ul> <li> <i class="glyphicon glyphicon-hand-left"></i>   با سلام و احترام خواهشمند است شماره تماس خود را وارد کنید و در بخش پیام مشخص کنید که چه زمان برای تماس با شما مناسبتر است یکی از همکاران ما با شما تماس خواهند گرفت. </li> <li> </p> </div> <form class="well form-horizontal" method="post" id="contact_form"> <fieldset>  <div class="alert alert-success" role="alert" id="success_message"> <i class="glyphicon glyphicon-hand-left"></i> درخواست شما با موفقیت ثبت شد، <br> همکاران ما در کوتاه ترین زمان ممکن درخواست شما را مورد بررسی قرار می دهند. </div> <div class="alert alert-warning" role="alert" id="error_message"> <i class="glyphicon glyphicon-hand-left"></i> خطا در ثبت، <br> کد امنیتی وارد شده صحیح نمی باشد</div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label">نام</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span> <input name="cf_1074" id="cf_1074" placeholder="نام" class="form-control" type="text"> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-md-3 control-label"> نام خانوادگی</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> <input name="cf_1076" id="cf_1076" placeholder="نام خانوادگی" class="form-control" type="text"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label">موبایل</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span> <input name="cf_1300" id="cf_1300" placeholder="موبایل" class="form-control" type="text"> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-md-3 control-label">آدرس ایمیل</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> <input name="cf_1028" id="cf_1028" placeholder="آدرس ایمیل" class="form-control" type="text"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label">آدرس نشریه</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span> <input name="cf_1024" id="cf_1024" placeholder="آدرس نشریه" class="form-control" type="text"> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-md-3 control-label">نوع درخواست</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> <select name="cf_1026" data-label="label:ticket_type" required="" class="form-control"> <option value="">انتخاب کنید</option> <option value="فروش">فروش</option> <option value="پشتیبانی فنی">پشتیبانی فنی</option> <option value="مالی">مالی</option> <option value="گرافیک و طراحی">گرافیک و طراحی</option> <option value="مدیریت">مدیریت</option> <option value="درخواست دسترسی به پرتال مشتریان سیناوب">درخواست دسترسی به پرتال مشتریان سیناوب</option> <option value="ارزیابی و استانداردسازی">ارزیابی و استانداردسازی</option> <option value="اطلاع رسانی">اطلاع رسانی</option> </select> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label">عنوان درخواست</label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span> <input name="ticket_title" id="ticket_title" placeholder="" class="form-control" type="text"> </div> </div> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label">کد امنیتی</label> <div class="col-md-5 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon" style=" padding: 0; border: none;"> <img src="captcha.php?0.6900239580375938" width="145" id="captcha" height="34" alt="CAPTCHA"> </span> <input name="captcha" id="captcha_val" placeholder="کد امنیتی" class="form-control" type="text"> <span class="input-group-addon" onclick="document.getElementById('captcha').src = 'captcha.php?' + Math.random();document.getElementById('captcha_val').value = '';return false;" style=" padding:0px 10px 0px 10px;cursor: pointer; border: none;"><i class="glyphicon glyphicon-refresh"></i></span> </div> </div> </div> <p style="display:none;margin: 0;" id="msg_captcha_error">کد امنیتی صحیح نمی باشد.</p> <input type="hidden" name="is_submit_13" value="1" > <div class="form-group text-left"> <label class="col-md-4 control-label"></label> <div class="col-md-4"> <button type="submit" class="btn btn-warning" id="btn_register" >ثبت درخواست <span class="glyphicon glyphicon-send"></span></button> </div> </div> </fieldset> </form>  </div> </div> <script src='jquery.min.js'></script> <script src='bootstrap.min.js'></script> <script src='bootstrapvalidator.min.js'></script> <script id="rendered-js"> $(document).ready(function() { $('#contact_form').bootstrapValidator({ // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, submitHandler: function(validator, form, submitButton) { $("#error_message").css("display","none"); $("#success_message").css("display","none"); $.ajax({ type: "POST", url: "send_data_call_me.php", //change your php file name here data: $('#contact_form').serialize(), success: function(msg){ if(msg=='captcha'){ $("#error_message").css("display","block"); document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; }else if(msg=='success'){ $("#success_message").css("display","block"); document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; }else{ document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; alert("خطای در رخ داد"); } // $("#btn_register").css(""); $('#btn_register').removeAttr("disabled") // $('#success_message').slideDown({ opacity: "show" }, "slow"); //$('#contact_form')[0].reset(); }, error: function(){ alert("Update your ajax form submit url"); document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; } }); }, excluded: ':disabled', fields: { ticket_title: { validators: { stringLength: { min: 2 }, notEmpty: { message: ' ' } } }, cf_1076: { validators: { stringLength: { min: 2 }, notEmpty: { message: ' ' } } }, cf_1074: { validators: { stringLength: { min: 2 }, notEmpty: { message: ' ' } } }, cf_1026: { validators: { stringLength: { min: 2 }, notEmpty: { message: ' ' } } }, captcha: { validators: { stringLength: { min: 2 }, notEmpty: { message: ' ' } } }, cf_1028: { validators: { stringLength: { min: 2 }, notEmpty: { message: ' ' } } }, cf_1300: { validators: { notEmpty: { message: ' ' } } }, } }); }); //# sourceURL=pen.js </script> <script type="text/javascript"> (function(w, d, s, u) { w.RocketChat = function(c) { w.RocketChat._.push(c) }; w.RocketChat._ = []; w.RocketChat.url = u; var h = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://chat.sinaweb.net/livechat/rocketchat-livechat.min.js?_=201903270000'; h.parentNode.insertBefore(j, h); })(window, document, 'script', 'https://chat.sinaweb.net/livechat'); </script> </body> </html>

CINXE.COM

با من تماس بگیرید