Skip to content

A high-fidelity clone of the Finta hero section, built as a practice project to master Tailwind CSS and responsive web design.

Notifications You must be signed in to change notification settings

YASHSHARMAOFFICIALLY/Finta_clone-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Finta Landing Page (Hero Section) πŸš€

A high-fidelity clone of the Finta hero section, built as a practice project to master Tailwind CSS and responsive web design.

Project Goal

The objective of this project was to replicate the clean, modern aesthetic of Finta's landing page. I focused on:

1.Precision Layout: Using Flexbox and Grid to align elements exactly like the original.

2.Responsive Design: Ensuring the hero section looks great on mobile, tablet, and desktop.

3.Tailwind Best Practices: Utilizing utility classes for spacing, typography, and custom color palettes.

Screenshots

Finta Clone Preview

πŸ›  Tech Stack HTML5 - Semantic markup.

Tailwind CSS - Utility-first styling.

Vite/Live Server - For local development.

Deployment

To deploy this project run

  git clone https://github.com/YASHSHARMAOFFICIALLY/Finta_clone-.git 

Navigate to the folder:

cd Finta_clone- Install dependencies (if using npm):
npm install Launch the project:

If using the VS Code Live Server extension, click "Go Live".

If using Vite, run npm run dev.

About

A high-fidelity clone of the Finta hero section, built as a practice project to master Tailwind CSS and responsive web design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors