SkillSpectrum is a daycare website built using HTML, CSS, and JavaScript. It aims to provide information about the daycare services offered and create a positive online presence for the daycare center. It incorporates various web development concepts and technologies to create an engaging and user-friendly experience.
To run the SkillSpectrum website locally, follow these steps:
1.Clone the repository to your local machine:
git clone https://github.com/your-username/SkillSpectrum.git
2.cd SkillSpectrum
3.Create necessary folders and files locally.
4.Add Swiper JS:
Include Swiper JS, an external JavaScript library, inside your project. You can load it from the provided CDN (Content Delivery Network) URL. Swiper is a popular library used for creating sliders and carousels.
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
Start a local development server or open the website in your preferred browser at http://localhost:3000.
SkillSpectrum is built using the following technologies:
HTML CSS JavaScript Swiper JS
SkillSpectrum incorporates the following key features:
The project includes a responsive navigation menu that adapts to different screen sizes. The menu style changes when the user scrolls, providing a visually pleasing effect.
The FAQs section utilizes an accordion-style design. When a user clicks on a question, the corresponding answer expands or collapses, allowing for a compact display of frequently asked questions.
The project integrates the Swiper.js library to create a testimonials section with a slider functionality. Users can navigate through testimonials using pagination and enjoy a smooth and interactive testimonial browsing experience.
The website implements smooth scrolling, ensuring a seamless transition when users click on navigation links. This feature provides a polished and user-friendly browsing experience. Formspree Email Integration: SkillSpectrum uses Formspree to handle the email functionality. Users can submit inquiries or contact the daycare center directly through the website, and the form data will be sent to the designated email address.
SkillSpectrum uses Formspree to handle the email functionality. Users can submit inquiries or contact the daycare center directly through the website, and the form data will be sent to the designated email address.
SkillSpectrum includes links to the daycare's social media accounts, allowing users to connect with the daycare center on platforms like Instagram, Twitter, Facebook, and LinkedIn.
These features collectively contribute to an engaging and user-centric website, allowing visitors to easily navigate, access information, and interact with the content.
SkillSpectrum is deployed using GitHub Pages, a convenient and free hosting service provided by GitHub. By configuring the repository settings and enabling GitHub Pages, the website is automatically built and deployed. This allows the SkillSpectrum website to be accessed by the public using a specific GitHub Pages URL. Any updates or changes made to the repository will automatically reflect on the deployed website, ensuring seamless and efficient deployment and maintenance.
If you would like to contribute to SkillSpectrum, your contribution is highly welcome. Follow these simple steps to get started:
Fork this project by clicking on the "Fork" button on the GitHub repository page. Clone the forked project to your local development environment. Make the desired changes or additions using your preferred IDE or text editor. Commit and push your changes to your forked repository. Create a pull request from your forked repository to the original repository. I will review your changes and provide feedback or merge them if they meet the project's requirements.
Thank you for considering contributing to SkillSpectrum. Your contribution will help improve the project and make it even better!