December 17th,2025 V.27
This commit is contained in:
parent
1e0f238acb
commit
8fa61c25c2
@ -357,11 +357,18 @@ h3 { font-size: 20px; line-height: 1.5; }
|
|||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
color: #6B7280;
|
color: #6B7280;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
padding: 1rem 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
#human-in-loop-tabs .tab-button:hover {
|
||||||
|
border-color: var(--primary-color);
|
||||||
|
color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#human-in-loop-tabs .tab-button.active-tab {
|
#human-in-loop-tabs .tab-button.active-tab {
|
||||||
border-color: #4F46E5;
|
border-color: var(--primary-color);
|
||||||
color: #4F46E5;
|
color: var(--primary-color);
|
||||||
background-color: #F9FAFB;
|
background-color: #F9FAFB;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -11,16 +11,14 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||||||
|
|
||||||
// Deactivate all tabs and hide all content
|
// Deactivate all tabs and hide all content
|
||||||
tabs.forEach(t => {
|
tabs.forEach(t => {
|
||||||
t.classList.remove('active-tab', 'border-blue-600', 'text-blue-600', 'bg-blue-50');
|
t.classList.remove('active-tab');
|
||||||
t.classList.add('text-gray-500', 'border-transparent', 'hover:text-blue-600', 'hover:border-blue-600');
|
|
||||||
});
|
});
|
||||||
contents.forEach(c => {
|
contents.forEach(c => {
|
||||||
c.classList.add('hidden');
|
c.classList.add('hidden');
|
||||||
});
|
});
|
||||||
|
|
||||||
// Activate the clicked tab and show its content
|
// Activate the clicked tab and show its content
|
||||||
tab.classList.add('active-tab', 'border-blue-600', 'text-blue-600', 'bg-blue-50');
|
tab.classList.add('active-tab');
|
||||||
tab.classList.remove('text-gray-500', 'border-transparent', 'hover:text-blue-600', 'hover:border-blue-600');
|
|
||||||
|
|
||||||
const activeContent = tabsContainer.querySelector(`#${target}`);
|
const activeContent = tabsContainer.querySelector(`#${target}`);
|
||||||
if (activeContent) {
|
if (activeContent) {
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
|
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
|
||||||
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
|
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
|
||||||
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
||||||
<a href="how_it_works.php" class="text-black font-semibold">How It Works</a>
|
<a href="how_it_works.php" class="text-blue-600 font-semibold">How It Works</a>
|
||||||
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
||||||
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
@ -21,7 +21,7 @@
|
|||||||
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
||||||
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
||||||
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
||||||
<a href="pricing.php" class="text-gray-600 hover:text-black font-semibold">Pricing</a>
|
<a href="pricing.php" class="text-blue-600 font-semibold">Pricing</a>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="flex gap-3">
|
<div class="flex gap-3">
|
||||||
<a href="login.php" class="text-sm flex items-center">Sign In</a>
|
<a href="login.php" class="text-sm flex items-center">Sign In</a>
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
<div class="font-bold text-xl">FinMox</div>
|
<div class="font-bold text-xl">FinMox</div>
|
||||||
<nav class="hidden md:flex gap-8">
|
<nav class="hidden md:flex gap-8">
|
||||||
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
|
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
|
||||||
<a href="problem.php" class="text-gray-600 hover:text-black font-semibold">Problem</a>
|
<a href="problem.php" class="text-blue-600 font-semibold">Problem</a>
|
||||||
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
||||||
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
||||||
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<nav class="hidden md:flex gap-8 text-sm">
|
<nav class="hidden md:flex gap-8 text-sm">
|
||||||
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
|
<a href="index.php" class="text-gray-600 hover:text-black">Home</a>
|
||||||
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
|
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
|
||||||
<a href="product.php" class="text-indigo-600 font-semibold">Why FinMox</a>
|
<a href="product.php" class="text-blue-600 font-semibold">Why FinMox</a>
|
||||||
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
||||||
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
<a href="roi.php" class="text-gray-600 hover:text-black">ROI</a>
|
||||||
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
||||||
@ -57,9 +57,9 @@
|
|||||||
<div id="human-in-loop-tabs" class="mt-10 max-w-4xl mx-auto">
|
<div id="human-in-loop-tabs" class="mt-10 max-w-4xl mx-auto">
|
||||||
<!-- Tab Buttons -->
|
<!-- Tab Buttons -->
|
||||||
<div class="flex justify-center border-b border-gray-200">
|
<div class="flex justify-center border-b border-gray-200">
|
||||||
<button data-tab="automation" class="tab-button active-tab text-base font-semibold py-3 px-6 border-b-2 border-blue-600 text-blue-600 bg-blue-50">Automation</button>
|
<button data-tab="automation" class="tab-button active-tab">Automation</button>
|
||||||
<button data-tab="ai-outputs" class="tab-button text-base font-semibold py-3 px-6 border-b-2 border-transparent text-gray-500 hover:text-blue-600 hover:border-blue-600">AI Outputs</button>
|
<button data-tab="ai-outputs" class="tab-button">AI Outputs</button>
|
||||||
<button data-tab="security" class="tab-button text-base font-semibold py-3 px-6 border-b-2 border-transparent text-gray-500 hover:text-blue-600 hover:border-blue-600">Security</button>
|
<button data-tab="security" class="tab-button">Security</button>
|
||||||
</div> <!-- Tab Content -->
|
</div> <!-- Tab Content -->
|
||||||
<div class="mt-8 text-left">
|
<div class="mt-8 text-left">
|
||||||
<div id="automation" class="tab-content">
|
<div id="automation" class="tab-content">
|
||||||
|
|||||||
2
roi.php
2
roi.php
@ -20,7 +20,7 @@
|
|||||||
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
|
<a href="problem.php" class="text-gray-600 hover:text-black">Problem</a>
|
||||||
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
<a href="product.php" class="text-gray-600 hover:text-black">Why FinMox</a>
|
||||||
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
<a href="how_it_works.php" class="text-gray-600 hover:text-black">How It Works</a>
|
||||||
<a href="roi.php" class="text-black font-semibold">ROI</a>
|
<a href="roi.php" class="text-blue-600 font-semibold">ROI</a>
|
||||||
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
<a href="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user