{"id":7354,"date":"2026-04-09T05:45:59","date_gmt":"2026-04-09T05:45:59","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7354"},"modified":"2026-04-09T05:45:59","modified_gmt":"2026-04-09T05:45:59","slug":"hostgem","status":"publish","type":"page","link":"https:\/\/raistheme.com\/html\/hostgem\/","title":{"rendered":"Hostgem &#8211; Domain Hosting HTML Template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7354\" class=\"elementor elementor-7354\">\n\t\t\t\t<div class=\"elementor-element elementor-element-949cf63 e-con-full e-flex e-con e-parent\" data-id=\"949cf63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd2e425 elementor-widget elementor-widget-shortcode\" data-id=\"cd2e425\" 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            --hostgem-primary: #0f766e;\r\n            --hostgem-primary-dark: #115e59;\r\n            --hostgem-primary-light: #14b8a6;\r\n            --hostgem-secondary: #f97316;\r\n            --hostgem-secondary-dark: #ea580c;\r\n            --hostgem-success: #22c55e;\r\n            --hostgem-warning: #eab308;\r\n            --hostgem-danger: #ef4444;\r\n            --hostgem-dark: #1e293b;\r\n            --hostgem-darker: #0f172a;\r\n            --hostgem-light: #f0fdfa;\r\n            --hostgem-gray: #64748b;\r\n            --hostgem-gray-light: #94a3b8;\r\n            --hostgem-border: #e2e8f0;\r\n            --hostgem-gradient: linear-gradient(135deg, #0f766e 0%, #f97316 100%);\r\n            --hostgem-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        .hostgem-product-header {\r\n            background: white;\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid var(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-breadcrumb li {\r\n            margin-right: 8px;\r\n        }\r\n        \r\n        .hostgem-breadcrumb li:not(:last-child)::after {\r\n            content: '\/';\r\n            margin-left: 8px;\r\n            color: var(--hostgem-gray);\r\n        }\r\n        \r\n        .hostgem-breadcrumb a {\r\n            color: var(--hostgem-gray);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-breadcrumb a:hover {\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-breadcrumb li:last-child {\r\n            color: var(--hostgem-dark);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* Product Page Layout *\/\r\n        .hostgem-product-page {\r\n            padding: 40px 0 80px;\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-product-gallery {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hostgem-main-image {\r\n            width: 100%;\r\n            height: 500px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid var(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-thumbnail-slider {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-thumbnail:hover, .hostgem-thumbnail.active {\r\n            border-color: var(--hostgem-primary);\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .hostgem-thumbnail-slider .slick-slide {\r\n            padding: 0 5px;\r\n        }\r\n        \r\n        \/* Product Info *\/\r\n        .hostgem-product-info {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .hostgem-product-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-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(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .hostgem-meta-item i {\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-product-description {\r\n            margin-bottom: 30px;\r\n            line-height: 1.7;\r\n            color: var(--hostgem-gray);\r\n        }\r\n        \r\n        \/* Sidebar *\/\r\n        .hostgem-sidebar {\r\n            position: sticky;\r\n            top: 20px;\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-sidebar-header {\r\n            padding: 20px;\r\n            background: var(--hostgem-gradient);\r\n            color: white;\r\n        }\r\n        \r\n        .hostgem-price {\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .hostgem-price-note {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .hostgem-sidebar-body {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .hostgem-purchase-options {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .hostgem-license-option {\r\n            padding: 15px;\r\n            border: 1px solid var(--hostgem-border);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .hostgem-license-option:hover {\r\n            border-color: var(--hostgem-primary);\r\n            box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);\r\n        }\r\n        \r\n        .hostgem-license-option.selected {\r\n            border-color: var(--hostgem-primary);\r\n            background: rgba(15, 118, 110, 0.05);\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-license-title {\r\n            font-weight: 600;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-license-price {\r\n            font-weight: 700;\r\n            color: var(--hostgem-primary);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .hostgem-license-description {\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-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        .hostgem-btn-primary {\r\n            background: var(--hostgem-primary);\r\n            color: white!important;\r\n        }\r\n        \r\n        .hostgem-btn-primary:hover {\r\n            background: var(--hostgem-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        .hostgem-btn-secondary {\r\n            background: transparent;\r\n            color: var(--hostgem-primary);\r\n            border: 2px solid var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-btn-secondary:hover {\r\n            background: var(--hostgem-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        .hostgem-product-features {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .hostgem-product-features-title {\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .hostgem-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(--hostgem-gray);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .hostgem-feature-list i {\r\n            color: var(--hostgem-success);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Tabs *\/\r\n        .hostgem-tabs {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .hostgem-tab-nav {\r\n            display: flex;\r\n            border-bottom: 2px solid var(--hostgem-border);\r\n            margin-bottom: 25px;\r\n            overflow-x: auto;\r\n        }\r\n        \r\n        .hostgem-tab-btn {\r\n            padding: 12px 25px;\r\n            background: none;\r\n            border: none;\r\n            font-weight: 600;\r\n            color: var(--hostgem-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        .hostgem-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(--hostgem-primary);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-tab-btn.active {\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-tab-btn.active::after {\r\n            transform: scaleX(1);\r\n        }\r\n        \r\n        .hostgem-tab-content {\r\n            display: none;\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-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        .hostgem-feature-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .hostgem-feature-icon {\r\n            flex-shrink: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--hostgem-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        .hostgem-feature-content h4 {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-feature-content p {\r\n            color: var(--hostgem-gray);\r\n            font-size: 0.95rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* Pages List *\/\r\n        .hostgem-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        .hostgem-page-item {\r\n            background: var(--hostgem-light);\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid var(--hostgem-border);\r\n        }\r\n        \r\n        .hostgem-page-item:hover {\r\n            background: var(--hostgem-primary);\r\n            color: white;\r\n            transform: translateY(-3px);\r\n            border-color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-page-icon {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .hostgem-page-name {\r\n            font-weight: 600;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        \/* Related Products *\/\r\n        .hostgem-related-products {\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .hostgem-related-products-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            color: var(--hostgem-dark);\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-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        .hostgem-product-card-image {\r\n            height: 180px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hostgem-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        .hostgem-product-card:hover .hostgem-product-card-image img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .hostgem-product-card-content {\r\n            padding: 20px;\r\n        }\r\n        \r\n        .hostgem-product-card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            color: var(--hostgem-dark);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .hostgem-product-card-price {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--hostgem-primary);\r\n        }\r\n        \r\n        .hostgem-product-card-link {\r\n            display: inline-block;\r\n            margin-top: 10px;\r\n            color: var(--hostgem-primary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .hostgem-product-card-link:hover {\r\n            color: var(--hostgem-primary-dark);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* Why Choose Section *\/\r\n        .hostgem-why-choose {\r\n            background: var(--hostgem-light);\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .hostgem-why-choose h3 {\r\n            color: var(--hostgem-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .hostgem-why-choose p {\r\n            color: var(--hostgem-gray);\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 991px) {\r\n            .hostgem-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            .hostgem-product-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .hostgem-main-image {\r\n                height: 300px;\r\n            }\r\n            \r\n            .hostgem-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=\"hostgem-product-header\">\r\n        <div class=\"container\">\r\n            <ul class=\"hostgem-breadcrumb\">\r\n                <li><a href=\"\/\">Home<\/a><\/li>\r\n                <li><a href=\"#\">HTML Templates<\/a><\/li>\r\n                <li>Hostgem \u2013 Domain Hosting HTML Template<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Product Page -->\r\n    <div class=\"hostgem-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=\"hostgem-product-main\">\r\n                        <!-- Product Gallery -->\r\n                        <div class=\"hostgem-product-gallery\">\r\n                            <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-Domain-Hosting-HTML-Template.jpg\" alt=\"Hostgem Domain Hosting Template\" class=\"hostgem-main-image\" id=\"mainImage\">\r\n                            \r\n                            <div class=\"hostgem-thumbnail-slider\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-Domain-Hosting-HTML-Template.jpg\" alt=\"Hostgem Main\" class=\"hostgem-thumbnail active\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-Domain-Hosting-HTML-Template.jpg\" alt=\"Hostgem Home 1\" class=\"hostgem-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-Domain-Hosting-HTML-Template.jpg\" alt=\"Hostgem Home 2\" class=\"hostgem-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Hostgem-Domain-Hosting-HTML-Template.jpg\" alt=\"Hostgem Hosting\" class=\"hostgem-thumbnail\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Info -->\r\n                        <div class=\"hostgem-product-info\">\r\n                            <h1 class=\"hostgem-product-title\">Hostgem \u2013 Domain Hosting HTML Template<\/h1>\r\n                            \r\n                            <div class=\"hostgem-product-meta\">\r\n                                <div class=\"hostgem-meta-item\">\r\n                                    <i class=\"fas fa-user\"><\/i>\r\n                                    <span>By RaisTheme<\/span>\r\n                                <\/div>\r\n                                <div class=\"hostgem-meta-item\">\r\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <span>Available<\/span>\r\n                                <\/div>\r\n                                <div class=\"hostgem-meta-item\">\r\n                                    <i class=\"fas fa-file-alt\"><\/i>\r\n                                    <span>Well Documented<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"hostgem-product-description\">\r\n                                <p>Hostgem is a modern and professional HTML template designed for web hosting companies, domain providers, server businesses, and WHMCS-based services. It offers a clean, elegant, and user-friendly design that helps you create a powerful online presence for your hosting business.<\/p>\r\n                                \r\n                                <p>Whether you are offering shared hosting, VPS, dedicated servers, or domain registration services, Hostgem provides all the essential layouts and pages needed to showcase your services effectively. With multiple homepage variations and well-structured inner pages, it allows you to build a complete hosting website with ease.<\/p>\r\n                                \r\n                                <p>Built with Bootstrap 4, Hostgem ensures full responsiveness and smooth performance across all devices. The template is highly customizable, developer-friendly, and comes with detailed documentation to help you set up quickly.<\/p>\r\n                                \r\n                                <p><strong>Important Note:<\/strong> This is an HTML5 template and not a WHMCS .tpl file.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Tabs Section -->\r\n                    <div class=\"hostgem-tabs\">\r\n                        <div class=\"hostgem-tab-nav\">\r\n                            <button class=\"hostgem-tab-btn active\" data-tab=\"overview\">Product Overview<\/button>\r\n                            <button class=\"hostgem-tab-btn\" data-tab=\"features\">Key Features<\/button>\r\n                            <button class=\"hostgem-tab-btn\" data-tab=\"pages\">Pages Included<\/button>\r\n                            <button class=\"hostgem-tab-btn\" data-tab=\"why-choose\">Why Choose Hostgem?<\/button>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Overview Tab -->\r\n                        <div class=\"hostgem-tab-content active\" id=\"overview\">\r\n                            <h3 class=\"mb-4\">Product Overview<\/h3>\r\n                            <p>Hostgem is a comprehensive HTML template designed specifically for web hosting companies, domain providers, and server businesses. It offers a modern, professional design that's perfect for showcasing hosting services, pricing plans, and technical features.<\/p>\r\n                            \r\n                            <h4 class=\"mt-4 mb-3\">Key Features<\/h4>\r\n                            <ul class=\"hostgem-feature-list\">\r\n                                <li><i class=\"fas fa-check\"><\/i> 6+ unique homepage layouts<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> 16+ inner pages included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Clean, modern, and professional hosting design<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Fully responsive layout for all devices<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Built on Bootstrap 4 framework<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Pixel-perfect and SEO-friendly structure<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Pricing table layouts included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> WHMCS-based design pages<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Blog and news pages included<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Google Maps integration<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <!-- Key Features Tab -->\r\n                        <div class=\"hostgem-tab-content\" id=\"features\">\r\n                            <h3 class=\"mb-4\">Key Features<\/h3>\r\n                            \r\n                            <div class=\"hostgem-features-grid\">\r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-server\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Hosting Focused<\/h4>\r\n                                        <p>Specifically designed for web hosting companies and providers.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-laptop\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-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=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-code\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-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=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-paint-brush\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Professional UI<\/h4>\r\n                                        <p>Modern design with attention to detail and user experience.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-tachometer-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Performance Optimized<\/h4>\r\n                                        <p>Fast loading and smooth performance for better user experience.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-cogs\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Easy Customization<\/h4>\r\n                                        <p>Developer-friendly code makes customization simple and efficient.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Pages Included Tab -->\r\n                        <div class=\"hostgem-tab-content\" id=\"pages\">\r\n                            <h3 class=\"mb-4\">Pages Included<\/h3>\r\n                            \r\n                            <div class=\"hostgem-pages-grid\">\r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">index.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">index-2.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">index-3.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">index-4.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">index-5.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">index-6.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-info-circle\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">about.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-server\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">dedicated-server.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-globe\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">domain.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-handshake\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">reseller-hosting.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-share-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">shared-hosting.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-database\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">vps-hosting.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-headset\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">support.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-cog\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">whmcs.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-newspaper\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">news.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-file-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">news-details.html<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-page-item\">\r\n                                    <div class=\"hostgem-page-icon\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-page-name\">contact.html<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Why Choose Hostgem? Tab -->\r\n                        <div class=\"hostgem-tab-content\" id=\"why-choose\">\r\n                            <h3 class=\"mb-4\">Why Choose Hostgem?<\/h3>\r\n                            \r\n                            <div class=\"hostgem-why-choose\">\r\n                                <p>Hostgem is a perfect solution for hosting providers and domain businesses looking for a modern and professional website. With its flexible layout, WHMCS-focused structure, and easy customization, it helps you launch your hosting platform quickly and efficiently.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"hostgem-features-grid mt-4\">\r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-server\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Hosting Industry Ready<\/h4>\r\n                                        <p>Specifically designed for web hosting companies and service providers.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-cog\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>WHMCS Compatible<\/h4>\r\n                                        <p>Design elements that complement WHMCS integration for seamless experience.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-feature-item\">\r\n                                    <div class=\"hostgem-feature-icon\">\r\n                                        <i class=\"fas fa-rocket\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-feature-content\">\r\n                                        <h4>Quick Setup<\/h4>\r\n                                        <p>Easy to customize and deploy with detailed documentation included.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"alert alert-warning mt-4\" role=\"alert\">\r\n                                <i class=\"fas fa-exclamation-triangle me-2\"><\/i>\r\n                                <strong>Important Note:<\/strong> 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                    <\/div>\r\n                    \r\n                    <!-- Related Products -->\r\n                    <div class=\"hostgem-related-products\">\r\n                        <h3 class=\"hostgem-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=\"hostgem-product-card\">\r\n                                    <div class=\"hostgem-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/edd\/2026\/04\/Viszion-%E2%80%93-Artificial-Intelligence-and-Robotics-HTML-Template.jpg\" alt=\"Hostify Template\">\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-product-card-content\">\r\n                                        <h4 class=\"hostgem-product-card-title\">Viszion \u2013 Artificial Intelligence & Robotics HTML Templatee<\/h4>\r\n                                        <div class=\"hostgem-product-card-price\">$17<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/downloads\/viszion-artificial-intelligence-robotics-html-template\/\" class=\"hostgem-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=\"hostgem-product-card\">\r\n                                    <div class=\"hostgem-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/edd\/2026\/04\/Alexi-%E2%80%93-Business-Consulting-Services-Multipurpose-HTML-Template.jpg\" alt=\"ServerHub Template\">\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-product-card-content\">\r\n                                        <h4 class=\"hostgem-product-card-title\">Alexi \u2013 Business Consulting & Services Multipurpose HTML Template<\/h4>\r\n                                        <div class=\"hostgem-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/downloads\/alexi-business-consulting-services-multipurpose-html-template\/\" class=\"hostgem-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=\"hostgem-product-card\">\r\n                                    <div class=\"hostgem-product-card-image\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Aerover-%E2%80%93-App-Landing-HTML-Template.jpg\" alt=\"DomainPro Template\">\r\n                                    <\/div>\r\n                                    <div class=\"hostgem-product-card-content\">\r\n                                        <h4 class=\"hostgem-product-card-title\">Aerover \u2013 App Landing HTML Template<\/h4>\r\n                                        <div class=\"hostgem-product-card-price\">$15<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/html\/aerover\/\" class=\"hostgem-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=\"hostgem-sidebar\">\r\n                        <!-- Pricing Card -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-header\">\r\n                                <div class=\"hostgem-price\">$15<\/div>\r\n                                <div class=\"hostgem-price-note\">Regular License<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <div class=\"hostgem-purchase-options\">\r\n                                    <div class=\"hostgem-license-option selected\">\r\n                                        <div class=\"hostgem-license-header\">\r\n                                            <div class=\"hostgem-license-title\">Regular License<\/div>\r\n                                            <div class=\"hostgem-license-price\">$15<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"hostgem-license-description\">Use for one end product where end users are not charged<\/div>\r\n                                    <\/div>\r\n                                    \r\n                                    <div class=\"hostgem-license-option\">\r\n                                        <div class=\"hostgem-license-header\">\r\n                                            <div class=\"hostgem-license-title\">Extended License<\/div>\r\n                                            <div class=\"hostgem-license-price\">$500<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"hostgem-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=\"hostgem-purchase-buttons\">\r\n                                    <a href=\"\/cart\/?add-to-cart=7356\" class=\"hostgem-btn hostgem-btn-primary\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i> Add to Cart\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"hostgem-btn hostgem-btn-secondary\">\r\n                                        <i class=\"fas fa-eye\"><\/i> Live Preview\r\n                                    <\/a>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"hostgem-product-features\">\r\n                                    <h4 class=\"hostgem-product-features-title\">What You Get<\/h4>\r\n                                    <ul class=\"hostgem-feature-list\">\r\n                                        <li><i class=\"fas fa-check\"><\/i> HTML files<\/li>\r\n                                        <li><i class=\"fas fa-check\"><\/i> CSS and JS files<\/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=\"hostgem-product-features\">\r\n                                    <h4 class=\"hostgem-product-features-title\">Included with Purchase<\/h4>\r\n                                    <ul class=\"hostgem-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                                \r\n                                <div class=\"hostgem-product-features\">\r\n                                    <h4 class=\"hostgem-product-features-title\">Extend Support<\/h4>\r\n                                    <a href=\"#\" class=\"hostgem-btn hostgem-btn-secondary w-100\">\r\n                                        <i class=\"fas fa-calendar-plus\"><\/i> Add 12 Months - $9.63\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Author Info -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-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; border-radius: 8px;\">\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=\"hostgem-btn hostgem-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                        \r\n                        <!-- Technical Details -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <h4 class=\"hostgem-product-features-title\">Technical Details<\/h4>\r\n                                <ul class=\"hostgem-feature-list\">\r\n                                    <li><i class=\"fas fa-calendar\"><\/i> Last Update: 26 March 2020<\/li>\r\n                                    <li><i class=\"fas fa-desktop\"><\/i> High Resolution: Yes<\/li>\r\n                                    <li><i class=\"fas fa-globe\"><\/i> Compatible Browsers: IE9+, Firefox, Safari, Opera, Chrome, Edge<\/li>\r\n                                    <li><i class=\"fas fa-layer-group\"><\/i> Framework: Bootstrap 4.x<\/li>\r\n                                    <li><i class=\"fas fa-file-code\"><\/i> Files Included: HTML, CSS, JS<\/li>\r\n                                    <li><i class=\"fas fa-mobile-alt\"><\/i> Layout: Fully Responsive<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Sources and Credits -->\r\n                        <div class=\"hostgem-sidebar-card\">\r\n                            <div class=\"hostgem-sidebar-body\">\r\n                                <h4 class=\"hostgem-product-features-title\">Sources and Credits<\/h4>\r\n                                <ul class=\"hostgem-feature-list\">\r\n                                    <li><i class=\"fas fa-font\"><\/i> Fonts: Poppins, Roboto<\/li>\r\n                                    <li><i class=\"fas fa-icons\"><\/i> Icons: Font Awesome, Flaticon<\/li>\r\n                                    <li><i class=\"fas fa-image\"><\/i> Images: Pexels<\/li>\r\n                                <\/ul>\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            $('.hostgem-thumbnail-slider').slick({\r\n                slidesToShow: 4,\r\n                slidesToScroll: 1,\r\n                asNavFor: '.hostgem-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            $('.hostgem-thumbnail').on('click', function() {\r\n                const imageSrc = $(this).attr('src').replace('100x75', '800x500');\r\n                $('#mainImage').attr('src', imageSrc);\r\n                \r\n                \/\/ Update active state\r\n                $('.hostgem-thumbnail').removeClass('active');\r\n                $(this).addClass('active');\r\n            });\r\n            \r\n            \/\/ Tab functionality\r\n            $('.hostgem-tab-btn').on('click', function() {\r\n                const tabId = $(this).data('tab');\r\n                \r\n                \/\/ Update active tab button\r\n                $('.hostgem-tab-btn').removeClass('active');\r\n                $(this).addClass('active');\r\n                \r\n                \/\/ Update active tab content\r\n                $('.hostgem-tab-content').removeClass('active');\r\n                $('#' + tabId).addClass('active');\r\n            });\r\n            \r\n            \/\/ License selection\r\n            $('.hostgem-license-option').on('click', function() {\r\n                $('.hostgem-license-option').removeClass('selected');\r\n                $(this).addClass('selected');\r\n                \r\n                \/\/ Update price\r\n                const price = $(this).find('.hostgem-license-price').text();\r\n                $('.hostgem-price').text(price);\r\n                \r\n                \/\/ Update price note\r\n                const licenseType = $(this).find('.hostgem-license-title').text();\r\n                $('.hostgem-price-note').text(licenseType);\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-7354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7354","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=7354"}],"version-history":[{"count":4,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7354\/revisions"}],"predecessor-version":[{"id":7360,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7354\/revisions\/7360"}],"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=7354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}