06-04-2024

gallery/readme.md

@@ -0,0 +1,87 @@
+[![Social banner for mugas](./assets/Image_banner.png)](http://ricardomoreira.io/)
+
+<h1 align="center"> 🔥Image Gallery🔥</h1>
+
+<h2 align="center">Image Gallery made only with CSS </h2>
+
+### Index
+
+* [Name](#Name) 👈
+* [Links](#Links) 🔗
+* [Description](#Description) 📖
+* [Languages and Frameworks](####Languages-and-Frameworks) ⚙️
+* [Screenshots](#Screenshots) 📱
+* [Instalation](#Instalation) 🧩
+* [Support](#Support) 🆘
+* [Roadmap](#Roadmap) 🗺️
+* [Authors and acknowledgment](####Authors-and-acknowledgment) ✍️
+* [Project Status](#Project-Status) 📜
+
+# Name
+
+Image Gallery
+
+# Links
+
+[Website](https://goodstuffoodsgallery.netlify.app/)
+
+[Presentation](https://www.ricardomoreira.io/blog/2020-05-28-create-a-image-gallery)
+
+___
+
+# Description
+
+First project that I did. Based on a tutorial as a simple image gallery.
+
+* **Flexbox** - for the navbars, and also for the text inside the image
+* **Grid** - for the gallery image. It is adapted to fit as many images as necessary keeping the ratio
+* **Acessibility** - Add proper structure, image alt text and some other features to make the website more acessible.
+* **BEM** - Use Block Element Modifier ( BEM) to name my classes in CSS
+
+___
+
+# Languages, Frameworks and others
+
+* **CSS** - Styling
+
+____
+
+# Screenshots
+
+Home Page         |  Blog Page
+:-------------------------:|:-------------------------:
+![](assets/screenshot.png)  |  ![](assets/screenshot1.png)
+
+____
+
+# Instalation
+
+___
+
+# Support
+
+Have any question or find something that doesn't look good? Let's talk 😊
+
+[Here](https://github.com/mugas)
+
+[And Here](https://www.ricardomoreira.io/about)
+
+____
+
+# Roadmap
+
+Nothing to add
+
+____
+
+# Authors-and-acknowledgment
+
+* Me 😊
+
+____
+
+# Project-Status  
+
+Nothing to add.
+
+____