<!-- Subheader / Breadcrumb --> Home and Maintenance Management and showing not properly, do it correctly
Browse files- index.html +19 -20
- style.css +4 -3
index.html
CHANGED
|
@@ -219,28 +219,27 @@
|
|
| 219 |
</div>
|
| 220 |
</header>
|
| 221 |
<!-- Subheader / Breadcrumb -->
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
|
|
|
| 240 |
</div>
|
| 241 |
</div>
|
| 242 |
-
</div>
|
| 243 |
-
|
| 244 |
<body class="font-sans antialiased">
|
| 245 |
<!-- Maintenance Banner -->
|
| 246 |
<section class="text-white py-16" style="background: url('https://huggingface.co/spaces/vlcsolutions/vlc-maintenance-mastermind-suite/resolve/main/images/MM.png') center/cover;">
|
|
|
|
| 219 |
</div>
|
| 220 |
</header>
|
| 221 |
<!-- Subheader / Breadcrumb -->
|
| 222 |
+
<div id="Subheader" class="bg-[var(--vlc-tint)] py-3 border-b border-[var(--vlc-navy-700)]">
|
| 223 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 224 |
+
<div class="column one">
|
| 225 |
+
<ul class="breadcrumbs flex items-center gap-2 text-sm text-[var(--vlc-navy-700)]">
|
| 226 |
+
<li class="flex items-center">
|
| 227 |
+
<a href="https://www.vlcsolutions.com/" class="hover:text-[var(--vlc-leaf)] transition-colors duration-200">
|
| 228 |
+
Home
|
| 229 |
+
</a>
|
| 230 |
+
<span class="mx-1 text-[var(--vlc-sky)]">
|
| 231 |
+
<i data-feather="chevron-right" class="w-4 h-4"></i>
|
| 232 |
+
</span>
|
| 233 |
+
</li>
|
| 234 |
+
<li class="flex items-center">
|
| 235 |
+
<span class="text-[var(--vlc-navy-700)]">
|
| 236 |
+
Maintenance Management
|
| 237 |
+
</span>
|
| 238 |
+
</li>
|
| 239 |
+
</ul>
|
| 240 |
+
</div>
|
| 241 |
</div>
|
| 242 |
</div>
|
|
|
|
|
|
|
| 243 |
<body class="font-sans antialiased">
|
| 244 |
<!-- Maintenance Banner -->
|
| 245 |
<section class="text-white py-16" style="background: url('https://huggingface.co/spaces/vlcsolutions/vlc-maintenance-mastermind-suite/resolve/main/images/MM.png') center/cover;">
|
style.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
| 1 |
|
| 2 |
#Subheader {
|
| 3 |
background: var(--vlc-tint);
|
| 4 |
-
padding:
|
| 5 |
border-bottom: 1px solid var(--vlc-navy-700);
|
| 6 |
}
|
| 7 |
|
|
@@ -10,7 +10,7 @@
|
|
| 10 |
list-style: none;
|
| 11 |
padding: 0;
|
| 12 |
margin: 0;
|
| 13 |
-
font-size:
|
| 14 |
}
|
| 15 |
|
| 16 |
.breadcrumbs li {
|
|
@@ -22,6 +22,7 @@
|
|
| 22 |
color: var(--vlc-navy-700);
|
| 23 |
text-decoration: none;
|
| 24 |
transition: color 0.2s ease;
|
|
|
|
| 25 |
}
|
| 26 |
|
| 27 |
.breadcrumbs a:hover {
|
|
@@ -30,7 +31,7 @@
|
|
| 30 |
|
| 31 |
.breadcrumbs span {
|
| 32 |
margin: 0 8px;
|
| 33 |
-
color: var(--vlc-
|
| 34 |
}
|
| 35 |
body {
|
| 36 |
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
|
|
| 1 |
|
| 2 |
#Subheader {
|
| 3 |
background: var(--vlc-tint);
|
| 4 |
+
padding: 12px 0;
|
| 5 |
border-bottom: 1px solid var(--vlc-navy-700);
|
| 6 |
}
|
| 7 |
|
|
|
|
| 10 |
list-style: none;
|
| 11 |
padding: 0;
|
| 12 |
margin: 0;
|
| 13 |
+
font-size: 15px;
|
| 14 |
}
|
| 15 |
|
| 16 |
.breadcrumbs li {
|
|
|
|
| 22 |
color: var(--vlc-navy-700);
|
| 23 |
text-decoration: none;
|
| 24 |
transition: color 0.2s ease;
|
| 25 |
+
font-weight: 500;
|
| 26 |
}
|
| 27 |
|
| 28 |
.breadcrumbs a:hover {
|
|
|
|
| 31 |
|
| 32 |
.breadcrumbs span {
|
| 33 |
margin: 0 8px;
|
| 34 |
+
color: var(--vlc-sky);
|
| 35 |
}
|
| 36 |
body {
|
| 37 |
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|