{"id":25533256,"url":"https://github.com/hptrk/learn-advanced-css-projects","last_synced_at":"2025-10-24T22:02:06.891Z","repository":{"id":276222423,"uuid":"928621336","full_name":"hptrk/LEARN-Advanced-CSS-Projects","owner":"hptrk","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-07T00:06:30.000Z","size":38512,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T01:18:43.795Z","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/hptrk.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-06T23:54:48.000Z","updated_at":"2025-02-07T00:06:50.000Z","dependencies_parsed_at":"2025-02-07T01:28:49.208Z","dependency_job_id":null,"html_url":"https://github.com/hptrk/LEARN-Advanced-CSS-Projects","commit_stats":null,"previous_names":["hptrk/learn-advanced-sass-projects"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hptrk%2FLEARN-Advanced-CSS-Projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hptrk%2FLEARN-Advanced-CSS-Projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hptrk%2FLEARN-Advanced-CSS-Projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hptrk%2FLEARN-Advanced-CSS-Projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hptrk","download_url":"https://codeload.github.com/hptrk/LEARN-Advanced-CSS-Projects/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239763644,"owners_count":19692812,"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-02-20T02:18:23.020Z","updated_at":"2025-10-24T22:02:06.882Z","avatar_url":"https://github.com/hptrk.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Advanced CSS Projects\n\nThis repository contains three projects from an **Advanced CSS** Udemy course.  \nEach project focuses on mastering advanced CSS concepts, including **flexbox**, **grid layout**, **animations**, and **responsive design**.\n\n## 🚀 Projects Overview\n\n### 1. **Nexter**  \nA **real estate landing page** showcasing advanced **CSS animations**, **form styling**, and **responsiveness**.\n\n- **Technologies**: HTML, CSS, Flexbox, Animations  \n- **Key Features**: Interactive property cards, smooth page transitions, and mobile-first design.\n\n![Nexter Screenshot](readme-images/nexter-screenshot.png)\n\n### 2. **Trillo**  \nA fully responsive **hotel booking website** designed to demonstrate **CSS Grid** and **responsive typography**.\n\n- **Technologies**: HTML, CSS, Grid, Responsive Design  \n- **Key Features**: Fully responsive layout, sleek design with well-structured components.\n\n![Trillo Screenshot](readme-images/trillo-screenshot.png)\n\n### 3. **Natours**  \nA modern **travel website** showcasing advanced CSS techniques such as **flexbox**, **grid**, and **CSS animations**.\n\n- **Technologies**: HTML, CSS, Flexbox, Grid, Animations  \n- **Key Features**: Responsive design, image hover effects, and animated transitions.\n\n![Natours Screenshot](readme-images/natours-screenshot.png)\n\n## 📅 Project Details\n- **Course**: Udemy - Advanced CSS and Sass: Flexbox, Grid, Animations and More!\n- **Year**: 2023\n- **Technologies**: HTML, CSS, Flexbox, Grid, Animations, Responsive Design  \n\n---\n\n⭐ These are learning projects and are not actively maintained.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhptrk%2Flearn-advanced-css-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhptrk%2Flearn-advanced-css-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhptrk%2Flearn-advanced-css-projects/lists"}