|
|
@@ -3,89 +3,21 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>幸福空間 - 問卷調查</title>
|
|
|
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
|
|
|
- <link rel="stylesheet" href="./style.css">
|
|
|
- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<img src="https://hhh.com.tw/assets/images/hhh-logo2.svg" width="145" height="40" alt="hhh-logo">
|
|
|
-<iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe>
|
|
|
-<form action="http://127.0.0.1:8000/step_questions/submit" method="post" id="msform" target="dummyframe">
|
|
|
- <ul id="progressbar">
|
|
|
- <li class="active">基本資料</li>
|
|
|
- <li>建案資料</li>
|
|
|
- <li>裝修資料</li>
|
|
|
- </ul>
|
|
|
- <!-- fieldsets -->
|
|
|
- <fieldset>
|
|
|
- <h2 class="fs-title">基本資料</h2>
|
|
|
- <h3 class="fs-subtitle">This is step 1</h3>
|
|
|
- <select name="q1">
|
|
|
- <option value="Male">男</option>
|
|
|
- <option value="Female">女</option>
|
|
|
- </select>
|
|
|
- <input type="text" name='q2' value="" placeholder="手機號碼" /> <br/>
|
|
|
- <input type="text" name='q3' value="" placeholder="Email" />
|
|
|
- <input type="button" name="next" class="next action-button" value="Next" />
|
|
|
- </fieldset>
|
|
|
- <fieldset>
|
|
|
- <h2 class="fs-title">建案資料</h2>
|
|
|
- <h3 class="fs-subtitle">This is step 2</h3>
|
|
|
- <input type="text" name='q4' value="" placeholder="請問您所在哪個建案" />
|
|
|
- <div class="left_align">
|
|
|
- <p>建案類型?</p> <br/>
|
|
|
- <label><input type="checkbox" class="check_button" value="預售屋" name="q5" />預售屋</label>
|
|
|
- <label><input type="checkbox" class="check_button" value="新成屋" name="q5" />新成屋</label> <br/>
|
|
|
- </div>
|
|
|
- <input type="button" name="previous" class="previous action-button" value="Previous" />
|
|
|
- <input type="button" name="next" class="next action-button" value="Next" />
|
|
|
- </fieldset>
|
|
|
- <fieldset>
|
|
|
- <h2 class="fs-title">裝修資料</h2>
|
|
|
- <h3 class="fs-subtitle">This is step 3</h3>
|
|
|
- <div class="left_align">
|
|
|
- <p>喜歡的裝修風格?</p><br/>
|
|
|
- <label><input type="checkbox" value="簡單大方" name="q6" />簡單大方</label>
|
|
|
- <label><input type="checkbox" value="北歐風" name="q6" />北歐風</label>
|
|
|
- <label><input type="checkbox" value="日式風格" name="q6" />日式風格</label>
|
|
|
- <label><input type="checkbox" value="美式鄉村風" name="q6" />美式鄉村風</label>
|
|
|
- <label><input type="checkbox" value="" id='q6_checkbox' onclick="show_input_text('q6_checkbox', 'q6_input')" />其他</label>
|
|
|
- <input type="text" id="q6_input" name="q6" style="display:none" value="" />
|
|
|
- </div>
|
|
|
- <br/>
|
|
|
- <div class="left_align">
|
|
|
- <p>預計裝修預算(不含活動型傢俱/廚具/空調/窗簾/主燈)? </p><br/>
|
|
|
- <label><input type="checkbox" value="50萬以下" name="q7" />50萬以下</label>
|
|
|
- <label><input type="checkbox" value="50~100萬" name="q7" />50~100萬</label>
|
|
|
- <label><input type="checkbox" value="100~200萬" name="q7" />100~200萬</label>
|
|
|
- <label><input type="checkbox" value="200~300萬" name="q7" />200~300萬</label>
|
|
|
- <label><input type="checkbox" value="300~500萬" name="q7" />300~500萬</label>
|
|
|
- <label><input type="checkbox" value="500~800萬" name="q7" />500~800萬</label>
|
|
|
- <label><input type="checkbox" value="800萬以上" name="q7" />800萬以上</label>
|
|
|
- <label><input type="checkbox" value="" id='q7_checkbox' onclick="show_input_text('q7_checkbox', 'q7_input')"/>其他</label>
|
|
|
- <input type="text" id="q7_input" name="q7" style="display:none" value="" />
|
|
|
- <br/>
|
|
|
- </div>
|
|
|
- <div class="left_align">
|
|
|
- <p>喜歡的裝修風格?</p><br/>
|
|
|
- <label><input type="checkbox" value="20坪以下" name="q8" />20坪以下</label>
|
|
|
- <label><input type="checkbox" value="20~30坪" name="q8" />20~30坪</label>
|
|
|
- <label><input type="checkbox" value="30~40坪" name="q8" />30~40坪</label>
|
|
|
- <label><input type="checkbox" value="40~50坪" name="q8" />40~50坪</label>
|
|
|
- <label><input type="checkbox" value="50坪以上" name="q8" />50坪以上</label>
|
|
|
- </div>
|
|
|
- <br/>
|
|
|
- <input type="button" name="previous" class="previous action-button" value="Previous" />
|
|
|
- <input type="submit" name="submit" class="submit action-button" value="Submit" />
|
|
|
- </fieldset>
|
|
|
-</form>
|
|
|
-<div id="overlay">
|
|
|
- <div class="thankyou">
|
|
|
- <h3>感謝您的填寫</h3>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
|
|
-<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
|
|
|
-<script src="./script.js"></script>
|
|
|
+
|
|
|
+<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
|
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-CGZQ45GNME"></script>
|
|
|
+<script>
|
|
|
+ window.dataLayer = window.dataLayer || [];
|
|
|
+ function gtag(){dataLayer.push(arguments);}
|
|
|
+ gtag('js', new Date());
|
|
|
+
|
|
|
+ gtag('config', 'G-CGZQ45GNME');
|
|
|
+</script>
|
|
|
+
|
|
|
+<script>
|
|
|
+ window.location.href = "https://line.me/R/ti/p/@064mjcjv";
|
|
|
+</script>
|
|
|
</body>
|
|
|
</html>
|
