diff --git a/multiple_sections/section_heuristics.html b/multiple_sections/section_heuristics.html
index 6246a76..cede3c9 100644
--- a/multiple_sections/section_heuristics.html
+++ b/multiple_sections/section_heuristics.html
@@ -38,25 +38,25 @@
       <label>Country: <input autocomplete="country"></label><br/>
     </div>
 
-    <div class="section section-d">
+    <div class="section section-c">
       <label>Telephone: <input autocomplete="work tel"></label><br/>
       <label>Email: <input autocomplete="work email"></label><br/>
     </div>
 
-    <div class="section section-e">
+    <div class="section section-d">
       <p>This section contains the duplicated fields, so the two fields can not be filled even they have the different `contactType`.</p>
       <label>Telephone: <input autocomplete="home tel"></label><br/>
       <label>Email: <input autocomplete="home email"></label><br/>
     </div>
 
-    <div class="section section-f">
+    <div class="section section-e">
       <label>Card Holder Name: <input autocomplete="cc-name"></label><br/>
       <label>Card Number: <input autocomplete="cc-number"></label><br/>
       <label>Exp Month: <input autocomplete="cc-exp-month"></label><br/>
       <label>Exp Year: <input autocomplete="cc-exp-year"></label><br/>
     </div>
 
-    <div class="section section-g">
+    <div class="section section-f">
       <label>Card Holder Name: <input autocomplete="cc-name"></label><br/>
       <label>Card Number: <input autocomplete="cc-number"></label><br/>
       <label>Exp Month: <input autocomplete="cc-exp-month"></label><br/>