{"id":22246617,"url":"https://github.com/el634dev/calm-clone","last_synced_at":"2025-07-08T03:33:50.838Z","repository":{"id":204033317,"uuid":"710955960","full_name":"el634dev/calm-clone","owner":"el634dev","description":"Created a clone of the Calm website using HTML, Vanilla CSS, JavaScript and Bootstrap 5","archived":false,"fork":false,"pushed_at":"2023-12-04T19:19:50.000Z","size":1328,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T10:30:30.276Z","etag":null,"topics":["bootstrap5","clone-website","html-css-javascript"],"latest_commit_sha":null,"homepage":"https://calm-clone-sooty.vercel.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/el634dev.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}},"created_at":"2023-10-27T20:13:43.000Z","updated_at":"2023-10-30T19:09:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"fb89e82a-f766-491d-9a53-c92d0bd45cd0","html_url":"https://github.com/el634dev/calm-clone","commit_stats":null,"previous_names":["el634dev/calm-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fcalm-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fcalm-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fcalm-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fcalm-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/el634dev","download_url":"https://codeload.github.com/el634dev/calm-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245451269,"owners_count":20617485,"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":["bootstrap5","clone-website","html-css-javascript"],"created_at":"2024-12-03T05:28:33.366Z","updated_at":"2025-03-25T11:24:46.074Z","avatar_url":"https://github.com/el634dev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Calm Website Clone\n\u003e Created a clone of the Calm website\n\u003e\n\u003e Live demo [_here_](https://calm-clone-sooty.vercel.app/)\n\u003e \n\u003e Original Website [_here_ ](https://www.calm.com)\n- Make sure to open the original website in a new window or tab\n  \n## Table of Contents\n* [General Info](#general-information)\n* [Technologies Used](#technologies-used)\n* [Important](#important)\n* [Setup](#setup)\n* [Project Status](#project-status)\n* [Icons](#icons)\n* [Video](#video)\n\u003c!-- * [License](#license) --\u003e\n\n## Important\n- Make sure to link Bootstrap in your HTML file at the top with the meta tags but below it or you will not see any changes made with Bootstrap\n- If you use vanilla CSS link it below your Bootstrap link or CSS could override Bootstrap\n\n## General Information\n- Project is built using HTML, CSS 3, JavaScript and Bootstrap 5\n- The purpose of this project is to practice with Bootstrap \n- This project was undertaken for fun\n\u003c!-- What problem does it (intend to) solve?--\u003e\n\u003c!-- You don't have to answer all the questions - just the ones relevant to your project. --\u003e\n  \n## Technologies Used\n- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n- ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white)\n- ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge\u0026logo=visual-studio-code\u0026logoColor=white)\n  \n## Setup\n- The requirements for this project are simple and do not require much setup. You will need a code editor of your choice. I used VSCode because I could see the project in the browser using Live Server. \n- There are no dependencies for this project, only additional plugins if you would like to set them up in VSCode. \n- If you are unsure, then I would say Live Server if you would like to see your project and the changes you make to your project.\n  \u003e\n   a. You can get Live Server by heading over to VSCode then clicking the on blocks in the side menu and search for Live Server then install\n- You can download VSCode for free and this is developed by Microsoft.\n  \u003e\n    b. Start by searching for VSCode in your browser and then download using the appropriate instllation link for your operating system.\n\n## Project Status\nProject is: _complete_ \n\n## Icons\n- [Bootstrap Icons](https://icons.getbootstrap.com/)\n- [Font Awesome](https://fontawesome.com/download)\n\n## Video\n[ByteGrad](https://www.youtube.com/watch?v=z70GTU3p72I)\n- Change navbar from transparent to a solid color\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fel634dev%2Fcalm-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fel634dev%2Fcalm-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fel634dev%2Fcalm-clone/lists"}