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;
|
||||
color: #6B7280;
|
||||
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 {
|
||||
border-color: #4F46E5;
|
||||
color: #4F46E5;
|
||||
border-color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
background-color: #F9FAFB;
|
||||
}
|
||||
|
||||
|
||||
@ -11,16 +11,14 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
// Deactivate all tabs and hide all content
|
||||
tabs.forEach(t => {
|
||||
t.classList.remove('active-tab', 'border-blue-600', 'text-blue-600', 'bg-blue-50');
|
||||
t.classList.add('text-gray-500', 'border-transparent', 'hover:text-blue-600', 'hover:border-blue-600');
|
||||
t.classList.remove('active-tab');
|
||||
});
|
||||
contents.forEach(c => {
|
||||
c.classList.add('hidden');
|
||||
});
|
||||
|
||||
// Activate the clicked tab and show its content
|
||||
tab.classList.add('active-tab', 'border-blue-600', 'text-blue-600', 'bg-blue-50');
|
||||
tab.classList.remove('text-gray-500', 'border-transparent', 'hover:text-blue-600', 'hover:border-blue-600');
|
||||
tab.classList.add('active-tab');
|
||||
|
||||
const activeContent = tabsContainer.querySelector(`#${target}`);
|
||||
if (activeContent) {
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
<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="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="pricing.php" class="text-gray-600 hover:text-black">Pricing</a>
|
||||
</nav>
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
<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="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>
|
||||
<div class="flex gap-3">
|
||||
<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>
|
||||
<nav class="hidden md:flex gap-8">
|
||||
<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="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>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
<nav class="hidden md:flex gap-8 text-sm">
|
||||
<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="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="roi.php" class="text-gray-600 hover:text-black">ROI</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">
|
||||
<!-- Tab Buttons -->
|
||||
<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="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="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="automation" class="tab-button active-tab">Automation</button>
|
||||
<button data-tab="ai-outputs" class="tab-button">AI Outputs</button>
|
||||
<button data-tab="security" class="tab-button">Security</button>
|
||||
</div> <!-- Tab Content -->
|
||||
<div class="mt-8 text-left">
|
||||
<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="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="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>
|
||||
</nav>
|
||||
<div class="flex items-center gap-4">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user