Chart Application - Sample Website

This is a sample website built using only HTML and CSS based on a design provided in Figma. The project showcases a static web page with various chart visualizations and layouts as per the design.

Project Overview

This project is intended to replicate a Figma design using clean, responsive HTML and CSS. No JavaScript is used, making it a pure front-end project ideal for learning web structure and CSS styling techniques.

Key Features

• Fully responsive layout
• CSS grid and flexbox for layout structure
• Consistent styling based on the Figma design
• Clean and organized HTML and CSS code structure

How to Use

1. Clone the Repository

   To get a copy of the project, clone the repository by running:

   git clone https://github.com/username/chart-application-sample.git

2. Open the Project

Navigate to the project folder and open the index.html file in your web browser to view the site:

cd chart-application-sample

Then, open the index.html file directly in your browser:

• Drag the index.html file into a browser window.
• Alternatively, right-click the index.html file and choose Open with... followed by your preferred browser.

3. Customize and Modify Open the project in your preferred code editor (e.g., VSCode) to view and modify the HTML and CSS files. Since there’s no back-end or framework, this project is perfect for learning static web design.

Figma Design The website was designed based on a Figma mockup. The goal was to accurately implement the visual and layout design in HTML and CSS.

Technologies Used

• HTML5 for creating the structure of the web page.
• CSS3 for styling and making the layout responsive.
• Flexbox and CSS Grid for layout structure.