{"id":25460699,"url":"https://github.com/ackwolver335/msclone","last_synced_at":"2025-08-01T03:07:00.827Z","repository":{"id":275250584,"uuid":"925548062","full_name":"ackwolver335/MSClone","owner":"ackwolver335","description":"An HTML \u0026 Tailwind Project of Microsoft Site in order to gather experience over to our UI using CSS Framework.","archived":false,"fork":false,"pushed_at":"2025-06-09T03:46:40.000Z","size":251,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-11T15:32:59.780Z","etag":null,"topics":["tailwind","tailwindcss","webdeveloper","webdevelopment"],"latest_commit_sha":null,"homepage":"https://ms-clone-taupe.vercel.app","language":"HTML","has_issues":false,"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/ackwolver335.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-02-01T05:53:54.000Z","updated_at":"2025-06-09T03:46:43.000Z","dependencies_parsed_at":"2025-07-11T14:52:40.062Z","dependency_job_id":null,"html_url":"https://github.com/ackwolver335/MSClone","commit_stats":null,"previous_names":["ackwolver335/msclone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ackwolver335/MSClone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ackwolver335%2FMSClone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ackwolver335%2FMSClone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ackwolver335%2FMSClone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ackwolver335%2FMSClone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ackwolver335","download_url":"https://codeload.github.com/ackwolver335/MSClone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ackwolver335%2FMSClone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268162391,"owners_count":24205702,"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","status":"online","status_checked_at":"2025-08-01T02:00:08.611Z","response_time":67,"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":["tailwind","tailwindcss","webdeveloper","webdevelopment"],"created_at":"2025-02-18T05:03:27.313Z","updated_at":"2025-08-01T03:07:00.817Z","avatar_url":"https://github.com/ackwolver335.png","language":"HTML","readme":"# 🖥️ Microsoft Clone - TailwindCSS Project\n\n✒️ MSClone is a front-end web project that replicates the official Microsoft homepage using HTML, Tailwind CSS, and a touch of JavaScript. The aim of this project is to practice responsive web design and modern layout techniques while paying close attention to pixel-perfect UI replication.\n\n▶️ So, this repository only contains the **Home Page** or the clone of it taken as a reference from the Microsoft from its official sites without gathering the changable data like specific links and all. Further necessary details is been provided below.\n\n## 📑 About the Project\n\n🔖 The MSClone project is a static clone of the Microsoft landing page, built for educational and skill-enhancement purposes. It showcases a professional, responsive layout that adapts seamlessly to different screen sizes. \n\n- The use of Tailwind CSS allows rapid development with utility classes, and JavaScript adds small but meaningful interactivity, mimicking a real-world homepage experience. This clone can serve as a foundation for learning UI/UX principles, responsive behavior, and component-based structuring in front-end development.\n\n## 📝 Table of Content\n\n- **[Features](#-features)**\n- **[Tech Stack](#️-tech-stack-used-️-languages-)**\n- **[Contributions](#-contribution)**\n- **[License](#-license)**\n- **[Contact Me](#-contact-me---for-any-query)**\n\n## 🌟 Features\n\n✅ Responsive Design → Adapts seamlessly across mobile, tablet, and desktop devices using Tailwind's mobile-first utilities.\n\n🎨 Modern UI/UX Layout → Clean and professional layout closely resembling Microsoft's official homepage.\n\n⚡ Fast Load Time → Lightweight static build without heavy frameworks ensures fast performance and minimal page load time.\n\n🧱 Tailwind CSS Utility Classes → Built entirely with utility-first classes for rapid styling and easier layout management.\n\n🧩 Interactive Elements → Basic interactions like dropdowns or toggles handled via vanilla JavaScript.\n\n📱 Mobile-Friendly Navigation → Menu and layout shift smoothly to match mobile standards and user expectations.\n\n🛠️ Easy to Customize \u0026 Extend → Modular and clean HTML + CSS structure allows developers to build upon it easily.\n\n## 🏷️ Tech Stack Used 🖥️ [Languages] ✌🏻\n\n🕹️ **Basic HTML \u0026 CSS** 👉🏻 **[Checkout](https://html.com/html5/)**\n\n🕹️ 🖥️ **TailwindCSS CDN at Initial Level** 👉🏻 **[Checkout](https://tailwindcss.com/docs/installation/play-cdn)**\n\n🕹️ **Proper Guideline** 👉🏻 **[Checkout](https://youtube.com/playlist?list=PLu0W_9lII9ahwFDuExCpPFHAK829Wto2O\u0026si=gl2kumGPCX59OMmg)**\n\n🕹️ ⌨️ **Code Editor 👉🏻 *Visual Studio Code*** **[Download](https://code.visualstudio.com/Download)**\n\n✐ Note : These are all the mentioned requirements but most of you surely have **90%** of these already done here.\n\n## 🤝 Contribution\n\n😉 **Contributions**, **issues** and **features** requests are Welcome !\n\n1. Fork the repo.\n2. Create your feature branch → **git checkout -b feature/MyFeature**\n3. Commit changes → **git commit -m 'Add feature'**\n4. Push to branch → **git push origin feature/MyFeature**\n5. Open a Pull Request.\n\n## 📰 License \n\nDistributed under the MIT License. See **[LICENSE](https://github.com/ackwolver335/MSClone?tab=MIT-1-ov-file)** for full details.\n\n## 📩 Contact Me - For any Query\n\n▶️ **GitHub ID** → **[@ackwolver335](https://www.github.com/ackwolver335)**\n\n▶️ **LinkDIn** → **[@abhaych335](https://www.linkedin.com/in/abhaychaudhary335/)**\n\n▶️ **EmailID** → **abhaych335@gmail.com**","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fackwolver335%2Fmsclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fackwolver335%2Fmsclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fackwolver335%2Fmsclone/lists"}