This website was created as an assignment for Fyle. It includes all the functionalities required for the task and is fully responsive across all devices.
- Responsive Design: The website is designed to be fully responsive.
- Contact Us Form: Clicking on the "Contact Us" button opens a pop-up form. Upon submission, the information is sent via a POST API call to getform.io.
- Sliding Images: Implemented a section where hovering over image-cards changes the displayed content. Also the image-cards moves left to right in every 3 seconds, with dots changing accordingly. User can also manually click on the dots to slide the image-cards. The "Read More" button redirects to https://www.fylehq.com in a new tab.
- Project Section: Images in this section changes on clicking on the content aside it. Also the background color of the content changes.
- Growth Section: Cards in this section have a hovering effect of shadow.
- Hosting: The website is hosted on GitHub Pages for easy access.
To view the website, simply visit https://rishhabhk.github.io/Fyle-Task in your web browser.
To set up the project locally, follow these steps:
- Clone the repository.
- Open the project and run
index.html. For example, you can use VS Code and launch it with "Go Live", or simply openindex.htmlusing any web browser.
- HTML
- CSS
- JavaScript
- Bootstrap
- jQuery
- getform.io
- GitHub Pages
Note - The website is not designed by me, I have just implemented the design provided to me by Fyle.