TaskFlow Landing Page

This is a modern and responsive one-page landing page for "TaskFlow," a fictional task management application. The design is clean, visually appealing, and includes subtle animations to enhance the user experience.

Elevvo 2026 Internship Task 3. This is a project for the Elevvo 2026 Internship, Task 3.

Features

• Modern & Responsive Design: The layout adapts seamlessly to all screen sizes, from mobile phones to desktop computers.
• Engaging Hero Section: An eye-catching hero section with an animated background and a clear call-to-action.
• Informative Sections:
  • Features: Highlights the key functionalities of the app.
  • Testimonials: Builds trust with quotes from satisfied users.
  • Pricing: Clear and simple pricing tiers.
• Dynamic Scroll Animations: Content gracefully fades in as you scroll down the page.
• Professional Footer: A multi-column footer with quick links, contact information, and social media presence.

Getting Started: How to Launch the Website

Follow these simple steps to run this project on your local machine using Visual Studio Code.

Prerequisites

• A modern web browser (like Chrome, Firefox, or Edge).
• Visual Studio Code installed on your computer.
• The Live Server extension for VS Code.

Launch Instructions

1. Download the Project:

   • Download or clone this repository to your computer.

2. Open in VS Code:

   • Open Visual Studio Code.
   • Go to File > Open Folder and select the taskflow project folder you just downloaded.

3. Install Live Server:

   • If you don't have the Live Server extension installed, navigate to the Extensions view by clicking the icon in the sidebar on the left or by pressing Ctrl+Shift+X.
   • In the search bar, type Live Server.
   • Find the extension by Ritwick Dey and click Install.

4. Launch the Website:

   • Once the extension is installed, go back to the Explorer view (Ctrl+Shift+E).
   • Right-click on the index.html file.
   • Select "Open with Live Server" from the menu that appears.

That's it! Your default web browser will automatically open, and you will see the TaskFlow landing page live. Any changes you save to the code will now automatically reload in the browser.

Technologies Used

• HTML5
• CSS3
• JavaScript

Credits

• Design by DkRain