{"id":29447993,"url":"https://github.com/loag0/fieldset-devices","last_synced_at":"2026-05-14T20:05:09.300Z","repository":{"id":288124101,"uuid":"966928384","full_name":"loag0/Fieldset-Devices","owner":"loag0","description":"This was my attempt at a school assignment I was tasked with wherein I had to create a website for a company of my choice ","archived":false,"fork":false,"pushed_at":"2025-07-17T15:05:36.000Z","size":4282,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-26T03:35:19.132Z","etag":null,"topics":["clean-code","concept-website","css3","custom-css","frontend","html5","javascript","landing-page","minimalist-design","modern-design","responsive-design","student-project","tech-brand","uiux","web-design"],"latest_commit_sha":null,"homepage":"https://loag0.github.io/Fieldset-Devices/","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/loag0.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,"zenodo":null}},"created_at":"2025-04-15T17:00:12.000Z","updated_at":"2025-07-17T15:05:40.000Z","dependencies_parsed_at":"2025-04-15T17:55:04.182Z","dependency_job_id":null,"html_url":"https://github.com/loag0/Fieldset-Devices","commit_stats":null,"previous_names":["loag0/fieldset-devices"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/loag0/Fieldset-Devices","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loag0%2FFieldset-Devices","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loag0%2FFieldset-Devices/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loag0%2FFieldset-Devices/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loag0%2FFieldset-Devices/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/loag0","download_url":"https://codeload.github.com/loag0/Fieldset-Devices/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/loag0%2FFieldset-Devices/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33041232,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"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":["clean-code","concept-website","css3","custom-css","frontend","html5","javascript","landing-page","minimalist-design","modern-design","responsive-design","student-project","tech-brand","uiux","web-design"],"created_at":"2025-07-13T18:41:52.983Z","updated_at":"2026-05-14T20:05:09.295Z","avatar_url":"https://github.com/loag0.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv\u003e\n  \u003ch1\u003e💻 FieldSet Devices\u003c/h1\u003e\n  \u003cp\u003e\u003cstrong\u003eA Responsive Concept Website for a Fictional Tech Brand\u003c/strong\u003e\u003c/p\u003e\n\n  \u003cimg src=\"https://img.shields.io/badge/HTML5-%23E34F26?logo=html5\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/CSS3-%231572B6?logo=css3\u0026logoColor=white\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-%23F7DF1E?logo=javascript\u0026logoColor=black\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Responsive-Design-brightgreen\" /\u003e\n\n  \u003cbr/\u003e\n\n## Website Preview\n  ### Homepage\n  \u003cimg src=\"./web images/home.png\" width=\"80%\" alt=\"FieldSet Devices homepage\"/\u003e\n\n  ### Products Page\n  \u003cimg src=\"./web images/products.png\" width=\"80%\" alt=\"FieldSet Devices products\"/\u003e\n\n  ### Employee page\n  \u003cimg src=\"./web images/staff.png\" width=\"80%\" alt=\"FieldSet Devices homepage\"/\u003e\n\n  ### Contact page\n  \u003cimg src=\"./web images/contact.png\" width=\"80%\" alt=\"FieldSet Devices homepage\"/\u003e\n\n\u003c/div\u003e\n\n## 🎨 Design Goal\n\nFieldSet Devices is a concept website created for a university project. We were tasked with designing a brand website for a fictional company of our choice — so I cooked up **FieldSet Devices**, a sleek, modern tech brand focused on futuristic innovation.\n\nThis project was all about front-end layout, visuals, and interactive UX — no backend, just clean code and design.\n\n## ✨ Features\n\n- ✅ Fully responsive layout across devices\n- 🎯 Strong visual branding and color schemes\n- 🧭 Simple, scroll-friendly navigation\n- 💡 Conceptual product cards, call-to-action sections, and a mock contact form\n- 💻 Pure HTML/CSS with minimal JavaScript — lightweight and fast\n\n## 🛠️ Built With\n\n- **HTML5** — semantic structure  \n- **CSS3** — custom styling and responsiveness  \n- **JavaScript** — simple interactivity (nav toggles, etc.)\n\n## 🔗 Live Site\n\n👉 [Check out the live version here](https://loag0.github.io/Fieldset-Devices/)\n\n## 🚀 Status\n\nThis project is complete as a visual concept. No backend or database is wired — it's a static site for UI/UX demonstration purposes only.\n\n---\n\n## 💡 Author Notes\n\nThis was one of my early explorations into full custom site design from scratch — no frameworks, just raw HTML/CSS. Learned a lot about responsive design and UI structure. Would I use Bootstrap now? Probably not 😅\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floag0%2Ffieldset-devices","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Floag0%2Ffieldset-devices","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Floag0%2Ffieldset-devices/lists"}