<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>

<body class="container container-sm">
  <div class="mb-3">
    <p class="p-5 text-center bg-primary-subtle border border-primary rounded-3">Inclusão de Notícias</p>
  </div>
  <div class="p-3 text-primary-emphasis bg-primary-subtle border border-primary rounded-3">
    <div class="mb-3">
      <label for="exampleFormControlInput1" class="form-label">Título Notícia</label>
      <input type="titulo" class="form-control border-primary" id="exampleFormControlInput1"
        placeholder="Informe o Título da Notícia">
    </div>
    <div class="mb-3">
      <label for="exampleFormControlTextarea1" class="form-label">Informe a Notícia</label>
      <textarea class="form-control border-primary" id="exampleFormControlTextarea1" rows="3"></textarea>
    </div>
    <div><button class="btn btn-sm btn-outline-primary">Cadastrar</button></div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
    crossorigin="anonymous"></script>
</body>

</html>