調整服務流程內容收合

content/規劃師服務/index.md

@@ -69,7 +69,7 @@ url: "/room_planner"
         </div>
       </div>
     </div>
-    <div id="container-1" class="d-flex" style="padding-top: 100px;">
+    <div id="container-1" class="d-flex">
       <div>
         <p class="d-flex justify-content-center align-items-center number-1">
           01 <br> 諮詢階段
@@ -97,12 +97,26 @@ url: "/room_planner"
             <p class="text-box">
               你到門市體驗設計空間，諮詢成家設計服務與預算。<br />（約2個小時）
             </p>
-            <span class="example">▼ 總預算參考<br />（含設計、裝修、系統櫃、家具）</span>
+            <amp-accordion id="myAccordion" disable-session-states="">
+              <section>
+                <div class="question example" style="border: none; background: none; padding: 0;">▼
+                  總預算參考<br />（含設計、裝修、系統櫃、家具）
+                </div>
+                <div style="padding: 0;">
+                  <ul>
+                    <li>【無需拆除工程】<br>屋況，約 2-4 萬/坪。</li>
+                    <li>【需要拆除工程】<br>屋況，約 2.5-5 萬/坪。</li>
+                    <li>【需要拆除工程與管線更新】<br>屋況，約 3-6 萬/坪。</li>
+                  </ul>
+                </div>
+              </section>
+            </amp-accordion>
+            <!-- <span class="example">▼ 總預算參考<br />（含設計、裝修、系統櫃、家具）</span>
             <ul>
               <li>【無需拆除工程】<br>屋況，約 2-4 萬/坪。</li>
               <li>【需要拆除工程】<br>屋況，約 2.5-5 萬/坪。</li>
               <li>【需要拆除工程與管線更新】<br>屋況，約 3-6 萬/坪。</li>
-            </ul>
+            </ul> -->
           </section>
         </div>
         <div class="col-12 col-md-6" style="padding: 0 20px;">
@@ -112,7 +126,26 @@ url: "/room_planner"
             <p class="text-box">
               當你認同我們的服務，再簽訂成家設計合約與支付訂金，我們將與你約時間到府丈量。
             </p>
-            <span class="example">▼ 成家設計合約</span>
+            <amp-accordion id="myAccordion" disable-session-states="">
+              <section>
+                <div class="question example" style="border: none; background: none; padding: 0;">▼ 成家設計合約
+                </div>
+                <div style="padding: 0;">
+                  <ul>
+                    <li>一個空間設計費 1 萬元，訂金為 3 千元。</li>
+                    <li>
+                      進行生活習慣調查、風格測驗、空間丈量並提供平面配置圖與 3D
+                      渲染彩圖。
+                    </li>
+                    <li>
+                      在設計階段，添購成家必備的系統櫃、家具，支付金額滿 8
+                      萬，即可折抵一個空間設計費。
+                    </li>
+                  </ul>
+                </div>
+              </section>
+            </amp-accordion>
+            <!-- <span class="example">▼ 成家設計合約</span>
             <ul>
               <li>一個空間設計費 1 萬元，訂金為 3 千元。</li>
               <li>
@@ -123,12 +156,12 @@ url: "/room_planner"
                 在設計階段，添購成家必備的系統櫃、家具，支付金額滿 8
                 萬，即可折抵一個空間設計費。
               </li>
-            </ul>
+            </ul> -->
           </section>
         </div>
       </div>
     </div>
-    <div id="container-2" class="d-flex" style="padding-top: 8rem;">
+    <div id="container-2" class="d-flex">
       <div>
         <p class="d-flex justify-content-center align-items-center number-2">
           02 <br> 設計階段
@@ -172,7 +205,7 @@ url: "/room_planner"
         </div>
       </div>
     </div>
-    <div id="container-3" class="d-flex" style="padding-top: 10rem;">
+    <div id="container-3" class="d-flex">
       <div>
         <p class="d-flex justify-content-center align-items-center number-3">
           03 <br> 報價階段
@@ -212,7 +245,28 @@ url: "/room_planner"
             <p class="text-box">
               確認裝修報價明細後，進行安心裝修服務簽約並訂單付款。
             </p>
