betaflight-configurator/tabs/motor_outputs.html

<div class="tab-motor_outputs">
    <div class="left motors">
        <ul class="titles">
            <li title="Motor - 1">M - 1</li>
            <li title="Motor - 2">M - 2</li>
            <li title="Motor - 3">M - 3</li>
            <li title="Motor - 4">M - 4</li>
            <li title="Motor - 5">M - 5</li>
            <li title="Motor - 6">M - 6</li>
            <li title="Motor - 7">M - 7</li>
            <li title="Motor - 8">M - 8</li>
        </ul>
        <div class="bar-wrapper">
            <div class="m-block motor-0"><div class="indicator"></div></div>
            <div class="m-block motor-1"><div class="indicator"></div></div>
            <div class="m-block motor-2"><div class="indicator"></div></div>
            <div class="m-block motor-3"><div class="indicator"></div></div>
            <div class="m-block motor-4"><div class="indicator"></div></div>
            <div class="m-block motor-5"><div class="indicator"></div></div>
            <div class="m-block motor-6"><div class="indicator"></div></div>
            <div class="m-block motor-7"><div class="indicator"></div></div>
        </div>
    </div>
    <div class="right servos">
        <ul class="titles">
            <li title="Servo - 1">S - 1</li>
            <li title="Servo - 2">S - 2</li>
            <li title="Servo - 3">S - 3</li>
            <li title="Servo - 4">S - 4</li>
            <li title="Servo - 5">S - 5</li>
            <li title="Servo - 6">S - 6</li>
            <li title="Servo - 7">S - 7</li>
            <li title="Servo - 8">S - 8</li>
        </ul>
        <div class="bar-wrapper">
            <div class="m-block servo-0"><div class="indicator"></div></div>
            <div class="m-block servo-1"><div class="indicator"></div></div>
            <div class="m-block servo-2"><div class="indicator"></div></div>
            <div class="m-block servo-3"><div class="indicator"></div></div>
            <div class="m-block servo-4"><div class="indicator"></div></div>
            <div class="m-block servo-5"><div class="indicator"></div></div>
            <div class="m-block servo-6"><div class="indicator"></div></div>
            <div class="m-block servo-7"><div class="indicator"></div></div>
        </div>
    </div>
    <div class="clear-both"></div>
    <p i18n="motorsBarInfo">
    </p>
    <div class="motor_testing">
        <div class="left">
            <div class="sliders">
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
                <input class="master" type="range" min="1000" max="2000" value="1000" disabled="disabled" />
            </div>
            <div class="values">
                <ul>
                    <li>1000</li>
                    <li>1000</li>
                    <li>1000</li>
                    <li>1000</li>
                    <li>1000</li>
                    <li>1000</li>
                    <li>1000</li>
                    <li>1000</li>
                    <li style="font-weight: bold" i18n="motorsMaster"></li>
                </ul>
            </div>
        </div>
        <div class="notice" i18n="motorsNotice">
        </div>
        <div class="cler-both"></div>
    </div>
</div>