|
|
@@ -12,133 +12,129 @@
|
|
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <nav class="navbar navbar-expand-lg sticky-top p-0">
|
|
|
- <div class="container d-flex flex-column img_banner">
|
|
|
- <!--<a class="navbar-brand" href="#">Navbar</a> -->
|
|
|
- <!-- <div class="title__block">
|
|
|
- <img src="https://hhh.com.tw/assets/images/hhh-logo2.svg" width="145" height="40" alt="hhh-logo" class="img_logo">
|
|
|
- <span class="sub-logo mb-0">裝修市調</span>
|
|
|
- </div>
|
|
|
- <span class="slogan">送五萬元裝潢折抵券＋咖啡折價券</span> -->
|
|
|
- </div>
|
|
|
- </nav>
|
|
|
- <!-- <div class="top">
|
|
|
- <img src="https://hhh.com.tw/assets/images/hhh-logo2.svg" width="145" height="40" alt="hhh-logo" class="img_logo">
|
|
|
- <span style="text-align: center;display: block; margin-bottom: 20px;">裝修市調</span>
|
|
|
- <span style="text-align: center;display: block; font-weight: 700;">送五萬元裝潢折抵券</span>
|
|
|
- </div> -->
|
|
|
-<!--<iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe> -->
|
|
|
-<form action="/step_questions/submit" method="post" id="msform">
|
|
|
- <div class="notice_card">
|
|
|
- 您好，我們是幸福空間，想要進行裝修市場調查。只要填寫完畢就送您 City Cafe 或 Cama 咖啡乙杯及裝修折價卷五萬元！
|
|
|
- 贈送方式將以LINE寄送數位條碼，可直接至全省 City Cafe 或 Cama 門市兌換，為確保兌換權益，請務必填寫真實資訊，感謝您的配合。
|
|
|
- </div>
|
|
|
- <ul id="progressbar" class="p-0">
|
|
|
- <li class="active">基本資料</li>
|
|
|
- <li>建案資料</li>
|
|
|
- <li>裝修資料</li>
|
|
|
- </ul>
|
|
|
- <!-- fieldsets -->
|
|
|
- <fieldset>
|
|
|
- <h2 class="fs-title">基本資料</h2>
|
|
|
- <h3 class="fs-subtitle">步驟 1</h3>
|
|
|
- <select name="q1">
|
|
|
- <option value="Male">男</option>
|
|
|
- <option value="Female">女</option>
|
|
|
- </select>
|
|
|
- <input type="text" name='q2' value="" placeholder="手機號碼" /> <br/>
|
|
|
- <input type="email" name='q3' value="" placeholder="Email" />
|
|
|
- <input id="checker" type="button" name="next" class="next action-button" value="下一步" />
|
|
|
- </fieldset>
|
|
|
- <fieldset>
|
|
|
- <h2 class="fs-title">建案資料</h2>
|
|
|
- <h3 class="fs-subtitle">步驟 2</h3>
|
|
|
- <label class="fs-label"><i class="fas fa-chevron-right"></i>請問您所在哪個建案?</label>
|
|
|
- <input type="text" name='q4' value="" placeholder="建案名" class="mb" />
|
|
|
+ <div class="container">
|
|
|
+ <div class="text-center">
|
|
|
+ <img class="img-fluid" src="images/banner_top.jpg" alt="幸福空間 - 裝修市場問卷調查">
|
|
|
+ </div>
|
|
|
|
|
|
- <label class="fs-label"><i class="fas fa-chevron-right"></i>建案類型</label>
|
|
|
- <div class="fs-label">
|
|
|
- <input type="radio" class="check_button" value="預售屋" name="q5" id="pre-sold" />
|
|
|
- <label for="pre-sold" class="fs-label-type">預售屋</label>
|
|
|
- <input type="radio" class="check_button ml" value="新成屋" name="q5" id="new" />
|
|
|
- <label for="new" class="fs-label-type">新成屋</label>
|
|
|
- </div>
|
|
|
- <input type="button" name="previous" class="previous action-button" value="上一步" />
|
|
|
- <input type="button" name="next" class="next action-button next-2" value="下一步" />
|
|
|
- </fieldset>
|
|
|
- <fieldset>
|
|
|
- <h2 class="fs-title">裝修資料</h2>
|
|
|
- <h3 class="fs-subtitle">步驟 3</h3>
|
|
|
- <div class="fs-label">
|
|
|
- <label class="fs-label"><i class="fas fa-chevron-right"></i>喜歡的裝修風格?</label>
|
|
|
- <input type="checkbox" value="簡單大方" name="q6" id="6a" />
|
|
|
- <label class="mr fs-label-info" for="6a">簡單大方</label>
|
|
|
- <input type="checkbox" value="北歐風" name="q6" id="6b" />
|
|
|
- <label class="mr fs-label-info" for="6b">北歐風</label>
|
|
|
- <input type="checkbox" value="日式風格" name="q6" id="6c" />
|
|
|
- <label class="mr fs-label-info" for="6c">日式風格</label>
|
|
|
- <input type="checkbox" value="美式鄉村風" name="q6" id="6d"/>
|
|
|
- <label class="mr fs-label-info" for="6d">美式鄉村風</label>
|
|
|
- <input type="checkbox" value="" id='q6_checkbox' onclick="show_input_text('q6_checkbox', 'q6_input')" />
|
|
|
- <label class="mr fs-label-info" for="q6_checkbox">其他</label>
|
|
|
- <input type="text" id="q6_input" name="q6" style="display:none" value="" placeholder="其他風格" />
|
|
|
- </div>
|
|
|
- <br/>
|
|
|
- <div class="fs-label">
|
|
|
- <label class="fs-label"><i class="fas fa-chevron-right"></i>預計裝修預算(不含活動型傢俱/廚具/空調/窗簾/主燈)?</label>
|
|
|
- <input type="checkbox" value="50萬以下" name="q7" id="7a" />
|
|
|
- <label class="mr fs-label-info" for="7a">50萬以下</label>
|
|
|
- <input type="checkbox" value="50~100萬" name="q7" id="7b" />
|
|
|
- <label class="mr fs-label-info" for="7b">50~100萬</label>
|
|
|
- <input type="checkbox" value="100~200萬" name="q7" id="7c" />
|
|
|
- <label class="mr fs-label-info" for="7c">100~200萬</label>
|
|
|
- <input type="checkbox" value="200~300萬" name="q7" id="7d" />
|
|
|
- <label class="mr fs-label-info" for="7d">200~300萬</label>
|
|
|
- <input type="checkbox" value="300~500萬" name="q7" id="7e" />
|
|
|
- <label class="mr fs-label-info" for="7f">300~500萬</label>
|
|
|
- <input type="checkbox" value="500~800萬" name="q7" id="7f"/>
|
|
|
- <label class="mr fs-label-info" for="7f">500~800萬</label>
|
|
|
- <input type="checkbox" value="800萬以上" name="q7" id="7g" />
|
|
|
- <label class="mr fs-label-info" for="7g">800萬以上</label>
|
|
|
- <input type="checkbox" value="" id='q7_checkbox' onclick="show_input_text('q7_checkbox', 'q7_input')"/>
|
|
|
- <label class="mr fs-label-info" for="q7_checkbox">其他</label>
|
|
|
- <input type="text" id="q7_input" name="q7" style="display:none" value="" placeholder="自訂預算" />
|
|
|
- <br/>
|
|
|
+ <form action="/step_questions/submit" method="post" id="msform">
|
|
|
+ <div class="notice_card">
|
|
|
+ 您好，我們是幸福空間，想要進行裝修市場調查。只要填寫完畢就送您 City Cafe 或 Cama 咖啡乙杯及裝修折價卷五萬元！
|
|
|
+ 贈送方式將以LINE寄送數位條碼，可直接至全省 City Cafe 或 Cama 門市兌換，為確保兌換權益，請務必填寫真實資訊，感謝您的配合。
|
|
|
</div>
|
|
|
- <div class="fs-label">
|
|
|
- <label class="fs-label"><i class="fas fa-chevron-right"></i>喜歡的裝修風格?</label>
|
|
|
- <input type="checkbox" value="20坪以下" name="q8" id="8a" />
|
|
|
- <label class="mr fs-label-info" for="8a">20坪以下</label>
|
|
|
- <input type="checkbox" value="20~30坪" name="q8" id="8b" />
|
|
|
- <label class="mr fs-label-info" for="8b">20~30坪</label>
|
|
|
- <input type="checkbox" value="30~40坪" name="q8" id="8c" />
|
|
|
- <label class="mr fs-label-info" for="8c">30~40坪</label>
|
|
|
- <input type="checkbox" value="40~50坪" name="q8" id="8d" />
|
|
|
- <label class="mr fs-label-info" for="8d">40~50坪</label>
|
|
|
- <input type="checkbox" value="50坪以上" name="q8" id="8e" />
|
|
|
- <label class="mr fs-label-info" for="8e">50坪以上</label>
|
|
|
- </div>
|
|
|
- <br/>
|
|
|
- <!-- <div class="terms">
|
|
|
+ <ul id="progressbar" class="p-0">
|
|
|
+ <li class="active">基本資料</li>
|
|
|
+ <li>建案資料</li>
|
|
|
+ <li>裝修資料</li>
|
|
|
+ </ul>
|
|
|
+ <!-- fieldsets -->
|
|
|
+ <fieldset>
|
|
|
+ <h2 class="fs-title">基本資料</h2>
|
|
|
+ <h3 class="fs-subtitle">步驟 1</h3>
|
|
|
+ <select name="q1">
|
|
|
+ <option value="Male">男</option>
|
|
|
+ <option value="Female">女</option>
|
|
|
+ </select>
|
|
|
+ <input type="text" name='q2' value="" placeholder="手機號碼" /> <br/>
|
|
|
+ <input type="email" name='q3' value="" placeholder="Email" />
|
|
|
+ <input id="checker" type="button" name="next" class="next action-button" value="下一步" />
|
|
|
+ </fieldset>
|
|
|
+ <fieldset>
|
|
|
+ <h2 class="fs-title">建案資料</h2>
|
|
|
+ <h3 class="fs-subtitle">步驟 2</h3>
|
|
|
+ <label class="fs-label"><i class="fas fa-chevron-right"></i>請問您所在哪個建案?</label>
|
|
|
+ <input type="text" name='q4' value="" placeholder="建案名" class="mb" />
|
|
|
+
|
|
|
+ <label class="fs-label"><i class="fas fa-chevron-right"></i>建案類型</label>
|
|
|
+ <div class="fs-label">
|
|
|
+ <input type="radio" class="check_button" value="預售屋" name="q5" id="pre-sold" />
|
|
|
+ <label for="pre-sold" class="fs-label-type">預售屋</label>
|
|
|
+ <input type="radio" class="check_button ml" value="新成屋" name="q5" id="new" />
|
|
|
+ <label for="new" class="fs-label-type">新成屋</label>
|
|
|
+ </div>
|
|
|
+ <input type="button" name="previous" class="previous action-button" value="上一步" />
|
|
|
+ <input type="button" name="next" class="next action-button next-2" value="下一步" />
|
|
|
+ </fieldset>
|
|
|
+ <fieldset>
|
|
|
+ <h2 class="fs-title">裝修資料</h2>
|
|
|
+ <h3 class="fs-subtitle">步驟 3</h3>
|
|
|
+ <div class="fs-label">
|
|
|
+ <label class="fs-label"><i class="fas fa-chevron-right"></i>喜歡的裝修風格?</label>
|
|
|
+ <input type="checkbox" value="簡單大方" name="q6" id="6a" />
|
|
|
+ <label class="mr fs-label-info" for="6a">簡單大方</label>
|
|
|
+ <input type="checkbox" value="北歐風" name="q6" id="6b" />
|
|
|
+ <label class="mr fs-label-info" for="6b">北歐風</label>
|
|
|
+ <input type="checkbox" value="日式風格" name="q6" id="6c" />
|
|
|
+ <label class="mr fs-label-info" for="6c">日式風格</label>
|
|
|
+ <input type="checkbox" value="美式鄉村風" name="q6" id="6d"/>
|
|
|
+ <label class="mr fs-label-info" for="6d">美式鄉村風</label>
|
|
|
+ <input type="checkbox" value="" id='q6_checkbox' onclick="show_input_text('q6_checkbox', 'q6_input')" />
|
|
|
+ <label class="mr fs-label-info" for="q6_checkbox">其他</label>
|
|
|
+ <input type="text" id="q6_input" name="q6" style="display:none" value="" placeholder="其他風格" />
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <div class="fs-label">
|
|
|
+ <label class="fs-label"><i class="fas fa-chevron-right"></i>預計裝修預算(不含活動型傢俱/廚具/空調/窗簾/主燈)?</label>
|
|
|
+ <input type="checkbox" value="50萬以下" name="q7" id="7a" />
|
|
|
+ <label class="mr fs-label-info" for="7a">50萬以下</label>
|
|
|
+ <input type="checkbox" value="50~100萬" name="q7" id="7b" />
|
|
|
+ <label class="mr fs-label-info" for="7b">50~100萬</label>
|
|
|
+ <input type="checkbox" value="100~200萬" name="q7" id="7c" />
|
|
|
+ <label class="mr fs-label-info" for="7c">100~200萬</label>
|
|
|
+ <input type="checkbox" value="200~300萬" name="q7" id="7d" />
|
|
|
+ <label class="mr fs-label-info" for="7d">200~300萬</label>
|
|
|
+ <input type="checkbox" value="300~500萬" name="q7" id="7e" />
|
|
|
+ <label class="mr fs-label-info" for="7f">300~500萬</label>
|
|
|
+ <input type="checkbox" value="500~800萬" name="q7" id="7f"/>
|
|
|
+ <label class="mr fs-label-info" for="7f">500~800萬</label>
|
|
|
+ <input type="checkbox" value="800萬以上" name="q7" id="7g" />
|
|
|
+ <label class="mr fs-label-info" for="7g">800萬以上</label>
|
|
|
+ <input type="checkbox" value="" id='q7_checkbox' onclick="show_input_text('q7_checkbox', 'q7_input')"/>
|
|
|
+ <label class="mr fs-label-info" for="q7_checkbox">其他</label>
|
|
|
+ <input type="text" id="q7_input" name="q7" style="display:none" value="" placeholder="自訂預算" />
|
|
|
+ <br/>
|
|
|
+ </div>
|
|
|
+ <div class="fs-label">
|
|
|
+ <label class="fs-label"><i class="fas fa-chevron-right"></i>喜歡的裝修風格?</label>
|
|
|
+ <input type="checkbox" value="20坪以下" name="q8" id="8a" />
|
|
|
+ <label class="mr fs-label-info" for="8a">20坪以下</label>
|
|
|
+ <input type="checkbox" value="20~30坪" name="q8" id="8b" />
|
|
|
+ <label class="mr fs-label-info" for="8b">20~30坪</label>
|
|
|
+ <input type="checkbox" value="30~40坪" name="q8" id="8c" />
|
|
|
+ <label class="mr fs-label-info" for="8c">30~40坪</label>
|
|
|
+ <input type="checkbox" value="40~50坪" name="q8" id="8d" />
|
|
|
+ <label class="mr fs-label-info" for="8d">40~50坪</label>
|
|
|
+ <input type="checkbox" value="50坪以上" name="q8" id="8e" />
|
|
|
+ <label class="mr fs-label-info" for="8e">50坪以上</label>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!-- <div class="terms">
|
|
|
|
|
|
- </div> -->
|
|
|
- <input id="checker2" type="checkbox" class="custom-control-input" value="" name="q9" checked>
|
|
|
- <label for="checker2" style="margin-bottom: .5rem;">我同意</label>
|
|
|
- <br>
|
|
|
- <p id="term-error"></p>
|
|
|
- <input type="button" name="previous" class="previous action-button" value="上一步" />
|
|
|
- <input type="submit" name="submit" class="submit action-button" value="提交" />
|
|
|
- </fieldset>
|
|
|
-</form>
|
|
|
-<footer>
|
|
|
- <div class="footer">
|
|
|
- <div class="img_fr">
|
|
|
- <img src="images/banner-bottom.jpg" alt="">
|
|
|
+ </div> -->
|
|
|
+ <input id="checker2" type="checkbox" class="custom-control-input" value="" name="q9" checked>
|
|
|
+ <label for="checker2" style="margin-bottom: .5rem;">我同意</label>
|
|
|
+ <br>
|
|
|
+ <p id="term-error"></p>
|
|
|
+ <input type="button" name="previous" class="previous action-button" value="上一步" />
|
|
|
+ <input type="submit" name="submit" class="submit action-button" value="提交" />
|
|
|
+ </fieldset>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ <div class="text-center">
|
|
|
+ <img class="img-fluid mb-3" src="images/banner-bottom.jpg" alt="幸福空間 - 裝修市場問卷調查">
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- <footer>
|
|
|
+ <div class="footer">
|
|
|
+ <div class="text-center">
|
|
|
+ <img class="img-fluid" src="images/banner-bottom.jpg" alt="幸福空間 - 裝修市場問卷調查">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </footer> -->
|
|
|
</div>
|
|
|
-</footer>
|
|
|
-<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>
|
|
|
+
|
|
|
+ <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>
|
|
|
</body>
|
|
|
</html>
|