-            <span class="example">▼ 安心裝修合約</span>
+            <amp-accordion id="myAccordion" disable-session-states="">
+              <section>
+                <div class="question example" style="border: none; background: none; padding: 0;">▼ 安心裝修合約
+                </div>
+                <div style="padding: 0;">
+                  <ul>
+                    <li>信用卡付款(全額付款)</li>
+                    <li>現金/匯款付款(簽約付 50%、木工完成後 40%、驗收後 10%)</li>
+                    <li>合約內小寶優居收取裝修總價 5% 為安心裝修服務費</li>
+                  </ul>
+                  <span class="example" style="color: black;">【裝修總價 5% 的服務費，換 100% 的安心裝修】</span>
+                  <ul style="list-style: none; margin: 0;">
+                    <li>∨ 嚴選裝修師傅</li>
+                    <li>∨ 嚴選裝修材料</li>
+                    <li>∨ 專人協助監工</li>
+                    <li>∨ 裝修履約保證</li>
+                    <li>∨ 約束裝修保固</li>
+                  </ul>
+                </div>
+              </section>
+            </amp-accordion>
+            <!-- <span class="example">▼ 安心裝修合約</span>
             <ul>
               <li>信用卡付款(全額付款)</li>
               <li>現金/匯款付款(簽約付 50%、木工完成後 40%、驗收後 10%)</li>
@@ -225,7 +279,7 @@ url: "/room_planner"
               <li>∨ 專人協助監工</li>
               <li>∨ 裝修履約保證</li>
               <li>∨ 約束裝修保固</li>
-            </ul>
+            </ul> -->
           </section>
         </div>
         <div class="col-12 col-md-6" style="padding: 0 20px;">
@@ -235,18 +289,32 @@ url: "/room_planner"
             <p class="text-box">
               確認所有家具、系統櫃品項與金額，進行訂單付款。
             </p>
-            <span class="example">▼ 家具、系統櫃訂單付款</span>
+            <amp-accordion id="myAccordion" disable-session-states="">
+              <section>
+                <div class="question example" style="border: none; background: none; padding: 0;">▼ 家具、系統櫃訂單付款
+                </div>
+                <div style="padding: 0;">
+                  <ul>
+                    <li>信用卡付款(全額付款)時付 50% </li>
+                    <li>
+                      現金/匯款付款(確認訂單、系統櫃出貨前付時付 50%、系統櫃出貨前付 50%)
+                    </li>
+                  </ul>
+                </div>
+              </section>
+            </amp-accordion>
+            <!-- <span class="example">▼ 家具、系統櫃訂單付款</span>
             <ul>
               <li>信用卡付款(全額付款)時付 50% </li>
               <li>
                 現金/匯款付款(確認訂單、系統櫃出貨前付時付 50%、系統櫃出貨前付 50%)
               </li>
-            </ul>
+            </ul> -->
           </section>
         </div>
       </div>
     </div>
-    <div id="container-5" class="d-flex" style="padding-top: 8rem;">
+    <div id="container-5" class="d-flex">
       <div>
         <p class="d-flex justify-content-center align-items-center number-5">
           05 <br> 施工階段
@@ -269,14 +337,29 @@ url: "/room_planner"
             <p class="text-box">
               當裝修完成80%，我們安排系統櫃到你家進行安裝，接著進行細部清潔，並安排家具到府定位。
             </p>
-            <span class="example">▼ 整體完工時間參考</span>
+            <amp-accordion id="myAccordion" disable-session-states="">
+              <section>
+                <div class="question example" style="border: none; background: none; padding: 0;">▼ 整體完工時間參考
+                </div>
+                <div style="padding: 0;">
+                  <ul>
+                    <li>【無需拆除工程】<br>屋況，約 2-3 個月。</li>
+                    <li>
+                      【需要拆除工程】<br>屋況，約 2.5-3.5 個月。
+                    </li>
+                    <li>【需要拆除工程與管線更新】<br>屋況，約 3-4 個月。</li>
+                  </ul>
+                </div>
+              </section>
+            </amp-accordion>
+            <!-- <span class="example">▼ 整體完工時間參考</span>
             <ul>
               <li>【無需拆除工程】<br>屋況，約 2-3 個月。</li>
               <li>
                 【需要拆除工程】<br>屋況，約 2.5-3.5 個月。
               </li>
               <li>【需要拆除工程與管線更新】<br>屋況，約 3-4 個月。</li>
-            </ul>
+            </ul> -->
           </section>
         </div>
         <div class="col-12" style="padding: 0 20px;">

themes/hugo-lamp/layouts/blog/list.html

