Promote version 3e41c6d to main
Browse filesPromoted commit 3e41c6dc210f887f05558596a89ef990c66c0b11 to main branch
- index.html +5 -5
- style.css +1 -13
index.html
CHANGED
|
@@ -28,19 +28,19 @@
|
|
| 28 |
<div class="bg-white rounded-xl shadow-lg overflow-hidden">
|
| 29 |
<!-- Tabs Navigation -->
|
| 30 |
<div class="flex border-b border-gray-200">
|
| 31 |
-
<button class="tab-button active px-6 py-3 font-medium text-indigo-600 border-b-2 border-indigo-600" data-tab="loan-info">
|
| 32 |
<i data-feather="dollar-sign" class="mr-2"></i>Loan Info
|
| 33 |
</button>
|
| 34 |
-
<button class="tab-button px-6 py-3 font-medium text-gray-500 hover:text-indigo-600" data-tab="units-rents">
|
| 35 |
<i data-feather="home" class="mr-2"></i>Units & Rents
|
| 36 |
</button>
|
| 37 |
-
<button class="tab-button px-6 py-3 font-medium text-gray-500 hover:text-indigo-600" data-tab="income-expenses">
|
| 38 |
<i data-feather="pie-chart" class="mr-2"></i>Income/Expenses
|
| 39 |
</button>
|
| 40 |
-
<button class="tab-button px-6 py-3 font-medium text-gray-500 hover:text-indigo-600" data-tab="valuation">
|
| 41 |
<i data-feather="trending-up" class="mr-2"></i>Valuation
|
| 42 |
</button>
|
| 43 |
-
</div>
|
| 44 |
<!-- Calculator Content -->
|
| 45 |
<div class="p-6">
|
| 46 |
<!-- Loan Info Section (default visible) -->
|
|
|
|
| 28 |
<div class="bg-white rounded-xl shadow-lg overflow-hidden">
|
| 29 |
<!-- Tabs Navigation -->
|
| 30 |
<div class="flex border-b border-gray-200">
|
| 31 |
+
<button class="tab-button active px-6 py-3 font-medium text-indigo-600 border-b-2 border-indigo-600" data-tab="loan-info" onclick="changeTab('loan-info')">
|
| 32 |
<i data-feather="dollar-sign" class="mr-2"></i>Loan Info
|
| 33 |
</button>
|
| 34 |
+
<button class="tab-button px-6 py-3 font-medium text-gray-500 hover:text-indigo-600" data-tab="units-rents" onclick="changeTab('units-rents')">
|
| 35 |
<i data-feather="home" class="mr-2"></i>Units & Rents
|
| 36 |
</button>
|
| 37 |
+
<button class="tab-button px-6 py-3 font-medium text-gray-500 hover:text-indigo-600" data-tab="income-expenses" onclick="changeTab('income-expenses')">
|
| 38 |
<i data-feather="pie-chart" class="mr-2"></i>Income/Expenses
|
| 39 |
</button>
|
| 40 |
+
<button class="tab-button px-6 py-3 font-medium text-gray-500 hover:text-indigo-600" data-tab="valuation" onclick="changeTab('valuation')">
|
| 41 |
<i data-feather="trending-up" class="mr-2"></i>Valuation
|
| 42 |
</button>
|
| 43 |
+
</div>
|
| 44 |
<!-- Calculator Content -->
|
| 45 |
<div class="p-6">
|
| 46 |
<!-- Loan Info Section (default visible) -->
|
style.css
CHANGED
|
@@ -9,23 +9,11 @@
|
|
| 9 |
animation: fadeIn 0.3s ease-in-out;
|
| 10 |
}
|
| 11 |
|
| 12 |
-
.hidden {
|
| 13 |
-
display: none;
|
| 14 |
-
}
|
| 15 |
-
|
| 16 |
-
.tab-button {
|
| 17 |
-
transition: all 0.2s ease-in-out;
|
| 18 |
-
border-bottom: 2px solid transparent;
|
| 19 |
-
}
|
| 20 |
-
|
| 21 |
-
.tab-button.active {
|
| 22 |
-
border-bottom-color: currentColor;
|
| 23 |
-
}
|
| 24 |
-
|
| 25 |
@keyframes fadeIn {
|
| 26 |
from { opacity: 0; }
|
| 27 |
to { opacity: 1; }
|
| 28 |
}
|
|
|
|
| 29 |
<!DOCTYPE html>
|
| 30 |
<html lang="en">
|
| 31 |
<head>
|
|
|
|
| 9 |
animation: fadeIn 0.3s ease-in-out;
|
| 10 |
}
|
| 11 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
@keyframes fadeIn {
|
| 13 |
from { opacity: 0; }
|
| 14 |
to { opacity: 1; }
|
| 15 |
}
|
| 16 |
+
|
| 17 |
<!DOCTYPE html>
|
| 18 |
<html lang="en">
|
| 19 |
<head>
|