Untitled

<!DOCTYPE html>
<html>

<body>
    <div>
        <div class="content well">
            <h1 class="block-text-center engraved-text" style="padding-bottom: 15px; margin-bottom: -7px;">Your Local Weather</h1>
            <div id="temp-cel">Loading...</div>
            <div id="additional-description" style="padding-bottom: 15px;" class="col">Loading...</div>
            <img id="weather-img" style="margin: 0px; margin-top: -30px; padding: 0px;"></img>
            <div class="row">
                <div class="col-6">
                    <button type="button" id="cel-to-fahr" style="float: right;">Fahrenheit</button>
                </div>
                <div class="col-1">
                    <button type="button" id="fahr-to-cel" style="padding-left: 20px; padding-right: 20px;">Celsius</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>