{"id":22070883,"url":"https://github.com/ivanclay/timeline","last_synced_at":"2026-05-04T03:37:36.444Z","repository":{"id":260943020,"uuid":"882781360","full_name":"ivanclay/timeline","owner":"ivanclay","description":"Create a Responsive Timeline with HTML \u0026 CSS – Step-by-Step Tutorial","archived":false,"fork":false,"pushed_at":"2024-11-05T12:51:08.000Z","size":160,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T19:14:42.971Z","etag":null,"topics":["css3","html"],"latest_commit_sha":null,"homepage":"","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/ivanclay.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":"2024-11-03T18:37:42.000Z","updated_at":"2024-11-17T16:57:11.000Z","dependencies_parsed_at":"2024-11-03T19:28:43.526Z","dependency_job_id":"cc4fcb7b-da47-4b28-9ea9-4f6d19a86b55","html_url":"https://github.com/ivanclay/timeline","commit_stats":null,"previous_names":["ivanclay/timeline"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ivanclay/timeline","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivanclay%2Ftimeline","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivanclay%2Ftimeline/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivanclay%2Ftimeline/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivanclay%2Ftimeline/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ivanclay","download_url":"https://codeload.github.com/ivanclay/timeline/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ivanclay%2Ftimeline/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32593947,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"online","status_checked_at":"2026-05-04T02:00:06.625Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css3","html"],"created_at":"2024-11-30T20:19:31.386Z","updated_at":"2026-05-04T03:37:36.417Z","avatar_url":"https://github.com/ivanclay.png","language":"CSS","funding_links":["https://buymeacoffee.com/ivanclaymoura"],"categories":[],"sub_categories":[],"readme":"# Timeline Implementations with HTML \u0026 CSS\n\n![Badge de Status do Projeto](https://img.shields.io/badge/status-training-blue.svg?style=flat-square)\n![Badge de Licença](https://img.shields.io/badge/html-5-blue.svg?style=flat-square\u0026logo=html5)\n![Badge de Licença](https://img.shields.io/badge/css-3-blue.svg?style=flat-square\u0026logo=css3)\n![Badge de Versão](https://img.shields.io/badge/app-v_1.0.0-green.svg?style=flat-square\u0026logo=app)\n\n**Create a Responsive Timeline with HTML \u0026amp; CSS – Step-by-Step Tutorial**\n\n\n\n[![](http://img.youtube.com/vi/2QkOyrH3dFI/0.jpg)](https://www.youtube.com/watch?v=2QkOyrH3dFI)\n\nThis repository showcases various ways to implement a timeline using only HTML and CSS. The goal is to provide a collection of timeline styles and layouts that can be easily adapted for different projects, whether for portfolios, personal sites, or business pages. Each example demonstrates unique approaches to styling and structuring a responsive timeline.\n\nFeel free to explore, experiment, and use these examples as a foundation for your own projects. Contributions and suggestions are always welcome!\n\n---\n\nIf you find this repository helpful and would like to support my work, feel free to [buy me a coffee](https://buymeacoffee.com/ivanclaymoura) ☕. \n\nYour support helps me continue creating and sharing resources with the community.\n\nThank you!\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fivanclay%2Ftimeline","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fivanclay%2Ftimeline","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fivanclay%2Ftimeline/lists"}