{"id":24482261,"url":"https://github.com/ozzies-code/mainmenu","last_synced_at":"2025-03-14T19:22:46.794Z","repository":{"id":183100667,"uuid":"669600292","full_name":"ozzies-code/Mainmenu","owner":"ozzies-code","description":"This project consists of showing the menu of a fast food restaurant where when placed on each menu, a Hover effect is generated that changes the background color and the color of the letters to highlight the publication.","archived":false,"fork":false,"pushed_at":"2023-07-22T20:15:52.000Z","size":667,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T12:13:08.888Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ozzies-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-07-22T20:07:14.000Z","updated_at":"2023-07-22T20:16:47.000Z","dependencies_parsed_at":"2023-07-22T21:35:26.727Z","dependency_job_id":null,"html_url":"https://github.com/ozzies-code/Mainmenu","commit_stats":null,"previous_names":["ozzies-code/mainmenu"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozzies-code%2FMainmenu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozzies-code%2FMainmenu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozzies-code%2FMainmenu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozzies-code%2FMainmenu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ozzies-code","download_url":"https://codeload.github.com/ozzies-code/Mainmenu/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243633035,"owners_count":20322522,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-21T12:13:16.417Z","updated_at":"2025-03-14T19:22:46.771Z","avatar_url":"https://github.com/ozzies-code.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mainmenu\nThis project consists of showing the menu of a fast food restaurant where when placed on each menu, a Hover effect is generated that changes the background color and the color of the letters to highlight the publication.\n\nHTML:\n\n\u003c!DOCTYPE html\u003e  \n \u003chtml lang=\"en\"\u003e  \n \u003chead\u003e  \n\n   \u003cmeta charset=\"UTF-8\"\u003e  \n   \u003cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"\u003e  \n   \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e  \n   \u003ctitle\u003eMenu de Hamburguesa\u003c/title\u003e  \n   \u003clink rel=\"stylesheet\" href=\"./mimenucomida.css\"\u003e  \n \u003c/head\u003e  \n \u003cbody\u003e  \n \u003cdiv class=\"content\"\u003e  \n   \u003cdiv class=\"heading\"\u003eMENU PRINCIPAL\u003c/div\u003e  \n   \u003cdiv class=\"cateogaries\"\u003e  \n    \u003ca class=\"ctitle all\" \u003eALL YOU CAN EAT\u003c/a\u003e  \n   \u003c/div\u003e  \n   \u003cdiv class=\"container\"\u003e  \n     \u003cdiv class=\"items\"\u003e  \n       \u003cdiv class=\"img-conatiner\"\u003e\u003cimg src=\"https://wallpapercave.com/wp/wp3151363.jpg\"  \n       alt=\"Burger\" class=\"img\"\u003e\u003c/div\u003e   \n        \u003cdiv class=\"details\"\u003e  \n          \u003cdiv class=\"title\"\u003eburger\u003c/div\u003e  \n          \u003cdiv class=\"price\"\u003e$4\u003c/div\u003e  \n         \u003c/div\u003e  \n       \u003cdiv class=\"cateogary\"\u003eFAST FOOD\u003c/div\u003e  \n     \u003c/div\u003e  \n     \u003cdiv class=\"items\"\u003e  \n       \u003cdiv class=\"img-conatiner\"\u003e\u003cimg src=\"https://static.toiimg.com/thumb/73514385.cms?imgsize=1468833\u0026width=800\u0026height=800\"  \n        alt=\"Burger\" class=\"img\"\u003e\u003c/div\u003e   \n        \u003cdiv class=\"details\"\u003e  \n          \u003cdiv class=\"title\"\u003eburger\u003c/div\u003e  \n          \u003cdiv class=\"price\"\u003e$4\u003c/div\u003e  \n          \u003c/div\u003e  \n        \u003cdiv class=\"cateogary\"\u003eFAST FOOD\u003c/div\u003e  \n      \u003c/div\u003e  \n   \u003c/div\u003e  \n \u003c/div\u003e  \n   \u003cscript src=\"./foodmenu.js\"\u003e\u003c/script\u003e  \n \u003c/body\u003e  \n \u003c/html\u003e  \n\n CSS:\n\n *{  \n   margin: 0;  \n   padding: 0;  \n }\n \n body{\n\tbackground-color: orange; \n }\n \n .content{  \n   display: flex;  \n   flex-direction: column;  \n   align-items: center;  \n }\n \n  .heading{  \n   font-size:40px;  \n   font-weight: 800;  \n   margin:60px auto;  \n   color: blue;\n } \n \n .cateogaries{  \n   display: flex;  \n   flex-wrap: wrap;  \n }  \n \n .ctitle:active{  \n   background-color:rgba(255,0,0,0.9);  \n } \n \n .cateogaries .ctitle{  \n margin:10px;  \n border:4px solid red;  \n padding: 20px 65px;  \n border-radius:12px; \n background-color: #000000; \n } \n \n a{  \n   text-decoration: none;  \n   color:#ffffff;  \n } \n \n .container{  \n   display: flex;  \n   flex-wrap: wrap;  \n   width:80%;  \n   justify-content:center;  \n   margin: 20px;  \n } \n \n .items{  \n width:200px;  \n height:300px;  \n display:flex;  \n border:4px solid red;  \n padding:4px;  \n border-radius: 10px;  \n margin: 20px;  \n flex-direction: column; \n color:blue;\n }  \n \n .img{  \n   width:200px;  \n   height:200px;  \n }\n \n .title{  \n   font-size:20px;  \n } \n \n .cateogary{  \n   text-align: center;  \n   margin: 10px 0px;\n     \n } \n \n .details{  \n display: flex;  \n justify-content: space-between;  \n width:100%;  \n } \n \n .items:hover{  \n   background-color: #000000;  \n   color:white;  \n   transition-duration:0.7s;  \n   box-shadow: 8px 8px 10px rgba(255,0,0,0.4);  \n   transform:translate(-8px,-8px);  \n } \n\n.img-conatiner{  \n   height:200px;  \n   width:200px;  \n   overflow: hidden;  \n } \n\n.cateogaries .ctitle:hover {  \n   transform: translate(3px,-5px);  \n   transition-duration: 0.7s;  \n   box-shadow: 5px 5px 10px rgba(255,0,0,0.5);  \n }   \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fozzies-code%2Fmainmenu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fozzies-code%2Fmainmenu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fozzies-code%2Fmainmenu/lists"}