<!DOCTYPE html>
<!--
********************************************************************************

    filename:    burnbotstatediagrams.php
    description: 
    inputs:       none
    outputs:      none
    actions:      none
    redirections: none 

********************************************************************************
-->
<html>
    <head>
        <?php include 'head.html' ?>
        <script src = "navigation.js"></script>
<style> 
#bg {
    background-image: url(burnbotrobot.jpg);
    background-size: cover;
    padding: 15px;
}
</style>
    </head>
    <body>
        <?php include 'navigationmanageswdocs.html' ?>
        <h3>BURNBOT STATE DIAGRAMS</h3>
<!--
        <div id="bg">
-->
        <div>
            <h3>BURN STATES</h3>
            <img src="docburnstates.jpg" style="width: 50%;height:50%;"">
            <h3>COOK STATES</h3>
            <img src="doccookstates.jpg" style="width: 50%;height:50%;"">
            <h3>FOOD STATES</h3>
            <img src="docfoodstates.jpg" style="width: 50%;height:50%;"">
        </div>
    </body>
</html>