{"id":7336,"date":"2026-04-09T04:11:02","date_gmt":"2026-04-09T04:11:02","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7336"},"modified":"2026-04-09T04:30:46","modified_gmt":"2026-04-09T04:30:46","slug":"fitner","status":"publish","type":"page","link":"https:\/\/raistheme.com\/html\/fitner\/","title":{"rendered":"Fitner \u2013 Creative HTML Template for Gym, Fitness &amp; Health"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7336\" class=\"elementor elementor-7336\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad90248 e-con-full e-flex e-con e-parent\" data-id=\"ad90248\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af6714a elementor-widget elementor-widget-shortcode\" data-id=\"af6714a\" 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            --fitner-primary: #0f766e;\r\n            --fitner-primary-dark: #115e59;\r\n            --fitner-primary-light: #14b8a6;\r\n            --fitner-secondary: #f97316;\r\n            --fitner-secondary-dark: #ea580c;\r\n            --fitner-success: #22c55e;\r\n            --fitner-warning: #eab308;\r\n            --fitner-danger: #ef4444;\r\n            --fitner-dark: #1e293b;\r\n            --fitner-darker: #0f172a;\r\n            --fitner-light: #f0fdfa;\r\n            --fitner-gray: #64748b;\r\n            --fitner-gray-light: #94a3b8;\r\n            --fitner-border: #e2e8f0;\r\n            --fitner-gradient: linear-gradient(135deg, #0f766e 0%, #f97316 100%);\r\n            --fitner-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        .fitner-product-header {\r\n            background: white;\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid var(--fitner-border);\r\n        }\r\n        \r\n        .fitner-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        .fitner-breadcrumb li {\r\n            margin-right: 8px;\r\n        }\r\n        \r\n        .fitner-breadcrumb li:not(:last-child)::after {\r\n            content: '\/';\r\n            margin-left: 8px;\r\n            color: var(--fitner-gray);\r\n        }\r\n        \r\n        .fitner-breadcrumb a {\r\n            color: var(--fitner-gray);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n        \r\n        .fitner-breadcrumb a:hover {\r\n            color: var(--fitner-primary);\r\n        }\r\n        \r\n        .fitner-breadcrumb li:last-child {\r\n            color: var(--fitner-dark);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* Product Page Layout *\/\r\n        .fitner-product-page {\r\n            padding: 40px 0 80px;\r\n        }\r\n        \r\n        .fitner-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        .fitner-product-gallery {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .fitner-main-image {\r\n            width: 100%;\r\n            height: 500px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid var(--fitner-border);\r\n        }\r\n        \r\n        .fitner-thumbnail-slider {\r\n            padding: 15px;\r\n        }\r\n        \r\n        .fitner-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        .fitner-thumbnail:hover, .fitner-thumbnail.active {\r\n            border-color: var(--fitner-primary);\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .fitner-thumbnail-slider .slick-slide {\r\n            padding: 0 5px;\r\n        }\r\n        \r\n        \/* Product Info *\/\r\n        .fitner-product-info {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .fitner-product-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: var(--fitner-dark);\r\n        }\r\n        \r\n        .fitner-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(--fitner-border);\r\n        }\r\n        \r\n        .fitner-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--fitner-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fitner-meta-item i {\r\n            color: var(--fitner-primary);\r\n        }\r\n        \r\n        .fitner-product-description {\r\n            margin-bottom: 30px;\r\n            line-height: 1.7;\r\n            color: var(--fitner-gray);\r\n        }\r\n        \r\n        \/* Sidebar *\/\r\n        .fitner-sidebar {\r\n            position: sticky;\r\n            top: 20px;\r\n        }\r\n        \r\n        .fitner-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        .fitner-sidebar-header {\r\n            padding: 20px;\r\n            background: var(--fitner-gradient);\r\n            color: white;\r\n        }\r\n        \r\n        .fitner-price {\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .fitner-price-note {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .fitner-sidebar-body {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .fitner-purchase-options {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .fitner-license-option {\r\n            padding: 15px;\r\n            border: 1px solid var(--fitner-border);\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .fitner-license-option:hover {\r\n            border-color: var(--fitner-primary);\r\n            box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);\r\n        }\r\n        \r\n        .fitner-license-option.selected {\r\n            border-color: var(--fitner-primary);\r\n            background: rgba(15, 118, 110, 0.05);\r\n        }\r\n        \r\n        .fitner-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        .fitner-license-title {\r\n            font-weight: 600;\r\n            color: var(--fitner-dark);\r\n        }\r\n        \r\n        .fitner-license-price {\r\n            font-weight: 700;\r\n            color: var(--fitner-primary);\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .fitner-license-description {\r\n            color: var(--fitner-gray);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .fitner-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        .fitner-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        .fitner-btn-primary {\r\n            background: var(--fitner-primary);\r\n            color: white!important;\r\n        }\r\n        \r\n        .fitner-btn-primary:hover {\r\n            background: var(--fitner-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        .fitner-btn-secondary {\r\n            background: transparent;\r\n            color: var(--fitner-primary);\r\n            border: 2px solid var(--fitner-primary);\r\n        }\r\n        \r\n        .fitner-btn-secondary:hover {\r\n            background: var(--fitner-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        .fitner-product-features {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .fitner-product-features-title {\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--fitner-dark);\r\n        }\r\n        \r\n        .fitner-feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        \r\n        .fitner-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(--fitner-gray);\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .fitner-feature-list i {\r\n            color: var(--fitner-success);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Tabs *\/\r\n        .fitner-tabs {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .fitner-tab-nav {\r\n            display: flex;\r\n            border-bottom: 2px solid var(--fitner-border);\r\n            margin-bottom: 25px;\r\n            overflow-x: auto;\r\n        }\r\n        \r\n        .fitner-tab-btn {\r\n            padding: 12px 25px;\r\n            background: none;\r\n            border: none;\r\n            font-weight: 600;\r\n            color: var(--fitner-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        .fitner-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(--fitner-primary);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .fitner-tab-btn.active {\r\n            color: var(--fitner-primary);\r\n        }\r\n        \r\n        .fitner-tab-btn.active::after {\r\n            transform: scaleX(1);\r\n        }\r\n        \r\n        .fitner-tab-content {\r\n            display: none;\r\n        }\r\n        \r\n        .fitner-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        .fitner-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        .fitner-feature-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .fitner-feature-icon {\r\n            flex-shrink: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--fitner-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        .fitner-feature-content h4 {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: var(--fitner-dark);\r\n        }\r\n        \r\n        .fitner-feature-content p {\r\n            color: var(--fitner-gray);\r\n            font-size: 0.95rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* Pages List *\/\r\n        .fitner-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        .fitner-page-item {\r\n            background: var(--fitner-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(--fitner-border);\r\n        }\r\n        \r\n        .fitner-page-item:hover {\r\n            background: var(--fitner-primary);\r\n            color: white;\r\n            transform: translateY(-3px);\r\n            border-color: var(--fitner-primary);\r\n        }\r\n        \r\n        .fitner-page-icon {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 8px;\r\n        }\r\n        \r\n        .fitner-page-name {\r\n            font-weight: 600;\r\n            margin-bottom: 2px;\r\n        }\r\n        \r\n        \/* Related Products *\/\r\n        .fitner-related-products {\r\n            margin-top: 60px;\r\n        }\r\n        \r\n        .fitner-related-products-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            color: var(--fitner-dark);\r\n        }\r\n        \r\n        .fitner-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        .fitner-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        .fitner-product-card-image {\r\n            height: 180px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .fitner-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        .fitner-product-card:hover .fitner-product-card-image img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .fitner-product-card-content {\r\n            padding: 20px;\r\n        }\r\n        \r\n        .fitner-product-card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 10px;\r\n            color: var(--fitner-dark);\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .fitner-product-card-price {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--fitner-primary);\r\n        }\r\n        \r\n        .fitner-product-card-link {\r\n            display: inline-block;\r\n            margin-top: 10px;\r\n            color: var(--fitner-primary);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .fitner-product-card-link:hover {\r\n            color: var(--fitner-primary-dark);\r\n            transform: translateX(5px);\r\n        }\r\n        \r\n        \/* Why Choose Section *\/\r\n        .fitner-why-choose {\r\n            background: var(--fitner-light);\r\n            padding: 25px;\r\n            border-radius: 12px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .fitner-why-choose h3 {\r\n            color: var(--fitner-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .fitner-why-choose p {\r\n            color: var(--fitner-gray);\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 991px) {\r\n            .fitner-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            .fitner-product-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .fitner-main-image {\r\n                height: 300px;\r\n            }\r\n            \r\n            .fitner-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=\"fitner-product-header\">\r\n        <div class=\"container\">\r\n            <ul class=\"fitner-breadcrumb\">\r\n                <li><a href=\"\/\">Home<\/a><\/li>\r\n                <li><a href=\"#\">HTML Templates<\/a><\/li>\r\n                <li>Fitner \u2013 Creative HTML Template for Gym, Fitness & Health<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Product Page -->\r\n    <div class=\"fitner-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=\"fitner-product-main\">\r\n                        <!-- Product Gallery -->\r\n                        <div class=\"fitner-product-gallery\">\r\n                            <img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Fitner-\u2013-Creative-HTML-Template-for-Gym-Fitness-Health.jpg\" alt=\"Fitner Fitness Template\" class=\"fitner-main-image\" id=\"mainImage\">\r\n                            \r\n                            <div class=\"fitner-thumbnail-slider\">\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Fitner-\u2013-Creative-HTML-Template-for-Gym-Fitness-Health.jpg\" alt=\"Fitner Fitness Template\" class=\"fitner-thumbnail active\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Fitner-\u2013-Creative-HTML-Template-for-Gym-Fitness-Health.jpg\" alt=\"Fitner Home 1\" class=\"fitner-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Fitner-\u2013-Creative-HTML-Template-for-Gym-Fitness-Health.jpg\" alt=\"Fitner Home 2\" class=\"fitner-thumbnail\"><\/div>\r\n                                <div><img decoding=\"async\" src=\"https:\/\/raistheme.com\/wp-content\/uploads\/2026\/04\/Fitner-\u2013-Creative-HTML-Template-for-Gym-Fitness-Health.jpg\" alt=\"Fitner Home 3\" class=\"fitner-thumbnail\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Info -->\r\n                        <div class=\"fitner-product-info\">\r\n                            <h1 class=\"fitner-product-title\">Fitner \u2013 Creative HTML Template for Gym, Fitness & Health<\/h1>\r\n                            \r\n                            <div class=\"fitner-product-meta\">\r\n                                <div class=\"fitner-meta-item\">\r\n                                    <i class=\"fas fa-user\"><\/i>\r\n                                    <span>By RaisTheme<\/span>\r\n                                <\/div>\r\n                                <div class=\"fitner-meta-item\">\r\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <span>Available<\/span>\r\n                                <\/div>\r\n                                <div class=\"fitner-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=\"fitner-product-description\">\r\n                                <p>Fitner is a modern and energetic HTML template designed for gyms, fitness centers, sports clubs, health studios, yoga classes, wellness businesses, and personal trainers. It is built to help fitness and lifestyle brands create a strong online presence with a clean, engaging, and professional design.<\/p>\r\n                                \r\n                                <p>The template includes multiple homepage variations and a complete set of inner pages for trainers, classes, blog posts, shop pages, and more. Its responsive layout ensures a smooth and consistent user experience across desktops, tablets, and mobile devices.<\/p>\r\n                                \r\n                                <p>Built on Bootstrap 4 with a structured 1180px grid system, Fitner is easy to customize and suitable for a wide range of health and fitness-related websites. Whether you run a gym, yoga studio, spa, or wellness center, Fitner provides the flexibility and design quality needed to present your services effectively.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Tabs Section -->\r\n                    <div class=\"fitner-tabs\">\r\n                        <div class=\"fitner-tab-nav\">\r\n                            <button class=\"fitner-tab-btn active\" data-tab=\"overview\">Product Overview<\/button>\r\n                            <button class=\"fitner-tab-btn\" data-tab=\"features\">Key Features<\/button>\r\n                            <button class=\"fitner-tab-btn\" data-tab=\"pages\">Pages Included<\/button>\r\n                            <button class=\"fitner-tab-btn\" data-tab=\"why-choose\">Why Choose Fitner?<\/button>\r\n                        <\/div>\r\n                        \r\n                        <!-- Product Overview Tab -->\r\n                        <div class=\"fitner-tab-content active\" id=\"overview\">\r\n                            <h3 class=\"mb-4\">Product Overview<\/h3>\r\n                            <p>Fitner is a comprehensive HTML template designed specifically for fitness and health businesses. It offers a modern, energetic design that's perfect for gyms, fitness centers, sports clubs, and wellness businesses.<\/p>\r\n                            \r\n                            <h4 class=\"mt-4 mb-3\">Key Features<\/h4>\r\n                            <ul class=\"fitner-feature-list\">\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> Clean and modern fitness-focused design<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Built with Bootstrap 4 framework<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Valid HTML files with clean code structure<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Multiple homepage variations<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Beautiful blog and news page layouts<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Easy to customize and modify<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Suitable for gyms, fitness clubs, trainers, yoga studios, health centers, and wellness businesses<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> 1180px grid-based layout<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Professional and user-friendly design<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        \r\n                        <!-- Key Features Tab -->\r\n                        <div class=\"fitner-tab-content\" id=\"features\">\r\n                            <h3 class=\"mb-4\">Key Features<\/h3>\r\n                            \r\n                            <div class=\"fitner-features-grid\">\r\n                                <div class=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-dumbbell\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-feature-content\">\r\n                                        <h4>Fitness Focused<\/h4>\r\n                                        <p>Specifically designed for gyms, fitness centers, and health clubs.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-laptop\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-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=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-code\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-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=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-paint-brush\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-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=\"fitner-tab-content\" id=\"pages\">\r\n                            <h3 class=\"mb-4\">Pages Included<\/h3>\r\n                            \r\n                            <div class=\"fitner-pages-grid\">\r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Home One<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Home Two<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Home Three<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-home\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Home Four<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-info-circle\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">About<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-users\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Trainers<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-user\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Trainers Single<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-calendar-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Classes<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-calendar-day\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Classes Single<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Shop<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Shop Single<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-newspaper\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">News<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-file-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">News Single<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-envelope\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">Contact<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-user-circle\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">My Account<\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-page-item\">\r\n                                    <div class=\"fitner-page-icon\">\r\n                                        <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-page-name\">404<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Why Choose Fitner? Tab -->\r\n                        <div class=\"fitner-tab-content\" id=\"why-choose\">\r\n                            <h3 class=\"mb-4\">Why Choose Fitner?<\/h3>\r\n                            \r\n                            <div class=\"fitner-why-choose\">\r\n                                <p>Fitner is a great choice for fitness and health businesses looking for a stylish and easy-to-customize HTML template. With dedicated fitness pages, responsive layouts, and clean design, it helps you create a modern website that promotes your services, classes, trainers, and products effectively.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"fitner-features-grid mt-4\">\r\n                                <div class=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-dumbbell\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-feature-content\">\r\n                                        <h4>Complete Solution<\/h4>\r\n                                        <p>All pages needed for a professional fitness website.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-mobile-alt\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-feature-content\">\r\n                                        <h4>Mobile Ready<\/h4>\r\n                                        <p>Perfect responsive design for all devices and screen sizes.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-feature-item\">\r\n                                    <div class=\"fitner-feature-icon\">\r\n                                        <i class=\"fas fa-cogs\"><\/i>\r\n                                    <\/div>\r\n                                    <div class=\"fitner-feature-content\">\r\n                                        <h4>Easy Customization<\/h4>\r\n                                        <p>Clean code structure makes customization simple and efficient.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Related Products -->\r\n                    <div class=\"fitner-related-products\">\r\n                        <h3 class=\"fitner-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=\"fitner-product-card\">\r\n                                    <div class=\"fitner-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=\"fitner-product-card-content\">\r\n                                        <h4 class=\"fitner-product-card-title\">Corpix \u2013 Agency Business & Consulting HTML5 Template<\/h4>\r\n                                        <div class=\"fitner-product-card-price\">$15<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/html\/corpix\/\" class=\"fitner-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=\"fitner-product-card\">\r\n                                    <div class=\"fitner-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=\"fitner-product-card-content\">\r\n                                        <h4 class=\"fitner-product-card-title\">Alexi \u2013 Business Consulting & Services HTML Template<\/h4>\r\n                                        <div class=\"fitner-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/downloads\/alexi-business-consulting-services-multipurpose-html-template\/\" class=\"fitner-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=\"fitner-product-card\">\r\n                                    <div class=\"fitner-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=\"fitner-product-card-content\">\r\n                                        <h4 class=\"fitner-product-card-title\">Cleanio \u2013 Laundry and Cleaning Service HTML Template<\/h4>\r\n                                        <div class=\"fitner-product-card-price\">$18<\/div>\r\n                                        <a href=\"https:\/\/raistheme.com\/downloads\/cleanio-laundry-and-cleaning-service-html-template\/\" class=\"fitner-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=\"fitner-sidebar\">\r\n                        <!-- Pricing Card -->\r\n                        <div class=\"fitner-sidebar-card\">\r\n                            <div class=\"fitner-sidebar-header\">\r\n                                <div class=\"fitner-price\">Contact for Price<\/div>\r\n                                <div class=\"fitner-price-note\">Premium Template<\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"fitner-sidebar-body\">\r\n                                <div class=\"fitner-purchase-options\">\r\n                                    <div class=\"fitner-license-option selected\">\r\n                                        <div class=\"fitner-license-header\">\r\n                                            <div class=\"fitner-license-title\">Regular License<\/div>\r\n                                            <div class=\"fitner-license-price\">$15<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"fitner-license-description\">Use for one end product where end users are not charged<\/div>\r\n                                    <\/div>\r\n                                    \r\n                                    <div class=\"fitner-license-option\">\r\n                                        <div class=\"fitner-license-header\">\r\n                                            <div class=\"fitner-license-title\">Extended License<\/div>\r\n                                            <div class=\"fitner-license-price\">$500<\/div>\r\n                                        <\/div>\r\n                                        <div class=\"fitner-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=\"fitner-purchase-buttons\">\r\n                                    <a href=\"\/cart\/?add-to-cart=7343\" class=\"fitner-btn fitner-btn-primary\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i> Add to Cart\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"fitner-btn fitner-btn-secondary\">\r\n                                        <i class=\"fas fa-eye\"><\/i> Live Preview\r\n                                    <\/a>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"fitner-product-features\">\r\n                                    <h4 class=\"fitner-product-features-title\">What You Get<\/h4>\r\n                                    <ul class=\"fitner-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=\"fitner-product-features\">\r\n                                    <h4 class=\"fitner-product-features-title\">Included with Purchase<\/h4>\r\n                                    <ul class=\"fitner-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=\"fitner-sidebar-card\">\r\n                            <div class=\"fitner-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=\"fitner-btn fitner-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            $('.fitner-thumbnail-slider').slick({\r\n                slidesToShow: 4,\r\n                slidesToScroll: 1,\r\n                asNavFor: '.fitner-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            $('.fitner-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                $('.fitner-thumbnail').removeClass('active');\r\n                $(this).addClass('active');\r\n            });\r\n            \r\n            \/\/ Tab functionality\r\n            $('.fitner-tab-btn').on('click', function() {\r\n                const tabId = $(this).data('tab');\r\n                \r\n                \/\/ Update active tab button\r\n                $('.fitner-tab-btn').removeClass('active');\r\n                $(this).addClass('active');\r\n                \r\n                \/\/ Update active tab content\r\n                $('.fitner-tab-content').removeClass('active');\r\n                $('#' + tabId).addClass('active');\r\n            });\r\n            \r\n            \/\/ License selection\r\n            $('.fitner-license-option').on('click', function() {\r\n                $('.fitner-license-option').removeClass('selected');\r\n                $(this).addClass('selected');\r\n                \r\n                \/\/ Update price\r\n                const price = $(this).find('.fitner-license-price').text();\r\n                $('.fitner-price').text(price);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html><\/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-7336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7336","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=7336"}],"version-history":[{"count":4,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7336\/revisions"}],"predecessor-version":[{"id":7341,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7336\/revisions\/7341"}],"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=7336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}