Skip to content

lokesh0408/Fyle_Assignment.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fyle_Assignment.github.io

Welcome to the repository for the Fyle Assignment! This project showcases our services, projects, and growth in a visually appealing and user-friendly manner.

This web page is hosted here!

Table of Contents

Introduction

This project is a demo website designed to provide information about the services, showcase the projects, and highlight the growth and achievements. The website is built using HTML, CSS, Bootstrap, JavaScript, and jQuery.

Technologies Used

  • HTML5
  • CSS3
  • Bootstrap
  • JavaScript
  • jQuery
  • Slick Carousel

Sections

What We Do

This section highlights the services we provide. It features a slider with images that change on hover to display relevant information.

Features

  • Autoplaying image slider with three images visible at a time.
  • Hover effect to display service information with a "Read More" button.
  • Custom dot navigation for the slider.

Our Project

This section showcases our projects with an image on the left and clickable content boxes on the right. Clicking on a content box changes the image.

Features

  • Centralized headings with distinct colors.
  • Interactive content boxes that change the displayed image on click.
  • Dynamic image loading from Unsplash.

Experts Growth

This section highlights our company’s growth metrics with four cards in a horizontal layout.

Features

  • Centralized headings with distinct colors.
  • Four equal-sized cards with images, headings, and metrics.
  • Hover effect on cards to change background color and display a shadow.

Setup

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone [https://github.com/yourusername/company-website.git](https://github.com/lokesh0408/Fyle_Assignment.github.io)
    
  2. Navigate to the project directory: cd Fyle_Assignment

  3. Open index.html in your web browser to view the website.