Update README.md

README.md

@@ -1,11 +1,81 @@
-<div>
+# Hero form Kira
 
-## <a href="https://hutadev.github.io/hero_iconcard_kira/"> Demo </a>
+![GitHub repo size](https://img.shields.io/github/repo-size/HutaDev/hero_iconcard_kira?style=for-the-badge)
+![GitHub language count](https://img.shields.io/github/languages/count/HutaDev/hero_iconcard_kira?style=for-the-badge)
+![GitHub forks](https://img.shields.io/github/forks/HutaDev/hero_iconcard_kira?style=for-the-badge)
+![Bitbucket open issues](https://img.shields.io/bitbucket/issues/HutaDev/hero_iconcard_kira?style=for-the-badge)
+![Bitbucket open pull requests](https://img.shields.io/bitbucket/pr-raw/HutaDev/hero_iconcard_kira?style=for-the-badge)
 
-</div>
+<a href="https://hutadev.github.io/hero_iconcard_kira/"> 
 
 <picture>
      <source media="(prefers-color-scheme: dark)" srcset="src/imagens/preview.webp">
      <source media="(prefers-color-scheme: light)" srcset="src/imagens/preview.webp">
      <img alt="Imagem de demo" src="src/imagens/preview.webp">
 </picture>
+
+</a>
+
+> É uma secção de formulário de contacto/inscrição ou login,
+
+### Ajustes e melhorias
+
+O projeto está finalizado. mas se houver próximas actualizações serão adicionadas na v1.2
+
+## 💻 Pré-requisitos
+
+Antes de começar, verifique se você atendeu aos seguintes requisitos:
+
+- Tenha conhecimento médio de HTML e CSS
+- Ter domínio de variaveis em CSS
+
+## 🚀 Obter códigos
+
+Você pode fazer o `Fork` deste projecto ou mesmo copiar o código com `Ctrl` + `C` e adicionar no seu projecto
+
+## 📫 Contribuindo
+
+Para contribuir com no projecto, siga estas etapas:
+
+1. Bifurque este repositório.
+2. Crie um branch: `git checkout -b <nome_branch>`.
+3. Faça suas alterações e confirme-as: `git commit -m '<mensagem_commit>'`
+4. Envie para o branch original: `git push origin <nome_do_projeto> / <local>`
+5. Crie a solicitação de pull.
+
+> Pode ser directamente do Git ou GitHub
+
+## 🤝 Colaborador
+
+Agradecemos às seguintes pessoas que contribuíram para este projeto:
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="#" title="Hélio Carlitos">
+        <img src="https://avatars3.githubusercontent.com/u/112761333" width="100px;" alt="Foto do Hélio Carlitos no GitHub"/><br>
+        <sub>
+          <b>Hélio Carlitos</b>
+        </sub>
+      </a>
+    </td>
+    <!-- <td align="center">
+      <a href="#" title="defina o título do link">
+        <img src="https://s2.glbimg.com/FUcw2usZfSTL6yCCGj3L3v3SpJ8=/smart/e.glbimg.com/og/ed/f/original/2019/04/25/zuckerberg_podcast.jpg" width="100px;" alt="Foto do Mark Zuckerberg"/><br>
+        <sub>
+          <b>Mark Zuckerberg</b>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="#" title="defina o título do link">
+        <img src="https://miro.medium.com/max/360/0*1SkS3mSorArvY9kS.jpg" width="100px;" alt="Foto do Steve Jobs"/><br>
+        <sub>
+          <b>Steve Jobs</b>
+        </sub>
+      </a>
+    </td> -->
+  </tr>
+</table>
+
+Esse projecto está sob licença. Veja o arquivo [LICENÇA](https://github.com/HutaDev/hero_iconcard_kira?tab=MIT-1-ov-file) para mais detalhes.