diff --git a/templates/index.html b/templates/index.html
index 77f8f44..173dcce 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7676,33 +7676,55 @@
           <!-- Custom Messages -->
 
           <div class="page" id="Page13" style="display: none">
+
             <div class="row">
+
               <div class="col-lg-6 col-md-6 col-sm-12">
+
                 <div class="row g-3 align-items-center mt-3 left-div">
 
                   <div class="col-auto">
+
                     <label for="inputText" class="col-form-label"
+
                       >Message Name:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <input
+
                       type="text"
+
                       id="inputText13"
+
                       class="form-control"
+
                       aria-describedby="TextHelpInline"
+
                       placeholder="Message Title"
+
                     />
+
                   </div>
 
 
 
                   <div class="col-auto">
+
                     <button id="inputTextBtn13" class="btn set-btn" onclick="customMsgValidate()">Add</button>
+
                   </div>
+                  
                   <p id="demo4" style="display: none"></p>
+
                 </div>
+
+
+
                 <div id="limit-msg">
 
                 </div>
@@ -7710,242 +7732,573 @@
 
 
                 <div class="row g-3 align-items-center mt-3">
+
                   <div class="col-auto">
+
                     <label for="inputScrollSpeed13Z" class="col-form-label"
+
                       >Scroll Speed:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <select
+
                       id="inputScrollSpeed13"
+
                       class="form-select speed-select"
+
                     >
+
                       <option {%if message_settings.speed == 'Medium' %} selected {% endif %}>Medium</option>
+
                       <option {%if message_settings.speed == 'Slow' %} selected {% endif %}>Slow</option>
+
                       <option {%if message_settings.speed == 'Fast' %} selected {% endif %}>Fast</option>
+
                     </select>
+
                   </div>
+
                 </div>
 
 
+
                 <div class="row g-3 align-items-center mt-3 left-div">
+
                   <div class="col-auto">
+
                     <label for="inputScrollSpeedRow13Z" class="col-form-label"
+
                       >Scroll Speed (Row 2):
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <select
+
                       id="inputScrollSpeedRow13"
+
                       class="form-select speed-select"
+
                     >
+
                       <option {%if message_settings.speed2 == 'Medium' %} selected {% endif %}>Medium</option>
+
                       <option {%if message_settings.speed2 == 'Slow' %} selected {% endif %}>Slow</option>
+
                       <option {%if message_settings.speed2 == 'Fast' %} selected {% endif %}>Fast</option>
+
                     </select>
+
                   </div>
+
                 </div>
 
 
 
                 <div class="row g-3 align-items-center mt-3">
+
                   <div class="col-auto">
+
                     <label for="inputTransition13Z" class="col-form-label"
+
                       >Intro Transition:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <select
+
                       id="inputTransition13"
+
                       class="form-select animation-select"
+
                     >
+
                       <option {%if message_settings.animation == 'Down' %} selected {% endif %}>Down</option>
+
                       <option {%if message_settings.animation == 'Up' %} selected {% endif %}>Up</option>
+
                       <option {%if message_settings.animation == 'Continuous' %} selected {% endif %}>Continuous</option>
+
                     </select>
+
                   </div>
+
                 </div>
 
 
 
                 <div class="row g-3 align-items-center mt-3">
+
                   <div class="col-auto">
+
                     <label for="inputText14Z" class="col-form-label"
+
                       >Message:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <input
+
                       type="text"
+
                       id="inputText14"
+
                       class="form-control message-input"
+
                       aria-describedby="TextHelpInline"
+                           
                       placeholder="Custom Message"
+
                     />
+
                   </div>
+                  
                   <p id="demo5" style="display: none"></p>
+
                 </div>
 
+
+
+                <!--
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
+                    <label for="inputText15" class="col-form-label"
+
+                      >Optional Message (row 2):
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <input
+
+                      type="text"
+
+                      id="inputText15"
+
+                      class="form-control"
+
+                      aria-describedby="TextHelpInline"
+
+                    />
+
+                  </div>
+
+                </div>
+
+                  
+
+                  
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
+                    <label for="inputScrollSpeed14" class="col-form-label"
+
+                      >Border Color:
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select id="inputScrollSpeed14" class="form-select">
+
+                      <option>Rainbow</option>
+
+                      <option></option>
+
+                      <option></option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+
+
                 
+
                 <div class="row g-3 align-items-center mt-3">
+
                   <div class="col-auto">
+
+                    <label for="inputScrollSpeed15" class="col-form-label"
+
+                      >Border:
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select id="inputScrollSpeed15" class="form-select">
+
+                      <option>Dotted</option>
+
+                      <option></option>
+
+                      <option></option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+                -->
+
+
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
                     <label for="inputScrollSpeed16Z" class="col-form-label"
