codigo html

<DOCTYPE html>
<html>
<head>
	<tittle>AutResidencial</tittle>
     <meta>
      <style>


     div> h2 {
          color: blue
        }
      body{
        font-family: Arial
      }

      .header{
          width: 100px;
          height: : 110px;
          border: 10px;
          background-color:  #F6F9F9;
          margin-top: 0px;
        }
        #quadrado{
          border-style: solid;
          border-color: #00979C;
          background-color: #F6F9F9;
          width: 800px;
          height:150px;
          text-align: center;
          display: inline-block;
          margin-bottom: 1000px;
        }
        #quadrado{
  font-size: 30px

 }
             #quadrado{
          cursor: pointer;
        }
      </style>
 </head>


  <body>


 	<center>
 		<div class"header">
 		</br>
 	    <div>
 	    	<h2>Quarto</h2>
 	      </div>
 	     </br>
        </div>


  <div id="quadrado">
  	<h5>Rele 1</h5>
  	<p class="carga">Ligar/desligar</p>
   <div>


  <div id="quadrado">
  	<h5>Rele 2</h5>
  	<p class="carga">Ligar/desligar</p>
   <div>


  <div id="quadrado">
  	<h5>Rele 3</h5>
 <p class="carga">Ligar/desligar</p>
  	<div>


  <div id="quadrado">
  	<h5>Rele 4</h5>
 <p class="carga">Ligar/desligar</p>
  	<div>


     </center>

    </body>


<html>