@@ -1,4 +1,3 @@
-<<<<<<< HEAD
 {{ define "main" }}
 <section class="page-title3 bg-2">
     <div class="container">
@@ -14,31 +13,29 @@
     <div class="container">
         <div class="row">
             <div class="col-md-8">
-            {{ $paginator := .Paginate .Data.Pages }}
-            {{ range where $paginator.Pages "Draft" false }}
-            <div class="mb-5 post">
-                <div class="mb-4">
-                    <a href="{{ .RelPermalink }}">
-                        <amp-img
-                            alt="{{ .Title }}"
-                            src="{{ .Params.Image | relURL }}"
-                            width="2664"
-                            height="956"
-                            layout="responsive">
-                        </amp-img>
+                {{ $paginator := .Paginate .Data.Pages }}
+                {{ range where $paginator.Pages "Draft" false }}
+                <div class="mb-5 post">
+                    <div class="mb-4">
+                        <a href="{{ .RelPermalink }}">
+                            <amp-img alt="{{ .Title }}" src="{{ .Params.Image | relURL }}" width="2664" height="956"
+                                layout="responsive">
+                            </amp-img>
+                        </a>
+                    </div>
+                    <a href="{{ .RelPermalink }}" style="color:#444444;" data-vars-event="accuhit"
+                        data-vars-event-type="6" data-vars-event-col1="{{ .Params.Col1 }}"
+                        data-vars-event-col2="{{ .Params.col2 }}" data-vars-event-col4="{{ .Params.title }}">
+                        <div class="title-size"><b>{{ .Title }}</b></div>
                     </a>
+                    <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
+                    <div class="blog-content">
+                        <p class="card-text" style="color:#4D4D4D;">{{ .Summary }}</p>
+                        <a href="{{ .RelPermalink }}" class="btn btn-light">繼續閱讀</a>
+                    </div>
                 </div>
-                <a href="{{ .RelPermalink }}" style="color:#444444;" data-vars-event="accuhit" data-vars-event-type="6" data-vars-event-col1="{{ .Params.Col1 }}" data-vars-event-col2="{{ .Params.col2 }}" data-vars-event-col4="{{ .Params.title }}">
-                    <div class="title-size"><b>{{ .Title }}</b></div>
-                </a>
-                <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
-                <div class="blog-content">
-                    <p class="card-text" style="color:#4D4D4D;">{{ .Summary }}</p>
-                    <a href="{{ .RelPermalink }}" class="btn btn-light">繼續閱讀</a>
-                </div>
-            </div>
 
-            <!-- <div class="mb-5 post">
+                <!-- <div class="mb-5 post">
                 <div class="mb-4">
                     <a href="{{ .Permalink }}">
                         <amp-img
@@ -57,70 +54,71 @@
                     <a href="{{ .Permalink }}" class="btn btn-light">繼續閱讀</a>
                 </div>
             </div> -->
