{"id":22568343,"url":"https://github.com/vanstrouble/coffe-blog-html","last_synced_at":"2026-05-19T07:10:29.528Z","repository":{"id":250657003,"uuid":"834907785","full_name":"vanstrouble/coffe-blog-html","owner":"vanstrouble","description":"Coffe Blog made with HTML and CSS.","archived":false,"fork":false,"pushed_at":"2024-08-03T06:21:22.000Z","size":4681,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T14:14:01.487Z","etag":null,"topics":["css","html"],"latest_commit_sha":null,"homepage":"https://vanstrouble-coffeblog.netlify.app/","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/vanstrouble.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-07-28T17:38:49.000Z","updated_at":"2024-08-03T06:26:36.000Z","dependencies_parsed_at":"2024-07-29T07:22:11.732Z","dependency_job_id":null,"html_url":"https://github.com/vanstrouble/coffe-blog-html","commit_stats":null,"previous_names":["vanstrouble/coffe-blog-html"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Fcoffe-blog-html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Fcoffe-blog-html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Fcoffe-blog-html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanstrouble%2Fcoffe-blog-html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vanstrouble","download_url":"https://codeload.github.com/vanstrouble/coffe-blog-html/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246041443,"owners_count":20714138,"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":["css","html"],"created_at":"2024-12-08T00:12:43.912Z","updated_at":"2025-10-13T02:24:22.023Z","avatar_url":"https://github.com/vanstrouble.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CoffeBlog\n\nCoffeBlog is a website dedicated to coffee enthusiasts. Here you will find delicious recipes, information about the benefits of coffee, and you can join our workshops to learn coffee extraction and roasting techniques.\n\nThis project was created as a practice in web design and programming. The main objective is to apply modern techniques such as CSS Grid and Flexbox to develop a responsive and visually appealing design. Through this project, I aimed to enhance my skills in developing user interfaces that adapt optimally to a variety of devices and resolutions.\n\n## Features\n\n- **Home Page**\n\nThe main landing page that welcomes users and provides an overview of what CoffeBlog offers.\n\nThe website includes a welcoming homepage with a header that links to the site information and contact pages. It also features a footer that complements and maintains the overall style. There is a vertical view displaying various blog entries and a sidebar showcasing the different workshops offered, along with their key details. The website maintains a consistent style across all its pages.\n\n\u003cimg src=\"screenshots/home-desk.jpeg\" alt=\"Home Page Desktop\" width=\"600\"/\u003e\n\n- **About us**\n\nInformation about our mission, vision and the team behind CoffeBlog.\n\nThis page is dedicated to explaining the purpose of the website. Keeping a consistent HTML style across all pages and using Lorem Ipsum to fill the text, as is common in practice projects.\n\n\u003cimg src=\"screenshots/about-desk.jpeg\" alt=\"About Page Desktop\" width=\"600\"/\u003e\n\n- **Courses Page**\n\nJoin our free workshops to learn coffee extraction, roasting, and grinding techniques.\n\nArea used to display the workshops offered. Use a list of all items with their representative pictures, details about price and location, and a brief description.\n\n\u003cimg src=\"screenshots/courses-desk.jpeg\" alt=\"Courses Page Desktop\" width=\"600\"/\u003e\n\n- **Contact Page**\n\nGet in touch with us for any inquiries, feedback, or support.\n\nThe contact page features a useful form for providing feedback. It includes a dedicated image, and the form is styled to overlay the image, creating an appealing visual effect for the user.\n\n\u003cimg src=\"screenshots/contact-desk.jpeg\" alt=\"Contact Page Desktop\" width=\"600\"/\u003e\n\n## Technologies Used\n\n- **HTML5 \u0026 CSS3**: For structuring and styling the web pages.\n- **Lorem Ipsum**: Used to fill the text in practice projects for placeholder content.\n- **JavaScript**: To add interactivity and dynamic content.\n- **Modernizr**: To detect HTML5 and CSS3 features in various browsers.\n- **Flexbox**: For creating flexible and responsive layouts.\n- **Responsive Design**: Ensuring the website looks great on all devices, from desktops to mobile phones.\n\n## Lessons Learned\n\nThrough this project, I have significantly improved my skills in designing websites using only HTML and CSS. This practice allowed me to focus on creating a fast and smooth user experience without relying on external libraries or frameworks. Additionally, I learned to develop responsive web designs that adapt perfectly to any device, ensuring an optimal experience on both desktop and mobile.\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanstrouble%2Fcoffe-blog-html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvanstrouble%2Fcoffe-blog-html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanstrouble%2Fcoffe-blog-html/lists"}