PixelCraft is a responsive, Bootstrap-based front-end template that blends a retro pixel aesthetic (pixel borders, crisp shadows, and a limited color palette) with modern UI/UX patterns suitable for today’s web.
It is designed for:

• Freelancers and personal portfolios
• Creative agencies and studios
• SaaS/products marketing sites
• Startups that need a fast, presentable landing page without a build pipeline

Tech stack & assets:

• HTML5 pages with reusable, consistent section structure
• CSS3 with variables for theming (primary palette, borders, shadows) in assets/css/main.css
• JavaScript in assets/js/main.js for interactivity and theme toggling
• Bootstrap 5.3.2 for grid/layout and UI components
• Font Awesome icons (used across sections and components)
• Page-level integrations (depending on the page): Swiper (sliders), GLightbox (lightbox/gallery), AOS (scroll animations), Typed (typing effect)

What’s included:

• 61 ready-to-use HTML pages inside main-file/ (multiple home variants + inner pages)
• Common sections/components: navbar with mega menu, hero blocks, feature/service cards, stats counters, portfolio grids, pricing tables, testimonials, FAQ, blog layouts, and contact pages
• Organized asset structure under assets/ (CSS/JS/images) so customization is straightforward
• Works as a static site (no backend required) and can be hosted on any static hosting provider

• Bootstrap 5.3.2 layout and components
• Responsive design (mobile-first)
• Light & dark mode toggle (with persistence)
• Prebuilt pages (home variants + inner pages)
• Pixel/retro UI styling (borders, shadows, badges)
• Common UI sections: hero, features, about, services, portfolio, pricing, testimonials, FAQ, contact
• JS libraries support (varies by page): Swiper, GLightbox, Typed

• Modern browser (Chrome/Edge/Firefox/Safari)
• No backend required (static HTML/CSS/JS)
• If you host it: any static hosting (Netlify, Vercel, GitHub Pages, shared hosting)

1. Open any page from main-file/ (e.g. index.html) in your browser.
2. Customize colors, spacing, and theme variables in assets/css/main.css.
3. Replace images in assets/img/ (keep the same filenames if you don’t want to edit HTML).
4. Update text/content directly in the HTML pages.
5. If you add new custom styles, place them in assets/css/main.css (avoid inline styles).