add content

templates/partials/header_custom.html

@@ -1,7 +1,7 @@
 <header id="header-container" class="bg-inherit">
-    <div class="z-10 bg-dark1 w-screen">
+    <div class="z-10 bg-white w-screen">
         <div class="relative z-50">
-            <div class="mx-auto bg-dark1 flex z-50 bg-transparent justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
+            <div class="mx-auto bg-white flex z-50 bg-transparent justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
                 <div>
                     <a href="/" class="flex">
                         <img  src="images/tf_dark.png" alt="ODFZ Logo" />
@@ -19,7 +19,7 @@
                         </svg>
                     </button>
                 </div>
-                <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
+                <div class="hidden  bg-white lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
                     <nav class="flex space-x-10">
                         {% for header_item in header_items %}
                         {% if not loop.first %}
@@ -68,7 +68,7 @@
             {% set menu_id = header_label ~ "-menu" | slugify %}
             <nav>
                 <div id="{{menu_id}}" class="mt-16 z-30 absolute inset-x-0 transform lg:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
-                    <div class="bg-gray-800 lg:bg-gray-900">
+                    <div class="bg-white">
                         <div class="mx-8 lg:mx-20 px-6 py-4 text-white">
                             {{ header_menu | safe }}
                         </div>
@@ -79,8 +79,4 @@
     </div>
 </header>
 
-<style>
-    .bg-dark1 {
-      background: rgba(15,15,15,1);
-    }
-</style>
+