Update README.md with basic structure

README.md

@@ -1 +1,17 @@
-# dqnid
+<h3 style="text-align: center">Hey there! I'm Dani <a href="https://dqnid.com/"><img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="5%"></a></h3>
+<br>
+
+
+I'm a programmer, currently working as a front-end developer. 
+Here you an find my best and worst. Even though I'm a web developer, it's not all about over engineered drawing books! 😙
+
+🔧 These are my most used tools:
+
+<div style="text-align: center; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;">
+![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
+![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
+![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)
+  ![LaTeX](https://img.shields.io/badge/latex-%23008080.svg?style=for-the-badge&logo=latex&logoColor=white)
+  ![Neovim](https://img.shields.io/badge/NeoVim-%2357A143.svg?&style=for-the-badge&logo=neovim&logoColor=white)
+  ![Arch](https://img.shields.io/badge/Arch%20Linux-1793D1?logo=arch-linux&logoColor=fff&style=for-the-badge)
+</div>