Project Overview
Biox is a modern personal portfolio HTML template designed for designers, developers, and freelancers to showcase resumes, project cases, and services. The template offers both single-page and multi-page layouts, with multiple pre-built pages (About, Portfolio, Services, Resume, Blog, etc.) that can be quickly customized and deployed by replacing placeholder content.
Tech Stack
- HTML5 + CSS3
- Tailwind CSS (locally compiled, not CDN)
- jQuery (scroll navigation anchors, Sticky Sidebar interactions)
- Owl Carousel (carousel component)
- AOS (scroll animations)
- Remix Icon + Font Awesome
Project Structure
text
biox-tailwind/
├── index.html # Template showcase/navigation page
├── onepage/
│ └── index.html # Single-page entry
├── multipage/
│ ├── index.html # Multi-page homepage
│ ├── about.html
│ ├── projects.html
│ ├── resume.html
│ ├── services.html
│ ├── blog.html
│ ├── blog-detail.html
│ └── single-project.html
└── landing-assets/ # Landing page static assets
Key Files
biox-tailwind/index.html— Template demo navigation page showing all available sectionsbiox-tailwind/onepage/index.html— Single-page version with anchor navigation scrolling to sectionsbiox-tailwind/multipage/index.html— Multi-page homepage entryassets/css/style.css— Main template stylesheet (Tailwind compiled output)assets/js/vendor/— jQuery plugins, Owl Carousel, AOS and other dependency scriptsdocumentation/— Official documentation with local/server deployment instructions
Quick Start
- Open
biox-tailwind/onepage/index.htmldirectly in a browser to preview the single-page version - Or open
biox-tailwind/multipage/index.htmlto preview the multi-page version - Replace placeholder content (name, bio, images, etc.) within the pages to make it production-ready
Usage Notes
The template uses a locally compiled Tailwind CSS by default. To customize styles, modify the corresponding SCSS source files and recompile. Images are for demonstration purposes only — replace them with actual project screenshots.
