Project Overviewlink

Monas is a set of static HTML personal portfolio templates, offering 4 homepage styles (Designer / Developer / Lawyer / Photographer). It includes built-in pages for blog, portfolio, services, and contact, supports responsive layout and form email sending, making it suitable for quickly building a personal brand or portfolio website.

Tech Stacklink

• HTML5 / CSS3
• Bootstrap 5
• SCSS preprocessor
• JavaScript (including Swiper, Odometer, Magnific Popup, etc.)
• PHP (only for contact form email sending)

Project Structurelink

monas-html/
  index.html          # Homepage - Designer
  index2.html         # Homepage - Developer
  index3.html         # Homepage - Lawyer
  index4.html         # Homepage - Photographer
  about-us.html       # About page
  blog.html           # Blog list
  blog-details.html   # Blog post detail
  contact-us.html     # Contact us
  portfolio.html      # Portfolio
  portfolio-details.html
  service.html        # Services list
  service-details.html
  mail.php            # Form email handler
  assets/             # Static assets: CSS, JS, images, etc.

Key Fileslink

• index.html ~ index4.html — Four homepage templates for different professions
• contact-us.html — Form page, works with mail.php for email sending
• mail.php — Email sending script, requires updating the recipient email address
• assets/scss/main.scss — SCSS source, compiles to assets/css/main.css
• assets/css/ — Compiled CSS, includes Bootstrap and related plugin styles

Quick Startlink

1. Upload the monas-html/ directory to your server via FTP (usually to public_html)
2. Update $recipient in mail.php with your actual email address
3. Open index.html in a browser for local preview

Usage Tipslink

• To customize styles, edit files in assets/scss/ and run sass --watch assets/scss/main.scss:assets/css/main.css for live compilation
• Ensure your server environment supports PHP (only required for the contact form page)