Project Overviewlink

Obry is a modern personal portfolio HTML template built with the Bootstrap framework, designed for showcasing personal resumes, portfolios, and creative projects. The template includes three homepage styles, multiple inner page templates, and supports interactive effects such as smooth scrolling, number scroll animations, and Swiper carousels, all with responsive layout support.

Tech Stacklink

• HTML5 / CSS3 (SCSS source files)
• Bootstrap 5.x (grid system + base components)
• jQuery (DOM manipulation and interaction logic)
• Swiper.js (carousel component)
• Font Awesome 6 (icon library)
• Google Fonts (Poppins / Bricolage Grotesque / Rubik)

Project Structurelink

obryhtml-10/
├── documentation/          # Online documentation site
│   ├── index.html
│   └── assets/
│       ├── css/style.css
│       └── js/main.js
└── download version/       # Actual template files
    ├── index.html          # Homepage (Version 1)
    ├── index-2.html        # Homepage (Version 2)
    ├── index-3.html        # Homepage (Version 3)
    ├── about.html
    ├── service.html
    ├── blog.html
    ├── contact.html
    └── assets/
        ├── css/style.css
        ├── sass/style.scss  # SCSS source file
        └── js/main.js

Core File Descriptionlink

• download version/index.html — Main homepage template, includes navigation and hero section
• download version/assets/css/style.css — Compiled complete stylesheet
• download version/assets/sass/style.scss — SCSS source code, supports custom theme variables
• download version/assets/js/main.js — Global interaction logic (preloader, Swiper initialization, counter animation, etc.)
• download version/assets/css/plugins.css — Third-party plugin styles collection (Swiper, Odometer, etc.)
• documentation/index.html — Template official documentation page

Quick Startlink

1. Deploy the contents of the download version folder to a web server or local development environment
2. Open index.html directly in a browser to preview
3. To modify styles, edit assets/sass/style.scss and recompile using a Sass compiler

Usage Suggestionslink

• The template includes 3 homepage variants; choose the version that best fits your personal brand style before replacing content
• The pages extensively use CSS variables for colors and fonts; for a complete theme change, start by modifying the :root block