betaflight/tabs/initial_setup.html

<div class="tab-initial_setup">
    <div class="section">
        <a class="calibrateAccel" href="#">Calibrate Accelerometer</a>
        <p>
            Place frame on a <strong style="color: green;">level</strong> surface, proceed with calibration, ensure it is <strong style="color: red;">not</strong> moving during this period.
        </p>
    </div>
    <div class="section">
        <a class="calibrateMag" href="#">Calibrate Magnetometer</a>
        <p>
            Click the button, move multirotor atleast <strong>360</strong> degrees on all axis of rotation. <br />
            You have <strong style="color: red;">30 seconds</strong> to perform this task.
        </p>
    </div>
    <div class="section">
        <a class="resetSettings" href="#">Reset Settings</a>
        <p>
            Some text goes here
        </p>
    </div>    
    <div id="interactive_block">
        <a class="reset" href="#" title="Reset Z">Reset Z axis</a>             
        <div id="perspective">
            <div id="cube">
                <div id="cubePITCH">
                    <div id="cubeROLL">
                        <div class="face one">BOTTOM</div>
                        <div class="face two">BACK</div>
                        <div class="face three">RIGHT</div>
                        <div class="face four">FRONT</div>
                        <div class="face five">LEFT</div>
                        <div class="face six">TOP</div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
</div>