implementing dark mode functionality

README.md

@@ -1,14 +1,74 @@
-# Responsive Halloween Website 🎃
-## [Watch it on youtube](https://youtu.be/lgo1CEPZoxg)
-### Responsive Halloween Website 🎃
+# Halloween
 
-- Responsive Halloween Website Using HTML, CSS & JavaScript.
-- Contains animations when scrolling.
-- It has three color designs (green, red and black)
-- Smooth scrolling in each section.
-- Developed first with the Mobile First methodology, then for desktop.
-- Compatible with all mobile devices and with a beautiful and pleasant user interface.
+## 💻 Projeto
 
-Join the channel to see more videos like this. [Bedimcode](https://www.youtube.com/c/Bedimcode)
+Halloween foi uma aplicação prática vista por mim em um canal do YouTube que acompanho [Bedimcode](https://www.youtube.com/c/Bedimcode), fiz uma Fork do projeto, a fim de codar junto e personalizar com meu jeitinho. Visite o GitHub do [Bedimcode](https://github.com/bedimcode/responsive-halloween-website). O mesmo é responsivo para as diferentes resoluções.
 
-![halloween](/preview.png)
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+## 📢 Visite o site
+
+[Responsive-halloween-website](https://lobinhodev.github.io/Responsive-website-halloween/).
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+## Pré-requisitos
+
+-   `Git`
+-   `SASS é opcional`
+
+## Indicações
+
+-   Clone meu repositório e faça uma Fork
+
+### Comandos
+
+| Comando                                                                    | O que faz?            | Observação               |
+| -------------------------------------------------------------------------- | --------------------- | ------------------------ |
+| `git clone https://github.com/lobinhodev/Responsive-halloween-website.git` | Clona meu repositório | **Execute no terminal!** |
+
+### Desktop
+
+<p align="center">
+  <img width="600" src=".github/Desktop.gif">
+</p>
+
+### Mobile
+
+<p align="center">
+  <img width="600" src=".github/Mobile.gif">
+</p>
+
+## 🧠 Tecnologias
+
+Esse projeto foi desenvolvido com as seguintes tecnologias:
+
+-   HTML
+-   CSS
+-   JavaScript
+-   SASS
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+Bibliotecas
+
+-   [Google Fonts](https://fonts.google.com/)
+-   [Swiperjs](https://swiperjs.com)
+-   [UiGradient](https://uigradients.com)
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+## Referências
+
+-   [W3Schools referência HTML](https://www.w3schools.com/tags/default.asp)
+-   [W3Schools referência CSS](https://www.w3schools.com/cssref/default.asp)
+-   [Google Fonts](https://fonts.google.com/)
+-   [Coolors](https://coolors.co/palettes/trending)
+-   [Paletton](https://paletton.com/)
+-   [W3Schools propriedades CSS no DOM](https://www.w3schools.com/jsref/dom_obj_style.asp)
+-   [MDN lista de eventos](https://developer.mozilla.org/en-US/docs/Web/Events)
+-   [CSS BEM](https://desenvolvimentoparaweb.com/css/bem/)
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+---
+
+Feito com ♥ by Lobinhodev 🐺