-            {{ end }}
-            
-            <!-- pagination -->
-            {{ $paginator := .Paginator }}
-            {{ $adjacent_links := 2 }}
-            {{ $max_links := (add (mul $adjacent_links 2) 1) }}
-            {{ $lower_limit := (add $adjacent_links 1) }}
-            {{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
-            {{ if gt $paginator.TotalPages 1 }}
-            <nav class="text-center">
-                <ul class="pagination post-pagination">
-                <!-- Previous page. -->
-                {{ if $paginator.HasPrev }}
-                    <li>
-                        <a href="{{ $paginator.Prev.URL }}" class="page-link">上一頁</a>
-                    </li>
                 {{ end }}
-                <!-- Page numbers. -->
-                {{ range $paginator.Pagers }}
-                    {{ $.Scratch.Set "page_number_flag" false }}
-                    <!-- Advanced page numbers. -->
-                    {{ if gt $paginator.TotalPages $max_links }}
+
+                <!-- pagination -->
+                {{ $paginator := .Paginator }}
+                {{ $adjacent_links := 2 }}
+                {{ $max_links := (add (mul $adjacent_links 2) 1) }}
+                {{ $lower_limit := (add $adjacent_links 1) }}
+                {{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
+                {{ if gt $paginator.TotalPages 1 }}
+                <nav class="text-center">
+                    <ul class="pagination post-pagination">
+                        <!-- Previous page. -->
+                        {{ if $paginator.HasPrev }}
+                        <li>
+                            <a href="{{ $paginator.Prev.URL }}" class="page-link">上一頁</a>
+                        </li>
+                        {{ end }}
+                        <!-- Page numbers. -->
+                        {{ range $paginator.Pagers }}
+                        {{ $.Scratch.Set "page_number_flag" false }}
+                        <!-- Advanced page numbers. -->
+                        {{ if gt $paginator.TotalPages $max_links }}
                         <!-- Lower limit pages. -->
                         <!-- If the user is on a page which is in the lower limit.  -->
                         {{ if le $paginator.PageNumber $lower_limit }}
-                            <!-- If the current loop page is less than max_links. -->
-                            {{ if le .PageNumber $max_links }}
-                                {{ $.Scratch.Set "page_number_flag" true }}
-                            {{ end }}
-                            <!-- Upper limit pages. -->
-                            <!-- If the user is on a page which is in the upper limit. -->
+                        <!-- If the current loop page is less than max_links. -->
+                        {{ if le .PageNumber $max_links }}
+                        {{ $.Scratch.Set "page_number_flag" true }}
+                        {{ end }}
+                        <!-- Upper limit pages. -->
+                        <!-- If the user is on a page which is in the upper limit. -->
                         {{ else if ge $paginator.PageNumber $upper_limit }}
-                            <!-- If the current loop page is greater than total pages minus $max_links -->
-                            {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
-                                {{ $.Scratch.Set "page_number_flag" true }}
-                            {{ end }}
-                            <!-- Middle pages. -->
+                        <!-- If the current loop page is greater than total pages minus $max_links -->
+                        {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
+                        {{ $.Scratch.Set "page_number_flag" true }}
+                        {{ end }}
+                        <!-- Middle pages. -->
                         {{ else }}
-                            {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
-                                {{ $.Scratch.Set "page_number_flag" true }}
-                            {{ end }}
+                        {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add
+                        $paginator.PageNumber $adjacent_links) ) }}
+                        {{ $.Scratch.Set "page_number_flag" true }}
+                        {{ end }}
                         {{ end }}
                         <!-- Simple page numbers. -->
-                    {{ else }}
+                        {{ else }}
                         {{ $.Scratch.Set "page_number_flag" true }}
-                    {{ end }}
-                    <!-- Output page numbers. -->
-                    {{ if eq ($.Scratch.Get "page_number_flag") true }}
-                    <li class="{{ if eq . $paginator }} active {{ end }}">
-                        <a href="{{ .URL }}">
-                        {{ .PageNumber }}
-                        </a>
-                    </li>
-                    {{ end }}
-                {{ end }}
-                <!-- Next page. -->
-                {{ if $paginator.HasNext }}
-                    <li>
-                        <a href="{{ $paginator.Next.URL }}">下一頁</a>
-                    </li>
+                        {{ end }}
+                        <!-- Output page numbers. -->
+                        {{ if eq ($.Scratch.Get "page_number_flag") true }}
+                        <li class="{{ if eq . $paginator }} active {{ end }}">
+                            <a href="{{ .URL }}">
+                                {{ .PageNumber }}
+                            </a>
+                        </li>
+                        {{ end }}
+                        {{ end }}
+                        <!-- Next page. -->
+                        {{ if $paginator.HasNext }}
+                        <li>
+                            <a href="{{ $paginator.Next.URL }}">下一頁</a>
+                        </li>
+                        {{ end }}
+                    </ul>
+                </nav>
                 {{ end }}
-                </ul>
-            </nav>
-            {{ end }}
             </div>
             <div class="col-md-4">
                 {{ partial "blog-sidebar.html" . }}
@@ -128,135 +126,4 @@
         </div>
     </div>
 </div>
-=======
-{{ define "main" }}
-<section class="page-title3 bg-2">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h1>設計專欄</h1>
-            </div>
-        </div>
-    </div>
-</section>
-
-<div class="page-wrapper" style="padding-top: 50px;">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8">
-            {{ $paginator := .Paginate .Data.Pages }}
-            {{ range where $paginator.Pages "Draft" false }}
-            <div class="mb-5 post">
-                <div class="mb-4">
-                    <a href="{{ .RelPermalink }}">
-                        <amp-img
-                            alt="{{ .Title }}"
-                            src="{{ .Params.Image | relURL }}"
-                            width="2664"
-                            height="956"
-                            layout="responsive">
-                        </amp-img>
-                    </a>
-                </div>
-                <a href="{{ .RelPermalink }}" style="color:#444444;" data-vars-event="accuhit" data-vars-event-type="6" data-vars-event-col1="{{ .Params.Col1 }}" data-vars-event-col2="{{ .Params.col2 }}" data-vars-event-col4="{{ .Params.title }}">
-                    <div class="title-size"><b>{{ .Title }}</b></div>
-                </a>
-                <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
-                <div class="blog-content">
-                    <p class="card-text" style="color:#4D4D4D;">{{ .Summary }}</p>
-                    <a href="{{ .RelPermalink }}" class="btn btn-light">繼續閱讀</a>
-                </div>
-            </div>
-
-            <!-- <div class="mb-5 post">
-                <div class="mb-4">
-                    <a href="{{ .Permalink }}">
-                        <amp-img
-                            alt="{{ .Title }}"
-                            src="{{ .Params.Image | relURL }}"
-                            width="2664"
-                            height="956"
-                            layout="responsive">
-                        </amp-img>
-                    </a>
-                </div>
-                <h3><a href="{{ .Permalink }}" style="color:black;"><b>{{ .Title }}</b></a></h3>
-                <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
-                <div class="blog-content">
-                    <p>{{ .Summary }}</p>
-                    <a href="{{ .Permalink }}" class="btn btn-light">繼續閱讀</a>
-                </div>
-            </div> -->
-            {{ end }}
-            
-            <!-- pagination -->
-            {{ $paginator := .Paginator }}
-            {{ $adjacent_links := 2 }}
-            {{ $max_links := (add (mul $adjacent_links 2) 1) }}
-            {{ $lower_limit := (add $adjacent_links 1) }}
-            {{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
-            {{ if gt $paginator.TotalPages 1 }}
-            <nav class="text-center">
-                <ul class="pagination post-pagination">
-                <!-- Previous page. -->
-                {{ if $paginator.HasPrev }}
-                    <li>
-                        <a href="{{ $paginator.Prev.URL }}" class="page-link">上一頁</a>
-                    </li>
-                {{ end }}
-                <!-- Page numbers. -->
-                {{ range $paginator.Pagers }}
-                    {{ $.Scratch.Set "page_number_flag" false }}
-                    <!-- Advanced page numbers. -->
-                    {{ if gt $paginator.TotalPages $max_links }}
-                        <!-- Lower limit pages. -->
-                        <!-- If the user is on a page which is in the lower limit.  -->
-                        {{ if le $paginator.PageNumber $lower_limit }}
-                            <!-- If the current loop page is less than max_links. -->
-                            {{ if le .PageNumber $max_links }}
-                                {{ $.Scratch.Set "page_number_flag" true }}
-                            {{ end }}
-                            <!-- Upper limit pages. -->
-                            <!-- If the user is on a page which is in the upper limit. -->
-                        {{ else if ge $paginator.PageNumber $upper_limit }}
-                            <!-- If the current loop page is greater than total pages minus $max_links -->
-                            {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
-                                {{ $.Scratch.Set "page_number_flag" true }}
-                            {{ end }}
-                            <!-- Middle pages. -->
-                        {{ else }}
-                            {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
-                                {{ $.Scratch.Set "page_number_flag" true }}
-                            {{ end }}
-                        {{ end }}
-                        <!-- Simple page numbers. -->
-                    {{ else }}
-                        {{ $.Scratch.Set "page_number_flag" true }}
-                    {{ end }}
-                    <!-- Output page numbers. -->
-                    {{ if eq ($.Scratch.Get "page_number_flag") true }}
-                    <li class="{{ if eq . $paginator }} active {{ end }}">
-                        <a href="{{ .URL }}">
-                        {{ .PageNumber }}
-                        </a>
-                    </li>
-                    {{ end }}
-                {{ end }}
-                <!-- Next page. -->
-                {{ if $paginator.HasNext }}
-                    <li>
-                        <a href="{{ $paginator.Next.URL }}">下一頁</a>
-                    </li>
-                {{ end }}
-                </ul>
-            </nav>
-            {{ end }}
-            </div>
-            <div class="col-md-4">
-                {{ partial "blog-sidebar.html" . }}
-            </div>
-        </div>
-    </div>
-</div>
->>>>>>> 495a66c88a74b4a8d0669195070b7f9ff2c7678e
 {{ end }}