diff --git a/templates/index.html b/templates/index.html
index 4e09ead..4b20bf1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1244,6 +1244,7 @@
                 <li>IPO Calendar</li>
                 <li>Economic Calendar</li>
                 <li>Jokes</li>
+                <li>Gainers, Losers, Active</li>
 
               {%endif%}
                 
@@ -1356,6 +1357,7 @@
               <option value="17">IPO Calendar</option>
               <option value="18">Economic Calendar</option>
               <option value="19">Jokes</option>
+              <option value="20">Gainers, Losers, Active</option>
             </select>
           </div> 
 
@@ -7060,7 +7062,231 @@
 
           </div> 
 
-            
+
+
+    <!-- Gainers, Losers, Active -->
+
+          <div class="page" id="Page20" 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">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedZ222" class="col-form-label">Scroll Speed:</label>
+                  </div>
+                  <div class="col-auto">
+                    <select
+                      id="inputScrollSpeedMarket"
+                      class="form-select speed-select">
+                      <option {%if market_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if market_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if market_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="inputScrollSpeedRowZ222" class="col-form-label">Scroll Speed (Row 2):</label>
+                  </div>
+                  <div class="col-auto">
+                    <select
+                      id="inputScrollSpeedRow20"
+                      class="form-select speed-select">
+                      <option {%if market_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if market_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if market_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="inputTransitionZ222" class="col-form-label">Intro Transition:
+                    </label>
+                  </div>
+                  <div class="col-auto">
+                    <select id="inputTransitionMarket" class="form-select animation-select">
+                      <option {%if market_settings.animation == 'down' %} selected {% endif %}>Down</option>
+                      <option {%if market_settings.animation == 'up' %} selected {% endif %}>Up</option>
+                      <option {%if market_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="market-categories" class="col-form-label">Categories: </label>
+                  </div>
+                  <div class="col-auto">
+                    <select id="market-categories" class="form-select market-categories-select">
+                      <option>Top Gainers</option><option>Top Losers</option><option>Most Active</option>
+                    </select>
+                  </div>
+                  <div class="col-auto">
+                    <button id="market-categories-btn" class="btn set-btn">Add</button>
+                  </div>
+                </div>
+
+
+                <div class="row g-3 align-items-center left-div" style="padding-top:25px;">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ" class="col-form-label"
+                      >Percent Change
+                    </label>
+                  </div>
+                  <div class="col-auto">
+                    <input
+                      class="form-check-input percent-select"
+                      type="checkbox"
+                      value=""
+                      id="flexCheckCheckedMarket"
+                      {%if market_settings.percent%}
+                      checked
+                      {%endif%}
+                    />
+                  </div>
+                </div>
+
+
+                <div class="row g-3 align-items-center left-div">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ" class="col-form-label"
+                      >Point Change
+                    </label>
+                  </div>
+
+                  <div class="col-auto">
+                    <input
+                      class="form-check-input point-select"
+                      type="checkbox"
+                      value=""
+                      id="flexCheckCheckedMarket2"
+                      {%
+                      if
+                      market_settings.point%}
+                      checked
+                      {%endif%}
+                    />
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center left-div">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ" class="col-form-label"
+                      >Day Lo, Hi, Vol
+                    </label>
+                  </div>
+
+                  <div class="col-auto">
+                    <input
+                      class="form-check-input lohivol-select"
+                      type="checkbox"
+                      value=""
+                      id="lohivolmarket"
+                      {%
+                      if
+                      marketsettings.lohivol%}
+                      checked
+                      {%endif%}
+                    />
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center left-div">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ" class="col-form-label"
+                      >Display Company Logos
+                    </label>
+                  </div>
+
+                  <div class="col-auto">
+                    <input
+                      class="form-check-input logo-select"
+                      type="checkbox"
+                      value=""
+                      id="flexCheckCheckedMarket3"
+                      {%
+                      if
+                      market_settings.logos%}
+                      checked
+                      {%endif%}
+                    />
+                  </div>
+                </div>
+
+
+                <div class="row g-3 align-items-center left-div">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ222" class="col-form-label">
+                      Display Feature Title
+                    </label>
+                  </div>
+                  <div class="col-auto">
+                    <input
+                      class="form-check-input title-select"
+                      type="checkbox"
+                      value=""
+                      id="market_settings_title"
+                      {% if market_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="market-list"
+                    class="display-features-list text-white symbol-list">
+                  {% for f in market_settings.categories %}
+                      <li>{{f}}</li>
+                    {% endfor%}
+                  </ul>
+                </div>
+              </div>
+
+              <div class="col-lg-2 col-md-2 col-sm-12">
+                <div class="icons-list">
+                  <i
+                    id="market-increase-btn"
+                    class="upbutton fa fa-chevron-up"
+                    aria-hidden="true"
+                  ></i>
+                  <br />
+                  <br />
+                  <i
+                    id="market-decrease-btn"
+                    class="downbutton fa fa-chevron-down"
+                    aria-hidden="true"
+                  ></i>
+                  <a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
+                  <br />
+                  <br />
+                  <i
+                    id="market-remove-btn"
+                    class="fa fa-minus"
+                    aria-hidden="true"
+                  ></i>
+                  <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> 
+      
 
             
           <!-- Custom Images -->