{"id":20772868,"url":"https://github.com/leadcodedev/ice-framework","last_synced_at":"2025-06-20T08:06:49.641Z","repository":{"id":118172882,"uuid":"165285790","full_name":"LeadcodeDev/Ice-Framework","owner":"LeadcodeDev","description":null,"archived":false,"fork":false,"pushed_at":"2019-01-26T08:05:52.000Z","size":805,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-20T08:06:40.178Z","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/LeadcodeDev.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":"2019-01-11T17:51:28.000Z","updated_at":"2019-01-26T08:05:54.000Z","dependencies_parsed_at":"2023-04-22T11:38:53.389Z","dependency_job_id":null,"html_url":"https://github.com/LeadcodeDev/Ice-Framework","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LeadcodeDev/Ice-Framework","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeadcodeDev%2FIce-Framework","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeadcodeDev%2FIce-Framework/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeadcodeDev%2FIce-Framework/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeadcodeDev%2FIce-Framework/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LeadcodeDev","download_url":"https://codeload.github.com/LeadcodeDev/Ice-Framework/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeadcodeDev%2FIce-Framework/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260907157,"owners_count":23080612,"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":"2024-11-17T12:23:19.257Z","updated_at":"2025-06-20T08:06:44.362Z","avatar_url":"https://github.com/LeadcodeDev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ice-Framework\n\nICE is a framework developed for the purpose of having a lighter alternative to large frameworks.\nYou will find the basic elements (typology, layouts, animations ...) and various components such as a slider, cards, jumbotron ...\n\n## Installing\n\nAfin d'utiliser le framework ICE, veuillez ajouter dans votre page le code suivant :\n```html\n\u003clink rel=\"stylesheet\" href=\"http://93.26.101.34/assets/css/ice.min.css\"\u003e\n\u003cscript src=\"http://93.26.101.34/assets/js/ice.min.js\"\u003e\u003c/script\u003e\n```\n\n## The framework structure\n\nSoon\n\n## Components\n\n### Menu\nIf you would create a new menu, you can use this code in your html page. Don't forget to include js file in your \u003chead\u003e\n```html\n\u003cdiv class=\"ice-menu\"\u003e \u003c!-- If you want to have a sticky menu, you should add \"sticky\" tag here --\u003e\n    \u003ca href=\"#\" class=\"menu-logo\"\u003e\u003c/a\u003e\n    \u003cdiv class=\"menu-container\"\u003e\n        \u003cdiv class=\"menu-content\" id=\"menu-content\"\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#\"\u003eDécouvrir\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca href=\"#\"\u003eComment ça marche\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca href=\"#\"\u003eÀ propos\u003c/a\u003e\u003c/li\u003e\n                    \u003cli\u003e\u003ca href=\"#\"\u003eFAQ\u003c/a\u003e\u003c/li\u003e\n                \u003c/ul\u003e\n            \u003c/nav\u003e\n            \u003ca href=\"#\" class=\"button button-sign-up\"\u003eS'inscrire\u003c/a\u003e\n            \u003ca href=\"#\" class=\"button button-sign-in\"\u003eSe connecter\u003c/a\u003e\n        \u003c/div\u003e\n        \u003cbutton class=\"menu-button\" id=\"menu-button\"\u003e\u0026#9776;\u003c/button\u003e\n        \u003cdiv class=\"menu-sidebar\"\u003e\n            \u003cdiv class=\"menu-sidebar-header\"\u003e\u003c/div\u003e\n            \u003cdiv class=\"menu-sidebar-body\" id=\"menu-sidebar-body\"\u003e\u003c/div\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"menu-overlay\" id=\"menu-overlay\"\u003e\u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Slider\nFor the moment, you can't show many images (soon ?). In this area, you can add a text here with \"display-$your_position\"\n```html\n\u003cdiv class=\"ice-sm-container-fluid\"\u003e\n    \u003cdiv class=\"ice-slider\"\u003e\n        \u003cimg class=\"slider-image\" src=\"https://cdn.allwallpaper.in/wallpapers/1920x1080/8789/champs-elyses-paris-cities-light-lights-1920x1080-wallpaper.jpg\"\u003e \u003c!-- Choose your image --\u003e\n        \u003cdiv class=\"slider-overlay\"\u003e\u003c/div\u003e \u003c!-- Keep empty this tag --\u003e\n        \u003cdiv class=\"display-center\"\u003edisplay center\u003c/div\u003e\n        \u003cdiv class=\"display-bottom-right\"\u003edisplay bottom right\u003c/div\u003e\n        \u003cdiv class=\"display-bottom-left\"\u003edisplay bottom left\u003c/div\u003e\n        \u003cdiv class=\"display-top-left\"\u003edisplay top left\u003c/div\u003e\n        \u003cdiv class=\"display-top-right\"\u003edisplay top right\u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Jumbotron\nInitially, the jumbotron is used to create a visible area when loading the page in which you want to indicate important information.\nBe aware, however, that no child element of jumbotron-container is required.\nIn this way, you can better modulate your element.\n\u003eNOTE : If you add more jumbotrons, they will be alternated left and right.\n```html\n\u003cdiv class=\"ice-jumbotron\"\u003e\n    \u003cdiv class=\"jumbotron-container\"\u003e\n        \u003cdiv class=\"jumbotron-title\"\u003e\u003ch1\u003eI'm a title\u003c/h1\u003e\u003c/div\u003e\n        \u003cdiv class=\"jumbotron-describe\"\u003eI'm a short describe\u003c/div\u003e\n        \u003chr\u003e\n        \u003cdiv class=\"jumbotron-content\"\u003eI'm a content to my jumbotron\u003c/div\u003e\n        \u003cdiv class=\"ice-btn bg-green\"\u003eIf you want to add a button link\u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n## Built With\n\n* [SASS](https://sass-lang.com/) - The css compiler\n\n\n## Authors\n\n* **Freeze** - *Initial work* - [read more](https://github.com/Freeze455)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleadcodedev%2Fice-framework","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleadcodedev%2Fice-framework","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleadcodedev%2Fice-framework/lists"}