{"id":26482603,"url":"https://github.com/lorussogiacomoluca/html-css-booleaner","last_synced_at":"2025-03-20T04:14:27.475Z","repository":{"id":278029028,"uuid":"934245006","full_name":"lorussogiacomoluca/html-css-booleaner","owner":"lorussogiacomoluca","description":"Exercise #3 - 17/02/2025","archived":false,"fork":false,"pushed_at":"2025-02-25T17:36:12.000Z","size":160,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T18:35:07.044Z","etag":null,"topics":["border","cards","css","html5","margin","padding","table","ul"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/lorussogiacomoluca.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-17T14:09:42.000Z","updated_at":"2025-02-25T17:36:16.000Z","dependencies_parsed_at":"2025-02-17T16:47:51.673Z","dependency_job_id":null,"html_url":"https://github.com/lorussogiacomoluca/html-css-booleaner","commit_stats":null,"previous_names":["lorussogiacomoluca/html-css-booleaner"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorussogiacomoluca%2Fhtml-css-booleaner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorussogiacomoluca%2Fhtml-css-booleaner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorussogiacomoluca%2Fhtml-css-booleaner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lorussogiacomoluca%2Fhtml-css-booleaner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lorussogiacomoluca","download_url":"https://codeload.github.com/lorussogiacomoluca/html-css-booleaner/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244547592,"owners_count":20470104,"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":["border","cards","css","html5","margin","padding","table","ul"],"created_at":"2025-03-20T04:14:26.828Z","updated_at":"2025-03-20T04:14:27.457Z","avatar_url":"https://github.com/lorussogiacomoluca.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Esercizio 3\n\n## 🖥️ Esercizio: Booleaner Layout\n\n📝 **Esercizio**: Riproducete il layout in allegato utilizzando l'approccio visto in classe. Fate un piccolo blocco alla volta aggiungendo ad ogni step le regole CSS. Come sempre aiutatevi con le slide e tutto ciò che avete a disposizione.\n\n🎯 **Bonus**\nPartendo dallo stesso HTML, create un secondo file CSS per crearne una versione diversa. Si può fare? Alla grande! 🔥 [Style Stage](https://stylestage.dev/)\nQuesta versione avrà il corpo pagina più stretto e centrato. Occhio all'header il cui background rimane invece a tutta pagina.\n\n📤 **Consegna**\nRiproducete il layout dell'immagine allegata utilizzando ciò che abbiamo visto stamattina aiutandovi con le slide, video e documentazione. Come l'esercizio scorso e d'ora in avanti sempre, faremo questo:\n\n- 📂 Create una nuova cartella con nome **html-css-booleaner**\n- 📝 Apritela con VSCode e create il file **index.html** (sarà la prima pagina ad aprirsi in un sito). Attenzione: per i nomi dei file usate sempre lettere minuscole e trattini al posto degli spazi 😉\n- 🖼️ All'interno della cartella del repo, create una sottocartella **img** nella quale inserirete le immagini necessarie.\n- 🎨 Sempre nella cartella, create la cartella **css** nella quale inserirete creandolo il vostro file CSS.\n- 🔄 Ora, andiamo sul tab GIT e clicchiamo **“Publish on GitHub”**, ricordando poi di selezionare una repo pubblica.\n- ✅ Poi clicchiamo ok e verifichiamo che la repo sia stata creata effettivamente su GitHub prima di procedere con l’esercizio.\n\n📂 **Il bonus deve essere consegnato all'interno di una cartella chiamata `bonus` da realizzare dentro la repo stessa.**\n\n📌 **Numero minimo di push**: 8\n\n🚀 **Ricordatevi di pushare di tanto in tanto per consegnare il vostro lavoro in modo incrementale.**\n\nBuon lavoro! 💪\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Florussogiacomoluca%2Fhtml-css-booleaner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Florussogiacomoluca%2Fhtml-css-booleaner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Florussogiacomoluca%2Fhtml-css-booleaner/lists"}