HTML/CSS/JS/GSAP/TAILWIND Boiler Plate

A starting point to clone

Features

• Responsive design with Tailwind CSS
• Smooth animations using GSAP
• Clean and modern layout

Installation

1. Clone the Repository:

   git clone https://github.com/your-username/web-design-company.git
   cd web-design-company
   

2. Install Dependencies:

   npm install
   

3. Build Tailwind CSS:

   npm run build:css
   

Push to github

• Add and commit the copied files, and push them to your new GitHub repository

  git add .
  

  git commit -m "Initial commit for new project"
  

  git push origin main
  

Usage

1. Start the Development Server:

   Using live-server:

   npm run start
   

2. Stop the Live Server:

   To stop the live server, press Ctrl + C in the terminal where the server is running. This will terminate the process.

Project Structure

web-design-company/
├── dist/
│   └── output.css
├── scripts/
│   └── main.js
├── src/
│   └── styles.css
├── index.html
├── package.json
└── tailwind.config.js

Extra Info / Useful Commands

• Copy all files from the temp-template directory to the current directory

  cp -r temp-template/* temp-template/.[!.]* .```
  

• Remove the temporary directory

  rm -rf temp-template