心理咨询网
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.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3. <head>
  4. <title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
  5. <meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
  6. <meta name="description" content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  9. <meta http-equiv="Cache-Control" content="no-transform" />
  10. <meta http-equiv="Cache-Control" content="no-siteapp" />
  11. <link href="{pboot:sitedomain}/skin/css/style.css" rel="stylesheet" media="screen" type="text/css" />
  12. <link href="/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 style="display: none;">
  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. <input type='radio' id='attr_30_5' name='nianling' value='18岁以上'>
  39. <label for="attr_30_5">18岁以上</label>
  40. </div>
  41. </li>
  42. <li>
  43. <div class="tip-text">咨询类型:</div>
  44. <div class="xuanze">
  45. <input type='radio' id='attr_31_1' name='leixing' value='亲子关系'>
  46. <label for="attr_31_1">亲子关系</label>
  47. <input type='radio' id='attr_31_2' name='leixing' value='婚姻家庭'>
  48. <label for="attr_31_2">婚姻家庭</label>
  49. <input type='radio' id='attr_31_3' name='leixing' value='自我成长'>
  50. <label for="attr_31_3">自我成长</label>
  51. <input type='radio' id='attr_31_4' name='leixing' value='人际关系'>
  52. <label for="attr_31_4">人际关系</label>
  53. <input type='radio' id='attr_31_5' name='leixing' value='职业发展'>
  54. <label for="attr_31_5">职业发展</label>
  55. <input type='radio' id='attr_31_6' name='leixing' value='其他'>
  56. <label for="attr_31_6">其他</label>
  57. </div>
  58. </li>
  59. <li>
  60. <div class="tip-text">联系信息:</div>
  61. <div class="input">
  62. <input type='text' id='name' name='name' class='intxt' placeholder="请输入姓名...">
  63. <input type='text' id='tel' name='tel' class='intxt' placeholder="请输入电话...">
  64. </div>
  65. </li>
  66. <li>
  67. <div class="tip-text">问题说明:</div>
  68. <div class="textarea">
  69. <textarea id='' name='content' class="subscribe-msg" placeholder="简述咨询事宜,以便我们给您更准确的建议..."></textarea>
  70. </div>
  71. </li>
  72. <li class="center">
  73. <button class="tijiao" type="submit" id="tj">立即预约</button>
  74. </li>
  75. </ul>
  76. </div>
  77. </form>
  78. <script>
  79. $(function(){
  80. $('#tj').click(function(){
  81. //alert(1)
  82. if($('#name').val()==''){alert('请输入您的姓名!'); $("#name").focus(); return false;}
  83. if ($("#tel").val() == "") { alert("请输入你的手机!"); $("#tel").focus(); return false; }
  84. 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;}
  85. })
  86. })
  87. </script>
  88. <div class="page-title">
  89. <h2>咨询的流程与方式 !</h2>
  90. <p>为每一位来访者提供系统化、细致化、专业化的优质服务</p>
  91. </div>
  92. <div class="liucheng" style="margin-bottom:0">
  93. <ul>
  94. <li>
  95. <div class="box">
  96. <div class="liucheng-head">
  97. <h2>step1</h2>
  98. <p>预约与评估</p>
  99. </div>
  100. <div class="desc">
  101. <p>预约方式:电话或微信
  102. 文字或语音进行初步评估</p>
  103. <a href="/yuyue" target="_black" class="yuyue-btn">在线预约</a></div>
  104. </div>
  105. </li>
  106. <li>
  107. <div class="box">
  108. <div class="liucheng-head">
  109. <h2>step2</h2>
  110. <p>签订保密协议</p>
  111. </div>
  112. <div class="desc">
  113. <p>纸质或电子版协议签订
  114. 保障来访者隐私安全</p>
  115. </div>
  116. </div>
  117. </li>
  118. <li>
  119. <div class="box">
  120. <div class="liucheng-head">
  121. <h2>step3</h2>
  122. <p>一对一咨询</p>
  123. </div>
  124. <div class="desc">
  125. <p>选择心理咨询师
  126. 对父母或孩子进行评估与测量</p>
  127. </div>
  128. </div>
  129. </li>
  130. <li>
  131. <div class="box">
  132. <div class="liucheng-head">
  133. <h2>step4</h2>
  134. <p>选择咨询方式</p>
  135. </div>
  136. <div class="desc">
  137. <p>线下面对面
  138. 线上语音,视频</p>
  139. </div>
  140. </div>
  141. </li>
  142. <li>
  143. <div class="box">
  144. <div class="liucheng-head">
  145. <h2>step5</h2>
  146. <p>咨询时间设置</p>
  147. </div>
  148. <div class="desc">
  149. <p>60分钟/次
  150. 次数与频次由双方协商决定</p>
  151. </div>
  152. </div>
  153. </li>
  154. </ul>
  155. </div>
  156. </div>
  157. </div>
  158. {include file=hot.html}
  159. {include file=foot.html}
  160. </body>
  161. </html>