tela5emergencia.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="assets/style.css">
  <title>Tela 5 - Emergência</title>
</head>
<body style="background-color: rgba(245, 211, 69, 1);">
  <div class="bloco1">
    <div class="topoEmergencia">
        <div class="voltar"> 
            <button type="submit">
                <img src="assets/voltar.png" alt="Voltar" border="0">
            </button>
        </div>
       
    </div>
</div>
  <main class="emegenciaMain" style="padding-top: 140px;">
    <div class="botaoPolicia">
    
    <button id="policia"><svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_6_183)">
        <path d="M66.5 36.6067C66.4999 35.4294 66.3401 34.2576 66.025 33.1234L61.465 17.29C60.7002 14.5627 58.2175 12.6748 55.385 12.6667H20.5517C17.7516 12.6988 15.3049 14.566 14.535 17.2584L9.97501 33.0917C9.65701 34.2362 9.49719 35.4188 9.50001 36.6067V60.1667C9.50001 61.9156 10.9178 63.3334 12.6667 63.3334H15.8333C17.5822 63.3334 19 61.9156 19 60.1667V57H57V60.1667C57 61.9156 58.4178 63.3334 60.1667 63.3334H63.3333C65.0822 63.3334 66.5 61.9156 66.5 60.1667V36.6067ZM19.855 18.7784C19.9535 18.4406 20.2632 18.2084 20.615 18.2084H55.4483C55.8002 18.2084 56.1098 18.4406 56.2083 18.7784L59.8183 31.6667H16.1817L19.855 18.7784ZM25.3333 44.3334C25.3333 46.0823 23.9156 47.5 22.1667 47.5H19C17.2511 47.5 15.8333 46.0823 15.8333 44.3334V41.1667C15.8333 39.4178 17.2511 38 19 38H22.1667C23.9156 38 25.3333 39.4178 25.3333 41.1667V44.3334ZM60.1667 44.3334C60.1667 46.0823 58.7489 47.5 57 47.5H53.8333C52.0844 47.5 50.6667 46.0823 50.6667 44.3334V41.1667C50.6667 39.4178 52.0844 38 53.8333 38H57C58.7489 38 60.1667 39.4178 60.1667 41.1667V44.3334Z" fill="#1D2EC2"/>
        <rect x="35" y="5" width="7" height="8" rx="1" fill="#F70909"/>
        <path d="M34 12.5H43" stroke="black"/>
      </g>
      <defs>
        <clipPath id="clip0_6_183">
          <rect width="76" height="76" fill="white"/>
        </clipPath>
      </defs>
    </svg></button>
    <p>ENVIO DE VIATURA</p>
  </div>
  <div class="botaoEmergencia">
  
    <button id="contatoEmergencia"><svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_6_179)">
        <path d="M43.9167 54.25C39.6445 54.2463 35.439 53.1905 31.6717 51.1759L30.5092 50.53C22.4769 46.2115 15.8919 39.6264 11.5733 31.5942L10.9275 30.4317C8.86038 26.6429 7.76841 22.3993 7.75 18.0834V16.3525C7.74891 14.9755 8.29757 13.655 9.27417 12.6842L13.64 8.31836C14.064 7.89107 14.6625 7.68512 15.2596 7.76103C15.8568 7.83694 16.3847 8.18608 16.6883 8.70586L22.5008 18.6775C23.0886 19.6925 22.9189 20.9761 22.0875 21.8034L17.205 26.6859C16.7995 27.0869 16.705 27.7064 16.9725 28.21L17.8767 29.915C21.124 35.9302 26.0639 40.8611 32.085 44.0975L33.79 45.0275C34.2937 45.295 34.9131 45.2005 35.3142 44.795L40.1967 39.9125C41.024 39.0811 42.3075 38.9114 43.3225 39.4992L53.2942 45.3117C53.8139 45.6153 54.1631 46.1432 54.239 46.7404C54.3149 47.3375 54.109 47.936 53.6817 48.36L49.3158 52.7259C48.345 53.7025 47.0245 54.2511 45.6475 54.25H43.9167Z" fill="#F70909"/>
      </g>
      <defs>
        <clipPath id="clip0_6_179">
          <rect width="62" height="62" fill="white"/>
        </clipPath>
      </defs>
    </svg></button>
    <p>CHAMAR CONTATO DE EMERGÊNCIA</p>
  </div>
  </main>
</div>
</body>
</html>