SPixel Markup

SPixel Markup is a responsive, fast, and SEO-friendly project built using HTML, CSS, TailwindCSS, Gulp, and JavaScript.

Features

• Responsive Design: Ensures a seamless experience across all devices.
• Fast Performance: Optimized for quick load times using Gulp workflows and TailwindCSS.
• SEO-Friendly: Built with search engine optimization best practices in mind.
• Multiple Pages: Includes 9 essential pages:
  • Home
  • About
  • Service
  • Service Details
  • Contact
  • Login
  • Register
• Modern UI: Clean and modern design leveraging TailwindCSS.
• Development Tools: Utilizes Gulp for efficient development and build processes.

Technologies Used

• HTML: For the structure of the project.
• CSS: Styled with TailwindCSS for utility-first design.
• JavaScript: Provides interactivity.
• TailwindCSS: Enables quick and efficient styling.
• Gulp: Automates tasks like minification, concatenation, and live reloading.

Getting Started

Follow the steps below to set up and run the project locally.

Prerequisites

Ensure you have the following installed on your system:

• Node.js
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/furioustheme/spixel-tailwind

2. Navigate to the project directory:

   cd spixel-tailwind

3. Install dependencies:

   npm install

Development

Start the development server with live reloading:

npm run dev

Build

Generate a production-ready build:

npm run build

Folder Structure

• src/: Contains source files for development.
  • styles/: Custom styles.
  • scripts/: JavaScript files.
  • pages/: HTML pages.
• theme/: Production-ready files.
• gulpfile.js: Gulp tasks.

Deployment

The project can be deployed to any static hosting service (e.g., Netlify, Vercel, GitHub Pages). Simply upload the contents of the theme/ folder.

License

This project is licensed under the MIT License.

Author

Furioustheme