Project Overviewlink

Omio is a creative personal portfolio HTML template designed for freelancers, designers, and developers. It includes multiple homepage versions (including one-page variants), blog, portfolio, team, pricing pages, and other complete pages. It supports a contact form and responsive layout, and can be used directly by modifying text and images.

Tech Stacklink

• HTML5 / CSS3 (static pages)
• Bootstrap 5
• Swiper Slider / Slick Carousel / Magnific Popup
• Font Awesome Pro
• jQuery (used by some interactive components)
• PHP (only mail.php for contact form email sending)

Project Structurelink

omiohtml-10/Omio/
├── Documentation/
│   ├── index.html          # Online documentation entry
│   └── assets/             # Documentation static assets
└── HTML Template/
    ├── index.html          # Homepage (default version)
    ├── index-2.html ~ index-4.html  # Other homepage styles
    ├── index-one-page.html ~ index4-one-page.html  # One-page versions
    ├── about.html / blog*.html / contact.html / error.html
    ├── faq.html / pricing.html / service.html / testimonial.html
    ├── portfolio*.html / team*.html
    ├── assets/
    │   ├── css/             # All stylesheets
    │   ├── js/              # Script files
    │   ├── img/             # Image assets
    │   └── mail.php         # Contact form backend

Key File Descriptionslink

• HTML Template/index.html — Default homepage entry point
• HTML Template/assets/css/main.css — Main stylesheet; modify colors and layout here
• HTML Template/assets/mail.php — Backend logic for sending emails after contact form submission (requires PHP environment)
• Documentation/index.html — Official documentation covering template structure, customizing text and images, changing colors, etc.
• HTML Template/contact.html — Contact page with built-in form submission logic
• HTML Template/error.html — 404 error page template

Quick Startlink

Pure static template, no build required:

1. Navigate to the omiohtml-10/Omio/HTML Template/ directory
2. Double-click index.html to open it in a browser for preview
3. For contact form functionality, deploy the entire HTML Template directory to a PHP-enabled web server and update $recipient in mail.php with your actual email address

Usage Recommendationslink

The template offers 4 homepage styles and corresponding one-page versions. Choose based on your content volume — the one-page version suits scenarios with limited work but requiring concise presentation; the full version is ideal for showcasing multiple modules like blog and team. The contact form's mail.php sends emails to a hardcoded address by default; be sure to replace it with a real email address before deployment.