Merge pull request #6 from miguelrisquelme/development

Development

README.md

@@ -13,6 +13,18 @@ Hello this is a project made to apply the knowledge obtained in the courses of G
 
 <img src=".github/print.png">
 
+<br>
+<br><br>
+<br>
+
+## Contribute
+
+if you wanna contribute in this project just follow these steps:
+
+1. Make a fork of project
+2. Do your changes
+3. Open a Pull Request
+
 <br>
 <br>
 
@@ -23,7 +35,7 @@ Hello this is a project made to apply the knowledge obtained in the courses of G
 - 🟥 Side Menu
 - 🟥 Animation on Restaurant and Market options
 - 🟥 Modal over button "Entrar"
-- 🟥 Hover opacity in some links
+- ✅ Hover opacity in some links
 - ✅ Transition size image on options
 
 <br>
@@ -43,4 +55,7 @@ Hello this is a project made to apply the knowledge obtained in the courses of G
 - <a href="https://web.fe.up.pt/~ee96100/projecto/Tabela%20ascii.htm" target="_blank">Tabela ASCII</a>
 - <a href="https://cursos.alura.com.br/" target="_blank">Alura</a>
 
+<br>
+<br>
+
 Developed by <a href="https://bit.ly/miguelrisquelme"> Miguel Riquelme </a>with ❤

css/food-links.css

@@ -44,6 +44,10 @@
 	border: none;
 }
 
+.food-link article > a > button:hover {
+	background-color: var(--hover-red);
+}
+
 .food-link-img {
 	position: absolute;
 	bottom: 25px;

css/food-lover.css

@@ -34,6 +34,10 @@
 	border: none;
 }
 
+.food-lover article > a > button:hover {
+	background-color: var(--hover-red);
+}
+
 .food-lover img {
 	width: 100%;
 }

css/footer.css

@@ -2,6 +2,14 @@ footer {
 	padding: 100px 0px;
 }
 
+footer a {
+	color: var(--text);
+}
+
+footer a:hover {
+	color: var(--dark-gray);
+}
+
 .cities {
 	display: flex;
 	flex-direction: column;

css/header.css

@@ -23,6 +23,10 @@ ul {
 .header-menu a {
 	text-decoration: none;
 	font-family: "SulSans", sans-serif;
+	color: var(--text);
+}
+
+.header-menu a:hover {
 	color: var(--dark-gray);
 }
 

css/options.css

@@ -32,6 +32,10 @@
 	background-color: var(--red-default);
 }
 
+.card-option:not(.card-option:hover) {
+	opacity: 0.9;
+}
+
 .card-option:last-child {
 	background-color: var(--green-market);
 }

css/search.css

@@ -61,6 +61,10 @@
 	border: none;
 }
 
+.button-search:hover {
+	background-color: var(--dark-red);
+}
+
 @media screen and (max-width: 900px) {
 	.title-search {
 		width: 90%;