心理咨询网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

message.html 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  6. <meta http-equiv="Cache-Control" content="no-transform" />
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
  9. <meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
  10. <meta name="description" content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
  11. <link href="{pboot:sitedomain}/skin/css/style.css" rel="stylesheet" media="screen" type="text/css" />
  12. <link href="{pboot:sitedomain}/skin/css/iconfont.css" rel="stylesheet" media="screen" type="text/css" />
  13. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery1.42.min.js"></script>
  14. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/superslide.3.0.js"></script>
  15. </head>
  16. <body>
  17. {include file=head.html}
  18. {pboot:sort scode={sort:tcode}}<div><img src="[sort:pic]" width="100%"></div>{/pboot:sort}
  19. <div class="page-bg">
  20. <div class="page-box">
  21. <div class="page-title">
  22. <h2>心理咨询快速预约通道</h2>
  23. </div>
  24. <form action="{pboot:msgaction}" method="post">
  25. <div class="list-form">
  26. <ul>
  27. <li>
  28. <div class="tip-text">孩子年龄:</div>
  29. <div class="xuanze">
  30. <input type='radio' id='attr_30_1' name='nianling' value='0-3岁'>
  31. <label for="attr_30_1">0-3岁</label>
  32. <input type='radio' id='attr_30_2' name='nianling' value='3-6岁'>
  33. <label for="attr_30_2">3-6岁</label>
  34. <input type='radio' id='attr_30_3' name='nianling' value='6-12岁'>
  35. <label for="attr_30_3">6-12岁</label>
  36. <input type='radio' id='attr_30_4' name='nianling' value='12-18岁'>
  37. <label for="attr_30_4">12-18岁</label>
  38. </div>
  39. </li>
  40. <li>
  41. <div class="tip-text">咨询类型:</div>
  42. <div class="xuanze">
  43. <input type='radio' id='attr_31_1' name='leixing' value='亲子关系'>
  44. <label for="attr_31_1">亲子关系</label>
  45. <input type='radio' id='attr_31_2' name='leixing' value='婚姻家庭'>
  46. <label for="attr_31_2">婚姻家庭</label>
  47. <input type='radio' id='attr_31_3' name='leixing' value='自我成长'>
  48. <label for="attr_31_3">自我成长</label>
  49. <input type='radio' id='attr_31_4' name='leixing' value='人际关系'>
  50. <label for="attr_31_4">人际关系</label>
  51. <input type='radio' id='attr_31_5' name='leixing' value='职业发展'>
  52. <label for="attr_31_5">职业发展</label>
  53. </div>
  54. </li>
  55. <li>
  56. <div class="tip-text">联系信息:</div>
  57. <div class="input">
  58. <input type='text' id='name' name='name' class='intxt' placeholder="请输入姓名...">
  59. <input type='text' id='tel' name='tel' class='intxt' placeholder="请输入电话...">
  60. </div>
  61. </li>
  62. <li>
  63. <div class="tip-text">问题说明:</div>
  64. <div class="textarea">
  65. <textarea id='' name='content' class="subscribe-msg" placeholder="简述咨询事宜,以便我们给您更准确的建议..."></textarea>
  66. </div>
  67. </li>
  68. <li class="center">
  69. <button class="tijiao" type="submit" id="tj">立即预约</button>
  70. </li>
  71. </ul>
  72. </div>
  73. </form>
  74. <script>
  75. $(function(){
  76. $('#tj').click(function(){
  77. //alert(1)
  78. if($('#name').val()==''){alert('请输入您的姓名!'); $("#name").focus(); return false;}
  79. if ($("#tel").val() == "") { alert("请输入你的手机!"); $("#tel").focus(); return false; }
  80. if (!$("#tel").val().match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/)) { alert("手机号码格式不正确!"); $("#tel").focus(); return false;}
  81. })
  82. })
  83. </script>
  84. <div class="page-title">
  85. <h2>咨询的流程与方式 !</h2>
  86. <p>为每一位来访者提供系统化、细致化、专业化的优质服务</p>
  87. </div>
  88. <div class="liucheng" style="margin-bottom:0">
  89. <ul>
  90. <li>
  91. <div class="box">
  92. <div class="liucheng-head">
  93. <h2>step1</h2>
  94. <p>预约与评估</p>
  95. </div>
  96. <div class="desc">
  97. <p>预约方式:电话或微信
  98. 文字或语音进行初步评估</p>
  99. <a href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes" target="_black" rel="nofollow" class="yuyue-btn">在线预约</a> </div>
  100. </div>
  101. </li>
  102. <li>
  103. <div class="box">
  104. <div class="liucheng-head">
  105. <h2>step2</h2>
  106. <p>签订保密协议</p>
  107. </div>
  108. <div class="desc">
  109. <p>纸质或电子版协议签订
  110. 保障来访者隐私安全</p>
  111. </div>
  112. </div>
  113. </li>
  114. <li>
  115. <div class="box">
  116. <div class="liucheng-head">
  117. <h2>step3</h2>
  118. <p>一对一咨询</p>
  119. </div>
  120. <div class="desc">
  121. <p>选择心理咨询师
  122. 对父母或孩子进行评估与测量</p>
  123. </div>
  124. </div>
  125. </li>
  126. <li>
  127. <div class="box">
  128. <div class="liucheng-head">
  129. <h2>step4</h2>
  130. <p>选择咨询方式</p>
  131. </div>
  132. <div class="desc">
  133. <p>线下面对面
  134. 线上语音,视频</p>
  135. </div>
  136. </div>
  137. </li>
  138. <li>
  139. <div class="box">
  140. <div class="liucheng-head">
  141. <h2>step5</h2>
  142. <p>咨询时间设置</p>
  143. </div>
  144. <div class="desc">
  145. <p>60分钟/次
  146. 次数与频次由双方协商决定</p>
  147. </div>
  148. </div>
  149. </li>
  150. </ul>
  151. </div>
  152. </div>
  153. </div>
  154. {include file=foot.html}
  155. </body>
  156. </html>