src/tpl/slider.tpl.php

<?php

/**
 * Copyright (c) 2022 Eclipse Foundation.
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * Contributors:
 *   Christopher Guindon (Eclipse Foundation) - Initial implementation
 *
 * SPDX-License-Identifier: EPL-2.0
 */
?>

<div class="text-center padding-top-50 padding-bottom-50 container padding-bottom-25">
    <div class="row donate-container">

        <div class="col-md-18 col-md-offset-3">
          <?php print $this->getLayoutTemplatePage(); ?>
          <div class="donate-container-content">
            <input class="donate-bar" type="range" value="3" step="1" min="1" max="5">
          </div>

          <ul class="list-inline list-donate-amount text-left margin-bottom-20">
            <li class="one">$5</li>
            <li class="two">$10</li>
            <li class="three text-center">$35</li>
            <li class="four text-right">$50</li>
            <li class="five text-right">$100</li>
          </ul>
        </div>

        <div class="form-inline margin-bottom-20 donate-submit">
          <div class="input-group">
            <input class="donate-amount form-control text-center" type="number" name="firstAmount" value="35" min="1">
            <div class="input-group-addon">USD</div>
          </div>
          <button type="button" class="btn btn-warning btn-donate" data-toggle="modal" data-target="#donationModal">Donate</button>
        </div>

        <ul class="list-inline">
          <li><a class="grey-link" href="mailto:donate@eclipse.org?subject=Donation Problem">Problems
              donating?</a></li>
          <li><a class="grey-link" href="/donate/faq.php">Donation FAQ</a></li>
        </ul>

        <?php print $this->getLayoutTemplatePage('-suffix'); ?>
    </div>
</div>