{"id":22444859,"url":"https://github.com/mikaelnogueira/box-model","last_synced_at":"2026-05-01T15:39:14.812Z","repository":{"id":163706076,"uuid":"639163477","full_name":"mikaelnogueira/box-model","owner":"mikaelnogueira","description":"💻 Check out my HTML and CSS button project, focused on learning transition effects, shadows, size changes, and more.","archived":false,"fork":false,"pushed_at":"2023-05-11T01:55:17.000Z","size":6,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T15:27:04.156Z","etag":null,"topics":["box","box-model","button","creation","css","css-html","github","html","html-css","html5","index","mikaelnogueira","model","project","shadow","style","supersimpledev"],"latest_commit_sha":null,"homepage":"https://mikaelnogueira.github.io/box-model/","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/mikaelnogueira.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-05-10T22:36:20.000Z","updated_at":"2023-05-11T01:56:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"58e97400-6e83-4a28-aefa-713af8a3311f","html_url":"https://github.com/mikaelnogueira/box-model","commit_stats":{"total_commits":10,"total_committers":2,"mean_commits":5.0,"dds":0.09999999999999998,"last_synced_commit":"0f2917c8b5f3fa83d499ea5158498e6deffce533"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikaelnogueira%2Fbox-model","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikaelnogueira%2Fbox-model/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikaelnogueira%2Fbox-model/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikaelnogueira%2Fbox-model/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mikaelnogueira","download_url":"https://codeload.github.com/mikaelnogueira/box-model/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245832612,"owners_count":20679701,"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":["box","box-model","button","creation","css","css-html","github","html","html-css","html5","index","mikaelnogueira","model","project","shadow","style","supersimpledev"],"created_at":"2024-12-06T03:10:26.687Z","updated_at":"2026-05-01T15:39:09.783Z","avatar_url":"https://github.com/mikaelnogueira.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbody\u003e\n\t\u003ch1\u003eCreation of 5 buttons with effects in HTML and CSS 💻🌟\u003c/h1\u003e\n\t\u003cp\u003eThis is a learning project to improve my CSS skills, focusing on button effects. The goal is to create 5 buttons with different size, shadow, and scaling effects.\u003c/p\u003e\n\t\u003ch2\u003eButtons to be created:\u003c/h2\u003e\n\t\u003cul\u003e\n\t\t\u003cli\u003eButton with shadow 🌑\u003c/li\u003e\n\t\t\u003cli\u003eButton that increases in size when hovering 🖱️🔍\u003c/li\u003e\n\t\t\u003cli\u003eButton that decreases in size when hovering out 🖱️🔍\u003c/li\u003e\n\t\t\u003cli\u003eButton that increases in size on the side when hovering 🖱️👉\u003c/li\u003e\n\t\t\u003cli\u003eButton that decreases in size on the side when hovering out 🖱️👈\u003c/li\u003e\n\t\u003c/ul\u003e\n\t\u003ch2\u003eHow to run the project:\u003c/h2\u003e\n\t\u003cp\u003eTo run the project, follow the instructions below:\u003c/p\u003e\n\t\u003col\u003e\n\t\t\u003cli\u003eClone the repository on your machine\u003c/li\u003e\n\t\t\u003cli\u003eAccess the project directory via terminal\u003c/li\u003e\n\t\t\u003cli\u003eOpen the index.html file in your browser\u003c/li\u003e\n\t\t\u003cli\u003eOr open the website by clicking \u003ca href=\"mikaelnogueira.github.io/box-model/\"\u003e\u003cu\u003ehere\u003c/u\u003e\u003c/a\u003e\n\t\u003c/ol\u003e\n\t\u003ch2\u003eTechnologies used:\u003c/h2\u003e\n\t\u003cul\u003e\n\t\t\u003cli\u003eHTML 📝\u003c/li\u003e\n\t\t\u003cli\u003eCSS 🎨\u003c/li\u003e\n\t\u003c/ul\u003e\n\t\u003ch2\u003eAuthor:\u003c/h2\u003e\n\t\u003cp\u003eThis project was developed by Mikael Nogueira, as part of his CSS learning portfolio. This challenge was proposed by \u003ca href=\"https://www.youtube.com/watch?v=G3e-cpL7ofc\u0026list=WL\u0026index=1\"\u003e\u003cu\u003eSuperSimpleDev\u003c/u\u003e\u003c/a\u003e with the aim of teaching HTML and CSS in a simple and high-quality way.\u003c/p\u003e\n\t\u003ch2\u003eSocial Media:\u003c/h2\u003e\n\t\u003cul\u003e\n\t\t\u003cli\u003eInstagram: \u003ca href=\"https://www.instagram.com/nog.mikael/\"\u003e@nog.mikael\u003c/a\u003e 📷\u003c/li\u003e\n\t\t\u003cli\u003eLinkedIn: \u003ca href=\"https://www.linkedin.com/in/mikael-nogueira-413b45274/\"\u003e@mikaelnogueira \u003c/a\u003e🔗\u003c/li\u003e\n\t\t\u003cli\u003eGitHub: \u003ca href=\"https://github.com/mikaelnogueira\"\u003e@mikaelnogueira\u003c/a\u003e 🐙\u003c/li\u003e\n\t\u003c/ul\u003e\n\t\u003ch2\u003eLicense:\u003c/h2\u003e\n\t\u003cp\u003eThis project is licensed under the \u003ca href=\"https://opensource.org/license/mit/\"\u003e\u003cu\u003eMIT\u003c/u\u003e\u003c/a\u003e license.\u003c/p\u003e\n\t\u003cp\u003eMade with ❤️ by Mikael Nogueira\u003c/p\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikaelnogueira%2Fbox-model","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmikaelnogueira%2Fbox-model","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikaelnogueira%2Fbox-model/lists"}