{"id":19092873,"url":"https://github.com/basedhound/background-img-slider-2_js","last_synced_at":"2026-04-15T12:34:13.516Z","repository":{"id":174417578,"uuid":"652200467","full_name":"basedhound/background-img-slider-2_js","owner":"basedhound","description":"Landing page design featuring a stunning image background slider and four seasons theme. Created using HTML, CSS, and JavaScript, with smooth transitions and engaging visuals.","archived":false,"fork":false,"pushed_at":"2024-08-06T04:27:25.000Z","size":13476,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T07:47:56.310Z","etag":null,"topics":["background","css","design","html","img-slider","javascript","js","responsive","slider","swiper-js"],"latest_commit_sha":null,"homepage":"https://bg-img-slider-2.netlify.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/basedhound.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-06-11T12:12:37.000Z","updated_at":"2024-08-06T04:27:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"a8d489c9-fb94-4f02-b045-57774f719671","html_url":"https://github.com/basedhound/background-img-slider-2_js","commit_stats":null,"previous_names":["basedhound/ui_seasons-photo-slide","basedhound/background-img-slider-2_js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/basedhound/background-img-slider-2_js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fbackground-img-slider-2_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fbackground-img-slider-2_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fbackground-img-slider-2_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fbackground-img-slider-2_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/basedhound","download_url":"https://codeload.github.com/basedhound/background-img-slider-2_js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fbackground-img-slider-2_js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31842180,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T11:29:19.690Z","status":"ssl_error","status_checked_at":"2026-04-15T11:29:19.171Z","response_time":63,"last_error":"SSL_read: 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":["background","css","design","html","img-slider","javascript","js","responsive","slider","swiper-js"],"created_at":"2024-11-09T03:22:31.027Z","updated_at":"2026-04-15T12:34:13.496Z","avatar_url":"https://github.com/basedhound.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://bg-img-slider-2.netlify.app\" target=\"_blank\"\u003e\n      \u003cimg src=\"design/preview.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003ch3 align=\"center\"\u003eBackground Image Slider #2 - Seasons\u003c/h3\u003e\n\u003c/div\u003e\n\n##  \u003cbr /\u003e 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n- ✨ [Introduction](#introduction)\n- ⚙️ [Tech Stack](#tech-stack)\n- 🚀 [Quick Start](#quick-start)\n\n##  \u003cbr /\u003e \u003ca name=\"introduction\"\u003e✨ Introduction\u003c/a\u003e\n\n**[EN]** Landing page design featuring a stunning image background slider and four seasons theme. Created using HTML, CSS, and JavaScript, with smooth transitions and engaging visuals to captivate visitors. Interactive slider powered by Swiper.js.\n\n**[FR]** Page d'accueil intégrant un diaporama d'images en arrière-plan sur les thème des saisons. Réalisée en HTML, CSS et JavaScript, avec des transitions fluides et des visuels captivants pour attirer les visiteurs. Diaporama interactif optimisé par Swiper.js.\n\n##  \u003cbr /\u003e \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- **HTML** (HyperText Markup Language) is the standard markup language used to create and structure content on the web. It provides the basic building blocks for web pages, defining elements such as headings, paragraphs, images, links, and more. HTML forms the backbone of any web document and is essential for web development.\n  \n- **CSS** (Cascading Style Sheets) is a stylesheet language used to control the presentation and layout of web pages. It allows developers to apply styles such as colors, fonts, spacing, and positioning to HTML elements. CSS enhances the visual appeal and user experience of a website by enabling the separation of content and design.\n  \n- **JavaScript** is a versatile programming language that enables interactive and dynamic functionality on web pages. It allows developers to create features like form validation, animations, and asynchronous content loading. JavaScript is essential for building modern web applications and works seamlessly with HTML and CSS to create a complete user experience.\n\n- **Swiper.js** is a modern, free, mobile touch slider with hardware-accelerated transitions. It is used to create responsive, swipeable sliders and carousels with a wide range of customization options. Swiper.js supports various transition effects, navigation controls, and is compatible with all major web browsers and mobile platforms. [📄](https://scrollrevealjs.org/guide/hello-world.html) \n\n## \u003cbr /\u003e \u003ca name=\"quick-start\"\u003e🚀 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n\u003cbr/\u003e**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n\u003cbr/\u003e**Cloning the Repository**\n\n```bash\ngit clone {git remote URL}\n```\n\n\u003cbr/\u003e**Running the Project**\n\nUse [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)\nto launch a development local server with live reload feature for static \u0026 dynamic pages.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fbackground-img-slider-2_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbasedhound%2Fbackground-img-slider-2_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fbackground-img-slider-2_js/lists"}