{"id":21353660,"url":"https://github.com/pawantech12/portfolio-website","last_synced_at":"2025-04-05T11:06:19.956Z","repository":{"id":159273914,"uuid":"630898478","full_name":"pawantech12/portfolio-website","owner":"pawantech12","description":"Responsive Portfolio Website Using HTML , CSS and JavaScript","archived":false,"fork":false,"pushed_at":"2025-02-11T05:07:47.000Z","size":685,"stargazers_count":97,"open_issues_count":5,"forks_count":79,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-29T10:05:08.751Z","etag":null,"topics":["aos-animation","bootstrap","css","css3","html","javascript","portfolio","responsive-portfolio-website"],"latest_commit_sha":null,"homepage":"https://pawantech12.github.io/portfolio-website/","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/pawantech12.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":"2023-04-21T12:14:50.000Z","updated_at":"2025-03-25T09:42:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"c81e9154-aadd-46f0-9f03-60d9c02c979a","html_url":"https://github.com/pawantech12/portfolio-website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Fportfolio-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Fportfolio-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Fportfolio-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pawantech12%2Fportfolio-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pawantech12","download_url":"https://codeload.github.com/pawantech12/portfolio-website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247325693,"owners_count":20920714,"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":["aos-animation","bootstrap","css","css3","html","javascript","portfolio","responsive-portfolio-website"],"created_at":"2024-11-22T03:18:54.813Z","updated_at":"2025-04-05T11:06:19.905Z","avatar_url":"https://github.com/pawantech12.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\r\n  \r\n  ![GitHub repo size](https://img.shields.io/github/repo-size/pawantech12/portfolio-website)\r\n  ![GitHub stars](https://img.shields.io/github/stars/pawantech12/portfolio-website?style=social)\r\n  ![GitHub forks](https://img.shields.io/github/forks/pawantech12/portfolio-website?style=social)\r\n\r\n  \u003cbr /\u003e\r\n\r\n  \u003ch2 align=\"center\"\u003eResponsive Portfolio Website\u003c/h2\u003e\r\n\r\n  Responsive Portfolio Website using HTML, CSS, and JavaScript.\r\n\r\n  \u003ca href=\"https://pawantech12.github.io/portfolio-website/\"\u003e\u003cstrong\u003e➥ Live Demo\u003c/strong\u003e\u003c/a\u003e\r\n\r\n\u003c/div\u003e\r\n\r\n\u003cbr /\u003e\r\n\r\n### Desktop Preview\r\n\r\nhttps://github.com/pawantech12/portfolio-website/assets/118673866/0322c419-a173-4aa9-a360-b09bd7bd24aa\r\n\r\n### Prerequisites\r\n\r\nBefore you begin, ensure you have met the following requirements:\r\n\r\n* You Should Know Basic or Intermediate of HTML ,CSS and JavaScript\r\n* This website is developed by bootstrap 5 copy below code :\r\n```\r\n\u003c!--- Bootstrap 5 css CDN Link ---\u003e\r\n\u003clink href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65\" crossorigin=\"anonymous\" /\u003e\r\n\r\n\u003c!-- bootstrap javascript cdn link  --\u003e\r\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4\" crossorigin=\"anonymous\"\u003e\u003c/script\u003e\r\n```\r\n\r\n* JQuery CDN LInk :\r\n```\r\n\u003c!-- JavaScript jQuery CDN --\u003e\r\n\u003cscript src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n* Bootstrap Icon :\r\n```\r\n\u003c!-- bootstrap icon cdn link  --\u003e\r\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css\"/\u003e\r\n```\r\n\r\n### AOS Animation Library Installation\r\n\r\n### Basic\r\nAdd Styles in `\u003chead\u003e` :\r\n```css\r\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/aos@next/dist/aos.css\" /\u003e\r\n```\r\nAdd script right before closing `\u003c/body\u003e` tag, and initialize AOS :\r\n```js\r\n\u003cscript src=\"https://unpkg.com/aos@next/dist/aos.js\"\u003e\u003c/script\u003e\r\n\u003cscript\u003e\r\n  AOS.init();\r\n\u003c/script\u003e\r\n```\r\n\r\n### Using package managers\r\n\r\nInstall `aos` package:\r\n* `yarn add aos@next`\r\n* or `npm install --save aos@next`\r\n\r\nImport script, styles and initialize AOS:\r\n```js\r\nimport AOS from 'aos';\r\nimport 'aos/dist/aos.css'; // You can also use \u003clink\u003e for styles\r\n// ..\r\nAOS.init();\r\n```\r\n\r\nIn order to make it work you'll have to make sure your build process has configured styles loader, and bundles it all correctly.\r\nIf you're using [Parcel](https://parceljs.org/) however, it will work out of the box as provided.\r\n\r\n### How to use it ?\r\n1. Initialize AOS :\r\n```js\r\n// initializing AOS library\r\nAOS.init({\r\n  duration: 1000,\r\n  offset: 50,\r\n});\r\n```\r\n\r\n2. Set animation using `data-aos` attribute:\r\n```\r\n\u003cdiv data-aos=\"fade-in\"\u003e\u003c/div\u003e\r\n```\r\n\r\n* For More Guidence Click on \u003ca href=\"https://github.com/michalsnik/aos/blob/next/README.md\"\u003eAOS Animation\u003c/a\u003e\r\n\r\n### Project Contain\r\n\r\n* Sticky Responsive Navigation Bar\r\n* Hero Section\r\n* Expertise section\r\n* Skill Section with Progress Animation\r\n* Working Portfolio Section\r\n* Testimonial Section\r\n* Blog Section\r\n* Contact Section\r\n* Footer Section\r\n* Fully Responsive for all devices\r\n\r\n### Font Family\r\n \r\n * I have Used Google Fonts - Josefin Sans \r\n```\r\n\u003c!-- google font link --\u003e\r\n\u003clink rel=\"preconnect\" href=\"https://fonts.googleapis.com\" /\u003e\r\n\u003clink rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin /\u003e\r\n\u003clink href=\"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700\u0026display=swap\" rel=\"stylesheet\"/\u003e\r\n```\r\n\r\n### Run Locally\r\n\r\nTo run **Personal Portfolio** locally, run this command on your git bash:\r\n\r\nLinux and macOS:\r\n\r\n```bash\r\nsudo git clone https://github.com/pawantech12/portfolio-website.git\r\n```\r\n\r\nWindows:\r\n\r\n```bash\r\ngit clone https://github.com/pawantech12/portfolio-website.git\r\n```\r\n\r\n### Contact\r\n\r\nIf you want to contact with me you can reach me at [Instagram](https://www.instagram.com/codewithpawan/).\r\n\r\n### License\r\n\r\nThis project is **Free To Use** and does not contains any license.\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpawantech12%2Fportfolio-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpawantech12%2Fportfolio-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpawantech12%2Fportfolio-website/lists"}