To hide the ribbon nav bar from your html you can get use of these two ways;

First way add the below css class to your css file

#s4-ribbonrow {
    display: none;
}

Second way use javascript to hide it

<script type="text/javascript"> document.getElementById("s4-ribbonrow").style.display = "none"; </script>