{"id":24013213,"url":"https://github.com/cihat-kose/web-design-basics","last_synced_at":"2026-04-29T04:34:45.560Z","repository":{"id":74820200,"uuid":"602432990","full_name":"cihat-kose/web-design-basics","owner":"cihat-kose","description":"A collection of HTML and CSS examples covering layout, styling, forms, links, and menus. Ideal for beginners to explore fundamental web development concepts through hands-on practice.","archived":false,"fork":false,"pushed_at":"2025-06-09T09:32:53.000Z","size":478,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-30T17:50:38.779Z","etag":null,"topics":["beginner-friendly","css","frontend","html","html5-css3","responsive-design","web-design","website"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cihat-kose.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2023-02-16T07:41:24.000Z","updated_at":"2025-06-09T09:32:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"17b712ab-6296-415b-8b5d-65afa31665b2","html_url":"https://github.com/cihat-kose/web-design-basics","commit_stats":null,"previous_names":["cihat-kose/css","cihat-kose/web-design-basics"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cihat-kose/web-design-basics","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cihat-kose%2Fweb-design-basics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cihat-kose%2Fweb-design-basics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cihat-kose%2Fweb-design-basics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cihat-kose%2Fweb-design-basics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cihat-kose","download_url":"https://codeload.github.com/cihat-kose/web-design-basics/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cihat-kose%2Fweb-design-basics/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32411446,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T03:46:11.172Z","status":"ssl_error","status_checked_at":"2026-04-29T03:37:55.317Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["beginner-friendly","css","frontend","html","html5-css3","responsive-design","web-design","website"],"created_at":"2025-01-08T06:51:43.247Z","updated_at":"2026-04-29T04:34:45.545Z","avatar_url":"https://github.com/cihat-kose.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Web Design Basics\n\n![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![Responsive Design](https://img.shields.io/badge/Responsive-6DB33F?style=for-the-badge\u0026logo=responsive\u0026logoColor=white)\n![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n![Visual Studio Code](https://img.shields.io/badge/VSCode-0078d7?style=for-the-badge\u0026logo=visual-studio-code\u0026logoColor=white)\n\nThis project is a collection of fundamental HTML and CSS exercises designed to build foundational web design skills. It includes various HTML structures, CSS styling techniques, and interactive web elements.\n\n## Table of Contents\n- [Project Overview](#project-overview)\n- [Features](#features)\n- [How to Run](#how-to-run)\n- [Dependencies](#dependencies)\n- [Screenshots](#screenshots)\n- [Future Work](#future-work)\n- [Contributors](#contributors)\n- [License](#license)\n- [Contact](#contact)\n\n## Project Overview\nThe project covers essential topics such as:\n- **HTML Pages:**\n  - `background.html` – Background and paragraph styling\n  - `box.html` – Box model and border designs\n  - `exercise.html` – Basic inline CSS example\n  - `exercise2.html` – Inline CSS styling\n  - `float.html` – Demonstrating float property\n  - `form.html` – Simple form design\n  - `groups.html` – Group selectors example\n  - `index.html` – Navigation to all examples\n  - `links.html` – Styling links\n  - `list.html` – List styling example\n  - `menu.html` – Navigation menu structure\n  - `products.html` – Placeholder products page\n  - `about.html` – Placeholder about page\n  - `contact.html` – Placeholder contact page\n  - `page.html` – Simple page sections\n  - `pagelayout.html` – Layout with article and aside\n  - `paragraph.html` – Paragraph styling\n  - `position.html` – Positioning example\n  - `priority.html` – CSS specificity example\n  - `shadow.html` – Box shadow example\n  - `table.html` – Table design and background integration\n\n- **CSS:**  \n  - `style.css` – General stylesheet\n\n- **Images:**  \n  - `pictures/maiden-tower-sunset.jpg` – Background image  \n  - `pictures/submit.png` – Submit button  \n  - `pictures/submit2.png` – Direction button  \n\n## Features\n- Responsive HTML and CSS designs  \n- Interactive form elements  \n- Structured and organized codebase  \n- Basic examples to learn web design fundamentals  \n\n## How to Run\n1. Clone or download the project:  \n   ```bash\n   git clone https://github.com/cihat-kose/web-design-basics.git\n   ```\n2. Navigate to the project directory:  \n   ```bash\n   cd web-design-basics\n   ```\n3. Open `index.html` in your web browser to view the project.  \n4. Alternatively, open individual HTML files (`background.html`, `form.html`) directly in your browser.  \n5. Modify the CSS and HTML to customize and improve the designs.\n\n## Dependencies\n- Modern web browser (Chrome, Firefox, etc.)  \n- Basic knowledge of HTML and CSS for customization.  \n\n## Screenshots\nHere is a preview of the project:  \n![Background Page](pictures/maiden-tower-sunset.jpg)\n\n## Future Work\n- Add JavaScript interactivity  \n- Implement advanced CSS animations  \n- Develop mobile-specific designs for better UX  \n\n## Contributors\n- [Cihat Köse](https://github.com/cihat-kose)  \n\nTo contribute:  \n1. Fork the repository.  \n2. Create a new branch:  \n   ```bash\n   git checkout -b feature-branch\n   ```\n3. Commit your changes:  \n   ```bash\n   git commit -m 'Add new feature'\n   ```\n4. Push to the branch:  \n   ```bash\n   git push origin feature-branch\n   ```\n5. Create a **Pull Request**.\n\n## License\nThis project is licensed under the MIT License.  \nSee the [LICENSE](LICENSE) file for details.  \n\n## Contact\nFor any questions, feedback, or contributions, please open an issue in this repository.  \nAlternatively, you can reach out via email or through GitHub.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcihat-kose%2Fweb-design-basics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcihat-kose%2Fweb-design-basics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcihat-kose%2Fweb-design-basics/lists"}