Flixta v1.0 - Personal Portfolio HTML Template preview 1

Flixta v1.0 - Personal Portfolio HTML Template

bookmark

Flixta is a versatile personal portfolio HTML template built on Bootstrap, featuring 12 career-specific homepages (Resume, Freelancer, Web Developer, UI/UX Designer, SEO, Copywriter, Business Coach, Doctor, Lawyer, Yoga, Video Editor, Ph...

HTML

Project Overview

Flixta is a versatile personal portfolio HTML template built on Bootstrap, featuring 12 career-specific homepages (Resume, Freelancer, Web Developer, UI/UX Designer, SEO, Copywriter, Business Coach, Doctor, Lawyer, Yoga, Video Editor, Photographer). Each career page comes in both multi-page and single-page versions, with built-in dark theme and RTL mode support, ideal for quickly building a personal brand website.

Tech Stack

  • Bootstrap 5.x (layout framework)
  • Swiper (carousel component)
  • Font Awesome 6 Pro + Remixicon (icons)
  • MagnificPopup (image/video lightbox)
  • WOW.js (scroll animations)
  • Jarallax (parallax effects)
  • NiceSelect (custom dropdown)
  • PureCounter (number animations)
  • Urbanist (Google Fonts)
  • SCSS (style preprocessor)

Project Structure

text
flixtahtml-10/
├── dark/
│   ├── index.html              # Main entry
│   ├── index-*.html            # 12 homepage variants
│   ├── about.html
│   ├── blog.html
│   ├── contact.html
│   ├── portfolio.html
│   ├── services.html
│   └── assets/
│       ├── css/main.css        # Compiled styles
│       ├── js/main.js          # Interactive logic
│       ├── fonts/              # Icon fonts
│       ├── images/
│       └── scss/               # Source files
├── dark-rtl/                   # RTL version
└── documentation/              # Official docs

Core Files

  • dark/index.html — Main template entry with full navigation and footer
  • dark/assets/css/main.css — Global styles including responsive and dark mode variables
  • dark/assets/js/main.js — Carousel, animations, RTL/theme switching interactions
  • dark/assets/scss/main.scss — SCSS source for easy theme customization
  • dark/index-freelancer.html — Freelancer homepage example
  • dark/index-doctor-one-page.html — Single-page homepage example

Quick Start

This is a pure static template with no dependencies required. Simply open the entry file in your browser to preview:

bash
# Method 1: Open directly
open dark/index.html

# Method 2: Local HTTP server
npx serve flixtahtml-10/dark
# Visit http://localhost:3000

To modify SCSS, install a Sass compiler and recompile:

bash
sass dark/assets/scss/main.scss dark/assets/css/main.css

Usage Tips

  • Choose the homepage file closest to your profession (e.g., index-web-developer.html) as a starting point, then replace text and images
  • Dark theme is controlled via the root attribute rs-theme="rs-theme-dark"; RTL version is in the dark-rtl/ directory
  • Dependencies like icons and carousels are already loaded via CDN in index.html — no additional configuration needed
help_outline

FAQ