{"id":7298,"date":"2026-04-08T08:43:32","date_gmt":"2026-04-08T08:43:32","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7298"},"modified":"2026-04-08T08:43:32","modified_gmt":"2026-04-08T08:43:32","slug":"secrius","status":"publish","type":"page","link":"https:\/\/raistheme.com\/html\/secrius\/","title":{"rendered":"Secrius \u2013 Security Services HTML Template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7298\" class=\"elementor elementor-7298\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae472d5 e-con-full e-flex e-con e-parent\" data-id=\"ae472d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e6307 elementor-widget elementor-widget-shortcode\" data-id=\"69e6307\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Slick Carousel -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick-theme.min.css\">\r\n    \r\n    <!-- AOS Animation -->\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --secrius-primary: #0f766e;\r\n            --secrius-primary-dark: #115e59;\r\n            --secrius-primary-light: #14b8a6;\r\n            --secrius-secondary: #f97316;\r\n            --secrius-secondary-dark: #ea580c;\r\n            --secrius-success: #22c55e;\r\n            --secrius-warning: #eab308;\r\n            --secrius-danger: #ef4444;\r\n            --secrius-dark: #1e293b;\r\n            --secrius-darker: #0f172a;\r\n            --secrius-light: #f0fdfa;\r\n            --secrius-gray: #64748b;\r\n            --secrius-gray-light: #94a3b8;\r\n            --secrius-border: #e2e8f0;\r\n            --secrius-gradient: linear-gradient(135deg, #0f766e 0%, #f97316 100%);\r\n            --secrius-gradient-2: linear-gradient(135deg, #115e59 0%, #ea580c 100%);\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n    \r\n        \r\n        \/* Product Header *\/\r\n        .secrius-product-header {\r\n            background: white;\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid var(--secrius-border);\r\n        }\r\n        \r\n        .secrius-breadcrumb {\r\n            padding: 10px 0;\r\n            margin: 0;\r\n            list-style: none;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .secrius-breadcrumb li {\r\n            margin-right: 8px;\r\n        }\r\n        \r\n        .secrius-breadcrumb li:not(:last-child)::after {\r\n            content: '\/';\r\n            margin-left: 8px;\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        .secrius-breadcrumb a {\r\n            color: var(--secrius-gray);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        \r\n        .secrius-breadcrumb a:hover {\r\n            color: var(--secrius-primary);\r\n        }\r\n        \r\n        .secrius-breadcrumb li:last-child {\r\n            color: var(--secrius-dark);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* Product Page Layout *\/\r\n        .secrius-product-page {\r\n            padding: 40px 0 80px;\r\n        }\r\n        \r\n        .secrius-product-main {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            overflow: hidden;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        \/* Product Gallery *\/\r\n        .secrius-product-gallery {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .secrius-main-image {\r\n            width: 100%;\r\n            height: 500px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid var(--secrius-border);\r\n        }\r\n        \r\n        .secrius-thumbnail-slider {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .secrius-thumbnail {\r\n            width: 100px;\r\n            height: 75px;\r\n            object-fit: cover;\r\n            border: 2px solid transparent;\r\n            border-radius: 6px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .secrius-thumbnail:hover, .secrius-thumbnail.active {\r\n            border-color: var(--secrius-primary);\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .secrius-thumbnail-slider .slick-slide {\r\n            padding: 0 5px;\r\n        }\r\n        \r\n        \/* Product Info *\/\r\n        .secrius-product-info {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .secrius-product-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-product-meta {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            margin-bottom: 25px;\r\n            padding-bottom: 20px;\r\n            border-bottom: 1px solid var(--secrius-border);\r\n        }\r\n        \r\n        .secrius-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--secrius-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .secrius-meta-item i {\r\n            color: var(--secrius-primary);\r\n        }\r\n        \r\n        .secrius-product-description {\r\n            margin-bottom: 30px;\r\n            line-height: 1.7;\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        \/* Sidebar *\/\r\n        .secrius-sidebar {\r\n            position: sticky;\r\n            top: 20px;\r\n        }\r\n        \r\n        .secrius-sidebar-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            overflow: hidden;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .secrius-sidebar-header {\r\n            padding: 20px;\r\n            background: var(--secrius-gradient);\r\n            color: white;\r\n        }\r\n        \r\n        .secrius-price {\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .secrius-price-note {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .secrius-sidebar-body {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .secrius-purchase-options {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .secrius-license-option {\r\n            padding: 15px;\r\n            border: 1px solid var(--secrius-border);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .secrius-license-option:hover {\r\n            border-color: var(--secrius-primary);\r\n            box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);\r\n        }\r\n        \r\n        .secrius-license-option.selected {\r\n            border-color: var(--secrius-primary);\r\n            background: rgba(15, 118, 110, 0.05);\r\n        }\r\n        \r\n        .secrius-license-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .secrius-license-title {\r\n            font-weight: 600;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-license-price {\r\n            font-weight: 700;\r\n            color: var(--secrius-primary);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .secrius-license-description {\r\n            color: var(--secrius-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .secrius-purchase-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .secrius-btn {\r\n            padding: 14px 20px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .secrius-btn-primary {\r\n            background: var(--secrius-primary);\r\n            color: white!important;\r\n        }\r\n        \r\n        .secrius-btn-primary:hover {\r\n            background: var(--secrius-primary-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(15, 118, 110, 0.3);\r\n        }\r\n        \r\n        .secrius-btn-secondary {\r\n            background: transparent;\r\n            color: var(--secrius-primary);\r\n            border: 2px solid var(--secrius-primary);\r\n        }\r\n        \r\n        .secrius-btn-secondary:hover {\r\n            background: var(--secrius-primary);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(15, 118, 110, 0.3);\r\n        }\r\n        \r\n        .secrius-extend-support {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 15px;\r\n            background: var(--secrius-light);\r\n            border-radius: 8px;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .secrius-extend-support-text {\r\n            flex: 1;\r\n        }\r\n        \r\n        .secrius-extend-support-title {\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-extend-support-desc {\r\n            font-size: 0.9rem;\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        .secrius-extend-support-price {\r\n            font-weight: 700;\r\n            color: var(--secrius-primary);\r\n        }\r\n        \r\n        .secrius-product-features {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .secrius-product-features-title {\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .secrius-feature-list li {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 10px;\r\n            color: var(--secrius-gray);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .secrius-feature-list i {\r\n            color: var(--secrius-success);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Tabs *\/\r\n        .secrius-tabs {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .secrius-tab-nav {\r\n            display: flex;\r\n            border-bottom: 2px solid var(--secrius-border);\r\n            margin-bottom: 25px;\r\n            overflow-x: auto;\r\n        }\r\n        \r\n        .secrius-tab-btn {\r\n            padding: 12px 25px;\r\n            background: none;\r\n            border: none;\r\n            font-weight: 600;\r\n            color: var(--secrius-gray);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            white-space: nowrap;\r\n            position: relative;\r\n        }\r\n        \r\n        .secrius-tab-btn::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: var(--secrius-primary);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .secrius-tab-btn.active {\r\n            color: var(--secrius-primary);\r\n        }\r\n        \r\n        .secrius-tab-btn.active::after {\r\n            transform: scaleX(1);\r\n        }\r\n        \r\n        .secrius-tab-content {\r\n            display: none;\r\n        }\r\n        \r\n        .secrius-tab-content.active {\r\n            display: block;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* Features List *\/\r\n        .secrius-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .secrius-feature-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .secrius-feature-icon {\r\n            flex-shrink: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--secrius-gradient);\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n        }\r\n        \r\n        .secrius-feature-content h4 {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-feature-content p {\r\n            color: var(--secrius-gray);\r\n            font-size: 0.95rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* Pages List *\/\r\n        .secrius-pages-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n            gap: 15px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .secrius-page-item {\r\n            background: var(--secrius-light);\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .secrius-page-item:hover {\r\n            background: var(--secrius-primary);\r\n            color: white;\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .secrius-page-icon {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .secrius-page-name {\r\n            font-weight: 600;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        \/* Technical Details *\/\r\n        .secrius-tech-details {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 20px;\r\n        }\r\n        \r\n        .secrius-tech-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 10px 0;\r\n            border-bottom: 1px solid var(--secrius-border);\r\n        }\r\n        \r\n        .secrius-tech-label {\r\n            font-weight: 600;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-tech-value {\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        \/* Sources *\/\r\n        .secrius-sources-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .secrius-sources-list li {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 10px 0;\r\n            border-bottom: 1px solid var(--secrius-border);\r\n        }\r\n        \r\n        .secrius-sources-list li:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .secrius-sources-list i {\r\n            color: var(--secrius-primary);\r\n            width: 20px;\r\n            text-align: center;\r\n        }\r\n        \r\n        \/* Reviews *\/\r\n        .secrius-reviews-summary {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 30px;\r\n            margin-bottom: 30px;\r\n            padding: 20px;\r\n            background: var(--secrius-light);\r\n            border-radius: 12px;\r\n        }\r\n        \r\n        .secrius-rating-overview {\r\n            text-align: center;\r\n        }\r\n        \r\n        .secrius-rating-number {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            color: var(--secrius-primary);\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .secrius-rating-stars {\r\n            color: #fbbf24;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .secrius-rating-count {\r\n            color: var(--secrius-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .secrius-rating-bars {\r\n            flex: 1;\r\n        }\r\n        \r\n        .secrius-rating-bar-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .secrius-rating-bar-label {\r\n            width: 80px;\r\n            font-size: 0.9rem;\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        .secrius-rating-bar-track {\r\n            flex: 1;\r\n            height: 8px;\r\n            background: var(--secrius-border);\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .secrius-rating-bar-fill {\r\n            height: 100%;\r\n            background: #fbbf24;\r\n        }\r\n        \r\n        .secrius-rating-bar-count {\r\n            width: 40px;\r\n            text-align: right;\r\n            font-size: 0.9rem;\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        .secrius-review-item {\r\n            padding: 20px;\r\n            border: 1px solid var(--secrius-border);\r\n            border-radius: 8px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .secrius-review-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .secrius-review-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .secrius-review-avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .secrius-review-avatar img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        \r\n        .secrius-review-name {\r\n            font-weight: 600;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        .secrius-review-date {\r\n            font-size: 0.85rem;\r\n            color: var(--secrius-gray);\r\n        }\r\n        \r\n        .secrius-review-rating {\r\n            color: #fbbf24;\r\n        }\r\n        \r\n        .secrius-review-text {\r\n            color: var(--secrius-gray);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Related Products *\/\r\n        .secrius-related-products {\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .secrius-related-products-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            color: var(--secrius-dark);\r\n        }\r\n        \r\n        .secrius-product-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n        }\r\n        \r\n        .secrius-product-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .secrius-product-card-image {\r\n            height: 180px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .secrius-product-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .secrius-product-card:hover .secrius-product-card-image img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .secrius-product-card-content {\r\n            padding: 20px;\r\n        }\r\n        \r\n        .secrius-product-card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            color: var(--secrius-dark);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .secrius-product-card-price {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--secrius-primary);\r\n        }\r\n        \r\n        .secrius-product-card-link {\r\n            display: inline-block;\r\n            margin-top: 10px;\r\n            color: var(--secrius-primary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .secrius-product-card-link:hover {\r\n            color: var(--secrius-primary-dark);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* Why Choose Section *\/\r\n        .secrius-why-choose {\r\n            background: var(--secrius-light);\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .secrius-why-choose h3 {\r\n            color: var(--secrius-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .secrius-why-choose p {\r\n            color: var(--secrius-gray);\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 991px) {\r\n            .secrius-sidebar {\r\n                position: relative;\r\n                top: 0;\r\n                margin-top: 30px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 767px) {\r\n            .secrius-product-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .secrius-main-image {\r\n                height: 300px;\r\n            }\r\n            \r\n            .secrius-reviews-summary {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .secrius-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Product Header -->\r\n    <div class=\"secrius-product-header\">\r\n        <div class=\"container\">\r\n            <ul class=\"secrius-breadcrumb\">\r\n                <li><a href=\"\/\">Home<\/a><\/li>\r\n                <li><a href=\"#\">HTML Templates<\/a><\/li>\r\n                <li>Secrius \u2013 Security Services HTML Template<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Product Page -->\r\n    <div class=\"secrius-product-page\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                <!-- Main Content -->\r\n                <div class=\"col-lg-8\">\r\n                    <div class=\"secrius-product-main\">\r\n                        <!-- Product Gallery -->\r\n                        <div class=\"secrius-product-gallery\">\r\n                            <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-\u2013-Security-Services-HTML-Template.jpg\" alt=\"Secrius Security Template\" class=\"secrius-main-image\" id=\"mainImage\">\r\n                            \r\n                            <div class=\"secrius-thumbnail-slider\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-\u2013-Security-Services-HTML-Template.jpg\" alt=\"Secrius Security Template\" class=\"secrius-thumbnail active\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-\u2013-Security-Services-HTML-Template.jpg\" alt=\"Secrius Home 1\" class=\"secrius-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-\u2013-Security-Services-HTML-Template.jpg\" alt=\"Secrius Home 2\" class=\"secrius-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-\u2013-Security-Services-HTML-Template.jpg\" alt=\"Secrius Home 3\" class=\"secrius-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Secrius-\u2013-Security-Services-HTML-Template.jpg\" alt=\"Secrius Services\" class=\"secrius-thumbnail\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Info -->\r\n                        <div class=\"secrius-product-info\">\r\n                            <h1 class=\"secrius-product-title\">Secrius \u2013 Security Services HTML Template<\/h1>\r\n                            \r\n                            <div class=\"secrius-product-meta\">\r\n                                <div class=\"secrius-meta-item\">\r\n                                    <i class=\"fas fa-user\"><\/i>\r\n                                    <span>By RaisTheme<\/span>\r\n                                <\/div>\r\n                                <div class=\"secrius-meta-item\">\r\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <span>85 Sales<\/span>\r\n                                <\/div>\r\n                                <div class=\"secrius-meta-item\">\r\n                                    <i class=\"fas fa-file-alt\"><\/i>\r\n                                    <span>Well Documented<\/span>\r\n                                <\/div>\r\n                                <div class=\"secrius-meta-item\">\r\n                                    <i class=\"fas fa-star\"><\/i>\r\n                                    <span>Rating: 4.5\u2605 (4 Reviews)<\/span>\r\n                                <\/div>\r\n                                <div class=\"secrius-meta-item\">\r\n                                    <i class=\"fas fa-comments\"><\/i>\r\n                                    <span>Comments: 20<\/span>\r\n                                <\/div>\r\n                                <div class=\"secrius-meta-item\">\r\n                                    <i class=\"fas fa-headset\"><\/i>\r\n                                    <span>5-star customer support<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"secrius-product-description\">\r\n                                <p>Secrius is a modern, clean, and pixel-perfect HTML template designed for security services, CCTV solutions, security agencies, guard services, and corporate safety businesses. Whether you're building a website for a security company, protection services, or surveillance solutions, Secrius provides a professional and trustworthy design to showcase your services.<\/p>\r\n                                \r\n                                <p>Built with Bootstrap and a structured 1170px grid system, Secrius ensures a smooth and responsive experience across all devices. The template follows modern design trends and is fully customizable with clean, well-organized code, making it easy for developers and beginners to work with.<\/p>\r\n                                \r\n                                <p>With multiple homepage variations and essential inner pages like services, team, blog, and contact, Secrius helps you create a complete business website quickly and efficiently.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Tabs Section -->\r\n                    <div class=\"secrius-tabs\">\r\n                        <div class=\"secrius-tab-nav\">\r\n                            <button class=\"secrius-tab-btn active\" data-tab=\"overview\">Product Overview<\/button>\r\n                            <button class=\"secrius-tab-btn\" data-tab=\"features\">Features Overview<\/button>\r\n                            <button class=\"secrius-tab-btn\" data-tab=\"pages\">Pages Included<\/button>\r\n                            <button class=\"secrius-tab-btn\" data-tab=\"technical\">Technical Details<\/button>\r\n                            <button class=\"secrius-tab-btn\" data-tab=\"sources\">Sources & Credits<\/button>\r\n                            <button class=\"secrius-tab-btn\" data-tab=\"reviews\">Reviews (4)<\/button>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Overview Tab -->\r\n                        <div class=\"secrius-tab-content active\" id=\"overview\">\r\n                            <h3 class=\"mb-4\">Product Overview<\/h3>\r\n                            <p>Secrius is a comprehensive HTML template designed specifically for security and protection service businesses. It offers a modern, clean design that's perfect for security companies, CCTV solutions, guard services, and corporate safety businesses.<\/p>\r\n                            \r\n                            <h4 class=\"mt-4 mb-3\">Key Features<\/h4>\r\n                            <ul class=\"secrius-feature-list\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Responsive Layout: Fully optimized for mobile, tablet, and desktop devices<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Valid HTML Files: Clean and W3C validated code for reliability and performance<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Modern Design: Professional and visually appealing layouts for security businesses<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Blog Pages Included: Share updates, news, and industry insights<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Pixel Perfect Layout: Precise design implementation with attention to detail<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> 1170px Grid System: Structured layout for consistent design<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Google Fonts Integration: Professional typography for better readability<\/li>\r\n                            <\/ul>\r\n                            \r\n                            <div class=\"secrius-why-choose\">\r\n                                <h3>Why Choose Secrius?<\/h3>\r\n                                <p>Secrius is designed specifically for security and protection service businesses, offering modern layouts, easy customization, and a professional appearance. It helps you build trust with your audience while delivering a smooth and responsive user experience across all devices.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Features Overview Tab -->\r\n                        <div class=\"secrius-tab-content\" id=\"features\">\r\n                            <h3 class=\"mb-4\">Features Overview<\/h3>\r\n                            \r\n                            <div class=\"secrius-features-grid\">\r\n                                <div class=\"secrius-feature-item\">\r\n                                    <div class=\"secrius-feature-icon\">\r\n                                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-feature-content\">\r\n                                        <h4>Security Focused<\/h4>\r\n                                        <p>Specifically designed for security services and protection businesses.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-feature-item\">\r\n                                    <div class=\"secrius-feature-icon\">\r\n                                        <i class=\"fas fa-laptop\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-feature-content\">\r\n                                        <h4>Responsive Design<\/h4>\r\n                                        <p>Looks great on all devices from smartphones to desktop computers.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-feature-item\">\r\n                                    <div class=\"secrius-feature-icon\">\r\n                                        <i class=\"fas fa-code\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-feature-content\">\r\n                                        <h4>Clean Code<\/h4>\r\n                                        <p>Well-structured, commented code that's easy to customize and maintain.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-feature-item\">\r\n                                    <div class=\"secrius-feature-icon\">\r\n                                        <i class=\"fas fa-paint-brush\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-feature-content\">\r\n                                        <h4>Modern UI<\/h4>\r\n                                        <p>Contemporary design with attention to detail and user experience.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Pages Included Tab -->\r\n                        <div class=\"secrius-tab-content\" id=\"pages\">\r\n                            <h3 class=\"mb-4\">Pages Included<\/h3>\r\n                            \r\n                            <div class=\"secrius-pages-grid\">\r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Home One<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Home Two<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Home Three<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-info-circle\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">About Us<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-cogs\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Services<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Shop<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Shop Single<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-newspaper\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">News<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-file-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">News Single<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-users\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Team<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">Contact<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-page-item\">\r\n                                    <div class=\"secrius-page-icon\">\r\n                                        <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-page-name\">404 Page<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Technical Details Tab -->\r\n                        <div class=\"secrius-tab-content\" id=\"technical\">\r\n                            <h3 class=\"mb-4\">Technical Details<\/h3>\r\n                            \r\n                            <div class=\"secrius-tech-details\">\r\n                                <div class=\"secrius-tech-item\">\r\n                                    <div class=\"secrius-tech-label\">Last Update<\/div>\r\n                                    <div class=\"secrius-tech-value\">26 October 2022<\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-tech-item\">\r\n                                    <div class=\"secrius-tech-label\">High Resolution<\/div>\r\n                                    <div class=\"secrius-tech-value\">Yes<\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-tech-item\">\r\n                                    <div class=\"secrius-tech-label\">Compatible Browsers<\/div>\r\n                                    <div class=\"secrius-tech-value\">IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge<\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-tech-item\">\r\n                                    <div class=\"secrius-tech-label\">Framework<\/div>\r\n                                    <div class=\"secrius-tech-value\">Bootstrap 4.x<\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-tech-item\">\r\n                                    <div class=\"secrius-tech-label\">Files Included<\/div>\r\n                                    <div class=\"secrius-tech-value\">HTML, CSS, JS<\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-tech-item\">\r\n                                    <div class=\"secrius-tech-label\">Layout<\/div>\r\n                                    <div class=\"secrius-tech-value\">Fixed<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Sources & Credits Tab -->\r\n                        <div class=\"secrius-tab-content\" id=\"sources\">\r\n                            <h3 class=\"mb-4\">Sources and Credits<\/h3>\r\n                            \r\n                            <h5 class=\"mt-4 mb-3\">Fonts<\/h5>\r\n                            <ul class=\"secrius-sources-list\">\r\n                                <li><i class=\"fas fa-font\"><\/i> Playfair Display<\/li>\r\n                                <li><i class=\"fas fa-font\"><\/i> Poppins<\/li>\r\n                            <\/ul>\r\n                            \r\n                            <h5 class=\"mt-4 mb-3\">Images<\/h5>\r\n                            <ul class=\"secrius-sources-list\">\r\n                                <li><i class=\"fas fa-image\"><\/i> Unsplash<\/li>\r\n                                <li><i class=\"fas fa-image\"><\/i> Freepik<\/li>\r\n                                <li><i class=\"fas fa-image\"><\/i> Pixabay<\/li>\r\n                            <\/ul>\r\n                            \r\n                            <div class=\"alert alert-warning mt-4\">\r\n                                <strong>Important Note:<\/strong> All images used in the preview are for demonstration purposes only and are not included in the final download.\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Reviews Tab -->\r\n                        <div class=\"secrius-tab-content\" id=\"reviews\">\r\n                            <h3 class=\"mb-4\">Customer Reviews<\/h3>\r\n                            \r\n                            <div class=\"secrius-reviews-summary\">\r\n                                <div class=\"secrius-rating-overview\">\r\n                                    <div class=\"secrius-rating-number\">4.5<\/div>\r\n                                    <div class=\"secrius-rating-stars\">\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star-half-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-rating-count\">Based on 4 reviews<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-rating-bars\">\r\n                                    <div class=\"secrius-rating-bar-item\">\r\n                                        <div class=\"secrius-rating-bar-label\">5 star<\/div>\r\n                                        <div class=\"secrius-rating-bar-track\">\r\n                                            <div class=\"secrius-rating-bar-fill\" style=\"width: 50%\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-rating-bar-count\">2<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-rating-bar-item\">\r\n                                        <div class=\"secrius-rating-bar-label\">4 star<\/div>\r\n                                        <div class=\"secrius-rating-bar-track\">\r\n                                            <div class=\"secrius-rating-bar-fill\" style=\"width: 50%\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-rating-bar-count\">2<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-rating-bar-item\">\r\n                                        <div class=\"secrius-rating-bar-label\">3 star<\/div>\r\n                                        <div class=\"secrius-rating-bar-track\">\r\n                                            <div class=\"secrius-rating-bar-fill\" style=\"width: 0%\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-rating-bar-count\">0<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-rating-bar-item\">\r\n                                        <div class=\"secrius-rating-bar-label\">2 star<\/div>\r\n                                        <div class=\"secrius-rating-bar-track\">\r\n                                            <div class=\"secrius-rating-bar-fill\" style=\"width: 0%\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-rating-bar-count\">0<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-rating-bar-item\">\r\n                                        <div class=\"secrius-rating-bar-label\">1 star<\/div>\r\n                                        <div class=\"secrius-rating-bar-track\">\r\n                                            <div class=\"secrius-rating-bar-fill\" style=\"width: 0%\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-rating-bar-count\">0<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"secrius-review-item\">\r\n                                <div class=\"secrius-review-header\">\r\n                                    <div class=\"secrius-review-author\">\r\n                                        <div class=\"secrius-review-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/mike-ig-2.jpg\" alt=\"User\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"secrius-review-name\">David Thompson<\/div>\r\n                                            <div class=\"secrius-review-date\">November 5, 2022<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-review-rating\">\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-review-text\">\r\n                                    Excellent template for our security company! The design is professional and trustworthy, which is exactly what we needed. The code is clean and well-organized, making customization easy. Our clients love the new website, and we've seen an increase in inquiries since launching. Highly recommended!\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"secrius-review-item\">\r\n                                <div class=\"secrius-review-header\">\r\n                                    <div class=\"secrius-review-author\">\r\n                                        <div class=\"secrius-review-avatar\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/merlin-ig.jpg\" alt=\"User\">\r\n                                        <\/div>\r\n                                        <div>\r\n                                            <div class=\"secrius-review-name\">Mark Wilson<\/div>\r\n                                            <div class=\"secrius-review-date\">October 28, 2022<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-review-rating\">\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star\"><\/i>\r\n                                        <i class=\"fas fa-star-half-alt\"><\/i>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"secrius-review-text\">\r\n                                    Great template with a professional look perfect for security services. The multiple homepage layouts give us flexibility, and the responsive design works flawlessly on all devices. The documentation is comprehensive and made setup a breeze. Good value for money!\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Related Products -->\r\n                    <div class=\"secrius-related-products\">\r\n                        <h3 class=\"secrius-related-products-title\">You May Also Like<\/h3>\r\n                        \r\n                        <div class=\"row g-4\">\r\n                            <div class=\"col-md-4\">\r\n                                <div class=\"secrius-product-card\">\r\n                                    <div class=\"secrius-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Corpix-\u2013-Agency-Business-Consulting-HTML5-Template.jpg\" alt=\"Corpix Template\">\r\n                                    <\/div>\r\n                                    <div class=\"secrius-product-card-content\">\r\n                                        <h4 class=\"secrius-product-card-title\">Corpix \u2013 Agency Business & Consulting HTML5 Template<\/h4>\r\n                                        <div class=\"secrius-product-card-price\">$15<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/html\/corpix\/\" class=\"secrius-product-card-link\">View Details <i class=\"fas fa-arrow-right ms-1\"><\/i><\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"col-md-4\">\r\n                                <div class=\"secrius-product-card\">\r\n                                    <div class=\"secrius-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/edd\/2026\/04\/Alexi-\u2013-Business-Consulting-Services-Multipurpose-HTML-Template.jpg\" alt=\"Alexi Template\">\r\n                                    <\/div>\r\n                                    <div class=\"secrius-product-card-content\">\r\n                                        <h4 class=\"secrius-product-card-title\">Alexi \u2013 Business Consulting & Services HTML Template<\/h4>\r\n                                        <div class=\"secrius-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/downloads\/alexi-business-consulting-services-multipurpose-html-template\/\" class=\"secrius-product-card-link\">View Details <i class=\"fas fa-arrow-right ms-1\"><\/i><\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"col-md-4\">\r\n                                <div class=\"secrius-product-card\">\r\n                                    <div class=\"secrius-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/edd\/2026\/04\/Cleanio-Laundry-And-Cleaning-Service-HTML-Template.jpg\" alt=\"Cleanio Template\">\r\n                                    <\/div>\r\n                                    <div class=\"secrius-product-card-content\">\r\n                                        <h4 class=\"secrius-product-card-title\">Cleanio \u2013 Laundry and Cleaning Service HTML Template<\/h4>\r\n                                        <div class=\"secrius-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/downloads\/cleanio-laundry-and-cleaning-service-html-template\/\" class=\"secrius-product-card-link\">View Details <i class=\"fas fa-arrow-right ms-1\"><\/i><\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Sidebar -->\r\n                <div class=\"col-lg-4\">\r\n                    <div class=\"secrius-sidebar\">\r\n                        <!-- Pricing Card -->\r\n                        <div class=\"secrius-sidebar-card\">\r\n                            <div class=\"secrius-sidebar-header\">\r\n                                <div class=\"secrius-price\">$15<\/div>\r\n                                <div class=\"secrius-price-note\">Regular License<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"secrius-sidebar-body\">\r\n                                <div class=\"secrius-purchase-options\">\r\n                                    <div class=\"secrius-license-option selected\">\r\n                                        <div class=\"secrius-license-header\">\r\n                                            <div class=\"secrius-license-title\">Regular License<\/div>\r\n                                            <div class=\"secrius-license-price\">$15<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-license-description\">Use for one end product where end users are not charged<\/div>\r\n                                    <\/div>\r\n                                    \r\n                                    <div class=\"secrius-license-option\">\r\n                                        <div class=\"secrius-license-header\">\r\n                                            <div class=\"secrius-license-title\">Extended License<\/div>\r\n                                            <div class=\"secrius-license-price\">$500<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"secrius-license-description\">Use for one end product where end users can be charged<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-purchase-buttons\">\r\n                                    <a href=\"\/cart\/?add-to-cart=7303\" class=\"secrius-btn secrius-btn-primary\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i> Add to Cart\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"secrius-btn secrius-btn-secondary\">\r\n                                        <i class=\"fas fa-eye\"><\/i> Live Preview\r\n                                    <\/a>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-extend-support\">\r\n                                    <div class=\"secrius-extend-support-text\">\r\n                                        <div class=\"secrius-extend-support-title\">Extend Support to 12 Months<\/div>\r\n                                        <div class=\"secrius-extend-support-desc\">Additional $4.13<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"secrius-extend-support-price\">$9.63<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-product-features\">\r\n                                    <h4 class=\"secrius-product-features-title\">What You Get<\/h4>\r\n                                    <ul class=\"secrius-feature-list\">\r\n                                        <li><i class=\"fas fa-check\"><\/i> HTML files<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> CSS, JS, and supporting assets<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> Full documentation<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"secrius-product-features\">\r\n                                    <h4 class=\"secrius-product-features-title\">Included with Purchase<\/h4>\r\n                                    <ul class=\"secrius-feature-list\">\r\n                                        <li><i class=\"fas fa-check\"><\/i> Quality checked by Envato<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> Future updates<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> 6 months support from RaisTheme<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Author Info -->\r\n                        <div class=\"secrius-sidebar-card\">\r\n                            <div class=\"secrius-sidebar-body\">\r\n                                <div class=\"d-flex align-items-center mb-3\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/cropped-RaisTheme-favicon-.png\" alt=\"RaisTheme\" style=\"height: 40px; margin-right: 15px;\">\r\n                                    <div>\r\n                                        <h5 class=\"mb-0\">RaisTheme<\/h5>\r\n                                        <div class=\"text-muted small\">Premium Template Studio<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <p class=\"text-muted mb-3\">Creating high-quality WordPress themes, HTML templates, and UI design resources for developers, designers, and businesses worldwide.<\/p>\r\n                                \r\n                                <div class=\"d-flex justify-content-between\">\r\n                                    <div class=\"text-center\">\r\n                                        <div class=\"fw-bold\">150+<\/div>\r\n                                        <div class=\"text-muted small\">Items<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"text-center\">\r\n                                        <div class=\"fw-bold\">4.8<\/div>\r\n                                        <div class=\"text-muted small\">Rating<\/div>\r\n                                    <\/div>\r\n                                    <div class=\"text-center\">\r\n                                        <div class=\"fw-bold\">2.5K<\/div>\r\n                                        <div class=\"text-muted small\">Sales<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <a href=\"#\" class=\"secrius-btn secrius-btn-secondary w-100 mt-3\">\r\n                                    <i class=\"fas fa-user\"><\/i> View Portfolio\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- jQuery -->\r\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n    \r\n    <!-- Bootstrap JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    \r\n    <!-- Slick Carousel -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n    \r\n    <script>\r\n        $(document).ready(function() {\r\n            \/\/ Thumbnail Slider\r\n            $('.secrius-thumbnail-slider').slick({\r\n                slidesToShow: 4,\r\n                slidesToScroll: 1,\r\n                asNavFor: '.secrius-main-image',\r\n                focusOnSelect: true,\r\n                responsive: [\r\n                    {\r\n                        breakpoint: 768,\r\n                        settings: {\r\n                            slidesToShow: 3\r\n                        }\r\n                    },\r\n                    {\r\n                        breakpoint: 480,\r\n                        settings: {\r\n                            slidesToShow: 2\r\n                        }\r\n                    }\r\n                ]\r\n            });\r\n            \r\n            \/\/ Change main image when thumbnail is clicked\r\n            $('.secrius-thumbnail').on('click', function() {\r\n                const imageSrc = $(this).attr('src');\r\n                $('#mainImage').attr('src', imageSrc);\r\n                \r\n                \/\/ Update active state\r\n                $('.secrius-thumbnail').removeClass('active');\r\n                $(this).addClass('active');\r\n            });\r\n            \r\n            \/\/ Tab functionality\r\n            $('.secrius-tab-btn').on('click', function() {\r\n                const tabId = $(this).data('tab');\r\n                \r\n                \/\/ Update active tab button\r\n                $('.secrius-tab-btn').removeClass('active');\r\n                $(this).addClass('active');\r\n                \r\n                \/\/ Update active tab content\r\n                $('.secrius-tab-content').removeClass('active');\r\n                $('#' + tabId).addClass('active');\r\n            });\r\n            \r\n            \/\/ License selection\r\n            $('.secrius-license-option').on('click', function() {\r\n                $('.secrius-license-option').removeClass('selected');\r\n                $(this).addClass('selected');\r\n                \r\n                \/\/ Update price\r\n                const price = $(this).find('.secrius-license-price').text();\r\n                $('.secrius-price').text(price);\r\n            });\r\n            \r\n            \/\/ Extend support checkbox\r\n            $('.secrius-extend-support').on('click', function() {\r\n                \/\/ Toggle selection state\r\n                $(this).toggleClass('selected');\r\n                \r\n                \/\/ Update total price based on selection\r\n                const regularPrice = 15;\r\n                const supportPrice = 4.13;\r\n                const isSelected = $(this).hasClass('selected');\r\n                const totalPrice = isSelected ? regularPrice + supportPrice : regularPrice;\r\n                \r\n                \/\/ Update price display\r\n                $('.secrius-price').text('$' + totalPrice.toFixed(2));\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":7247,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-7298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=7298"}],"version-history":[{"count":4,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7298\/revisions"}],"predecessor-version":[{"id":7302,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7298\/revisions\/7302"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7247"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=7298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}