+
                       >Text Color:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <select
+
                       id="inputScrollSpeed16"
+
                       class="form-select text-colour"
+
                     >
+
                       <option>Black</option>
+
                       <option>White</option>
+
                       <option>Red</option>
+
                       <option>Green</option>
+
                       <option>Dark Green</option>
+
                       <option>Blue</option>
+
                       <option>Purple</option>
+
                       <option>Pink</option>
+
                       <option>Yellow</option>
+
                       <option>Orange</option>
+
                       <option>Gold</option>
+
                       <option>Gray</option>
+
                       <option>Cyan</option>
+
                     </select>
+
                   </div>
+
                 </div>
 
+
+
                 <div class="row g-3 align-items-center mt-3">
+
                   <div class="col-auto">
+
                     <label for="inputScrollSpeed17Z" class="col-form-label"
+
                       >Text Size:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <select
+
                       id="inputScrollSpeed17"
+
                       class="form-select text-size"
+
                     >
+
                       <option>Large</option>
+
                       <option>Medium</option>
+
                       <option>Small</option>
+
+                      
+
                     </select>
+
                   </div>
+
                 </div>
 
 
 
+                <!--
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
+                    <label for="inputScrollSpeed18" class="col-form-label"
+
+                      >Font:
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select id="inputScrollSpeed18" class="form-select">
+
+                      <option>Arial</option>
+
+                      <option></option>
+
+                      <option></option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+                -->
+
+
+
                 <div class="row g-3 align-items-center mt-3">
 
                   <div class="col-auto">
+
                     <label for="inputScrollSpeed19Z" class="col-form-label"
+
                       >Background Color:
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <select
+
                       id="inputScrollSpeed19"
+
                       class="form-select back-colour"
+
                     >
+
                       <option>Black</option>
+
                       <option>White</option>
+
                       <option>Red</option>
+
                       <option>Green</option>
+
                       <option>Dark Green</option>
+
                       <option>Blue</option>
+
                       <option>Purple</option>
+
                       <option>Pink</option>
+
                       <option>Yellow</option>
+
                       <option>Orange</option>
+
                       <option>Gold</option>
+
                       <option>Gray</option>
+
                       <option>Cyan</option>
+
                     </select>
+
                   </div>
 
                 </div>
 
 
+
                 <div class="row g-3 align-items-center mt-3">
+
                   <div class="col-auto">
+
                     <label for="inputTransition" class="col-form-label"
+
                       >Display Feature Title
+
                     </label>
+
                   </div>
 
                   <div class="col-auto">
+
                     <input
+
                       class="form-check-input title-select"
+
                       type="checkbox"
+
                       value=""
+
                       id="flexCheckChecked29"
-                      {% if message_settings.title%}checked{%endif%} />
+
+                      {%
+
+                      if
+
+                      message_settings.title%}
+
+                      checked
+
+                      {%endif%}
+
+                    />
+
                   </div>
+
                 </div>
+
               </div>
 
               <div class="col-lg-4 col-md-4 col-sm-12">
+
                 <h6 class="mt-3">List:</h6>
+
                 <div class="features-div-two">
+
                   <ul
+
                     id="messages-features"
-                    class="display-features-list text-white message-list" >
+
+                    class="display-features-list text-white message-list"
+
+                  >
 
                     {%for f in message_settings.messages %}
+
                       <li onclick="getCustomMsg(this.innerText)">{{f.name}}</li>
+
                     {% endfor%}
 
                   </ul>
+
                 </div>
+
               </div>
 
               <div class="col-lg-2 col-md-2 col-sm-12">
+
                 <div class="icons-list">
+
                   <i
+
                     id="messages-increase-btn"
+
                     class="fa fa-chevron-up"
+
                     aria-hidden="true"
+
                   ></i>
 
                   <br />
+
                   <br />
 
                   <i
+
                     id="messages-decrease-btn"
+
                     class="fa fa-chevron-down"
+
                     aria-hidden="true"
+
                   ></i>
 
-                  <a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
+                  <a style="position: relative; bottom: 30px; left: 10px"
+
+                    >Sort Order</a
+
+                  >
+
+
 
                   <br />
+
                   <br />
 
                   <i
+
                     id="messages-remove-btn"
+
                     class="fa fa-minus"
+
                     aria-hidden="true"
+
                   ></i>
 
-                  <span style="position: relative; bottom: 0; left: 10px">Remove</span>
+                  <span style="position: relative; bottom: 0; left: 10px"
+
+                    >Remove</span
+
+                  >
 
                 </div>
+
               </div>
+
             </div>
 
 
 
             <div class="save-btn-div">
+
               <a href="#" class="btn save-btn">Save</a>
+
             </div>
+
           </div>
+
         </div>
 
       </section>