Merge pull request #14 from ramangupta44/feature/tabs

fixed css issues

src/items/EspireDemo.Media Library/media library/Project/EspireDemo/Espire/System/E/2/5/D/thumbnail_E25DCA94CF49412D9369A2F5ED97E76B.yml

@@ -12,7 +12,7 @@ SharedFields:
   Value: 600
 - ID: "40e50ed9-ba07-4702-992e-a912738d32dc"
   Hint: Blob
-  BlobID: "ae5ff2dd-b52c-457b-84d4-a951a9ee6744"
+  BlobID: "dd6506f9-c4b4-4077-a6b6-a113bc9942c5"
   Value: iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAYAAAC+ZpjcAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAApZSURBVHhe7dYxAQAADMOg+TfdmcgJKrgBAJASLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAYoIFABATLACAmGABAMQECwAgJlgAADHBAgCICRYAQEywAABiggUAEBMsAICYYAEAxAQLACAmWAAAMcECAIgJFgBATLAAAGKCBQAQEywAgJhgAQDEBAsAICZYAAAxwQIAiAkWAEBMsAAAUtsDWORPXVxWuk0AAAAASUVORK5CYII=
 - ID: "6954b7c7-2487-423f-8600-436cb3b6dc0e"
   Hint: Size
@@ -50,11 +50,11 @@ Languages:
       Value: Thumbnail for Test 2
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "23a8888d-4d2f-4e86-b4fb-c698fc308f83"
+      Value: "dbdebc03-cb22-475a-a718-94b830098ef6"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230720T091308Z
+      Value: 20230721T132128Z

src/items/EspireDemo.Site/EspireDemo/Espire/Data/Images/logo.yml

@@ -21,18 +21,22 @@ Languages:
     - ID: "57caf172-ce57-4e48-b3a1-46f8aea71c08"
       Hint: Image
       Value: |
-        <image mediaid="{52DDC5B1-026A-4F97-99D0-DCD7380C2205}" />
+        <image mediaid="{E4BF029C-3DE6-4CC1-84A1-DC4C9A0FD660}" />
     - ID: "5dd74568-4d4b-44c1-b513-0af5f4cda34f"
       Hint: __Created by
       Value: |
         sitecore\[email protected]
+    - ID: "75fbf1b1-e7c5-494b-9633-693909f79425"
+      Hint: TargetUrl
+      Value: |
+        <link linktype="external" url="https://www.espire.com/" anchor="" target="" />
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "2fba8f5e-0be1-475e-ab73-6e993462170f"
+      Value: "6398ce03-2af8-4783-bf8e-3122fde700e0"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230721T105056Z
+      Value: 20230724T091851Z

src/items/EspireDemo.Site/EspireDemo/Espire/Data/Link/Skip to main content.yml

@@ -14,7 +14,7 @@ Languages:
     - ID: "2593d71e-efaa-4bf7-84c6-0da6c67deaa8"
       Hint: Link
       Value: |
-        <link linktype="anchor" text="Skip to Main contnet" url="main" anchor="main" />
+        <link linktype="anchor" text="Skip to Main content" url="main" anchor="main" />
     - ID: "25bed78c-4957-4165-998a-ca1b52f67497"
       Hint: __Created
       Value: 20230714T061214Z
@@ -28,11 +28,11 @@ Languages:
         sitecore\[email protected]
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "f887ad29-5564-4b0e-9718-171284f0c4ae"
+      Value: "1143a527-3933-4a2e-8597-73c9cf1b2604"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
-        sitecore\[email protected]
+        sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230714T061234Z
+      Value: 20230724T101541Z

src/items/EspireDemo.Site/EspireDemo/Espire/Home/About/Civil/Civil/Test 1/Test 2.yml

@@ -13,9 +13,26 @@ Languages:
   Versions:
   - Version: 1
     Fields:
+    - ID: "001dd393-96c5-490b-924a-b0f25cd9efd8"
+      Hint: __Lock
+      Value: <r />
     - ID: "02bafb11-c9a9-49c7-a935-2ae623161ef3"
       Hint: Title
       Value: Test 2
+    - ID: "04bf00db-f5fb-41f7-8ab7-22408372a981"
+      Hint: __Final Renderings
+      Value: |
+        <r xmlns:p="p" xmlns:s="s"
+          p:p="1">
+          <d
+            id="{FE5D7FDF-89C0-4D99-9AA3-B5FBD009C9F3}">
+            <r
+              uid="{7DA51593-A7D3-48D6-A914-C7FAEA6AC302}"
+              s:id="{1DEB067F-0BB1-405E-94F5-2ABB537A6160}"
+              s:par="GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D&amp;FieldNames=%7BFA4C888F-4F32-4D8E-B6F2-AC3B3154B3D7%7D&amp;Styles&amp;NavigationRoot&amp;LevelFrom=%7B1BB88840-5FB3-4353-AD8D-81136F6FF75A%7D&amp;LevelTo=%7BA59325BB-5A27-46F9-8110-9D499715F3BE%7D&amp;Filter=%7BE0A2A027-0932-4878-A7D6-0416D5263EFB%7D&amp;Flattened&amp;AddRoot&amp;SerializerFieldNames&amp;CacheClearingBehavior=Clear%20on%20publish&amp;RenderingIdentifier&amp;CSSStyles"
+              s:ph="headless-main" />
+          </d>
+        </r>
     - ID: "25bed78c-4957-4165-998a-ca1b52f67497"
       Hint: __Created
       Value: 20230720T091305Z
@@ -32,11 +49,11 @@ Languages:
         sitecore\b6hiKrOdCH
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "b4fd1b38-ae35-4936-bea0-691f15c139fd"
+      Value: "20c41f1e-78d7-4c1f-91b8-2d07e81532ac"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230720T091309Z
+      Value: 20230721T132120Z

src/items/EspireDemo.Site/EspireDemo/Espire/Home/Test Pages/HomePage Banner.yml

@@ -27,8 +27,15 @@ Languages:
           <d
             id="{FE5D7FDF-89C0-4D99-9AA3-B5FBD009C9F3}">
             <r
-              uid="{4E7B6A4A-22AB-4A86-97B7-423E62B5BEE4}"
+              uid="{597A79B4-A026-4DEF-B0A2-13FB3A936194}"
               p:before="*"
+              s:ds="local:/Data/demmo"
+              s:id="{9238DF1F-68A3-4B83-8E8F-828CA2D5B9F2}"
+              s:par="GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D&amp;FieldNames=%7BE7124B53-0FC6-4D05-935B-947D97A9852A%7D&amp;Styles&amp;CacheClearingBehavior=Clear%20on%20publish&amp;RenderingIdentifier&amp;CSSStyles&amp;DynamicPlaceholderId=18"
+              s:ph="headless-main" />
+            <r
+              uid="{4E7B6A4A-22AB-4A86-97B7-423E62B5BEE4}"
+              p:after="r[@uid='{597A79B4-A026-4DEF-B0A2-13FB3A936194}']"
               s:ds="{E96C211A-4184-4C57-9C35-BD8A54A74B83}"
               s:id="{3BF40154-F6E5-4D84-9FFD-758F0D984C59}"
               s:par="Reset Caching Options&amp;GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D&amp;Styles&amp;CacheClearingBehavior=Clear%20on%20publish&amp;RenderingIdentifier&amp;CSSStyles&amp;DynamicPlaceholderId=10"
@@ -95,7 +102,7 @@ Languages:
       Value: 
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "bf517d96-09fe-4ea6-8d84-c950c4baa47b"
+      Value: "ba9e18d6-823a-4511-9e82-919cfae378c6"
     - ID: "a9484400-817a-4d23-bbfd-de1ace5fcd1c"
       Hint: MetaKeywords
       Value: 
@@ -105,4 +112,4 @@ Languages:
         sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230721T113555Z
+      Value: 20230724T132228Z

src/items/EspireDemo.Site/EspireDemo/Espire/Presentation/Partial Designs/Footer.yml

@@ -59,23 +59,23 @@ Languages:
               p:after="r[@uid='{B23D0348-E0FE-421E-BCA4-1F7B681AEE27}']"
               s:ds="{F2C7107C-A3AE-4C62-B2E3-2008F4FA932D}"
               s:id="{AB2EDBA0-3960-4F12-B765-579DC231894A}"
-              s:par="FieldNames=%7B700FD891-58CD-479E-836C-AE18DD405443%7D&CacheClearingBehavior=Clear%20on%20publish&RenderingIdentifier&Styles&CSSStyles&GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7BF93D21ED-B0C9-4C59-8840-3AEDBD5ACE20%7D&DynamicPlaceholderId=3"
+              s:par="FieldNames=%7B700FD891-58CD-479E-836C-AE18DD405443%7D&CacheClearingBehavior=Clear%20on%20publish&RenderingIdentifier&Styles&CSSStyles&GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B31A49E90-E4B4-4F04-A3C7-E15B6835990F%7D%7C%7BA22E688E-6C46-4128-9012-B7832EBB9AD0%7D&DynamicPlaceholderId=3"
               s:ph="/headless-footer/container-1/container-2"
               s:ccb="Clear on publish" />
             <r
               uid="{EA82D8F4-C5E9-4F0C-A0DD-5FD73C565C99}"
               p:after="r[@uid='{7E5DA85E-C9B9-4209-807A-E90E338431BF}']"
               s:ds="local:/Data/Text 1"
               s:id="{9C6D53E3-FE57-4638-AF7B-6D68304C7A94}"
-              s:par="GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B436C37A1-CC36-4176-97C0-F1C48104E601%7D&amp;FieldNames=%7B15ACF6AB-5ABE-4DFB-B401-7BE3E1ADA97A%7D&amp;Styles&amp;RenderingIdentifier&amp;CSSStyles&amp;DynamicPlaceholderId=13"
+              s:par="GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B31A49E90-E4B4-4F04-A3C7-E15B6835990F%7D%7C%7BA146032A-C690-4911-97DD-A3D3C3159AB8%7D&amp;FieldNames=%7B15ACF6AB-5ABE-4DFB-B401-7BE3E1ADA97A%7D&amp;Styles&amp;RenderingIdentifier&amp;CSSStyles&amp;DynamicPlaceholderId=13"
               s:ph="/headless-footer/container-1/container-2"
               s:ccb="Clear on publish" />
             <r
               uid="{C3F29D3A-CA3A-4605-9B99-655A9CE2DEA7}"
               p:after="r[@uid='{EA82D8F4-C5E9-4F0C-A0DD-5FD73C565C99}']"
               s:ds="{C5F01237-FB7E-4ACE-8022-CDC6CD78BE82}"
               s:id="{4956263D-1195-4D6E-931B-800EA625FF6F}"
-              s:par="FieldNames=%7B434FF603-0530-4427-B490-E564F4FFF103%7D&amp;CacheClearingBehavior=Clear%20on%20publish&amp;RenderingIdentifier&amp;Styles&amp;CSSStyles&amp;GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B81225C08-5783-4BED-A86A-AB2B87198885%7D%7C%7B7DF615F7-0A53-42E1-A164-2B36D6126314%7D&amp;DynamicPlaceholderId=5"
+              s:par="FieldNames=%7B434FF603-0530-4427-B490-E564F4FFF103%7D&amp;CacheClearingBehavior=Clear%20on%20publish&amp;RenderingIdentifier&amp;Styles&amp;CSSStyles&amp;GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B959FDFBB-4691-4A17-816F-7A5330B8216A%7D%7C%7B41E4B2ED-E813-46F9-8455-C26C88E78D47%7D%7C%7B1FEC5EDD-5489-43F1-8C19-A092206E130D%7D&amp;DynamicPlaceholderId=5"
               s:ph="/headless-footer/container-1/container-2" />
             <r
               uid="{EDE8A501-1E30-4A7C-90FD-DF842078012B}"
@@ -128,11 +128,11 @@ Languages:
         sitecore\[email protected]
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "ad657544-20e0-4c3b-9255-208d2e5cfeab"
+      Value: "529bc199-3a24-4a09-a21b-394b4af5da61"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
-        sitecore\[email protected]
+        sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230718T061910Z
+      Value: 20230724T093107Z

src/items/EspireDemo.Site/EspireDemo/Espire/Presentation/Partial Designs/Header.yml

@@ -52,7 +52,7 @@ Languages:
               p:after="r[@uid='{8D21483A-9F92-41B4-B867-D1088FDA8EAF}']"
               s:ds=""
               s:id="{1DEB067F-0BB1-405E-94F5-2ABB537A6160}"
-              s:par="GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B81225C08-5783-4BED-A86A-AB2B87198885%7D%7C%7B64E70996-17A5-42B1-ACA7-0CC49459B74B%7D%7C%7B7DF615F7-0A53-42E1-A164-2B36D6126314%7D%7C%7BB86D9885-E5AE-4A8A-847C-D231A94408AD%7D&FieldNames=%7BFA4C888F-4F32-4D8E-B6F2-AC3B3154B3D7%7D&Styles=%7BD3DA4488-AA76-49F1-9625-8C6EC537D767%7D&NavigationRoot&LevelFrom=%7B1BB88840-5FB3-4353-AD8D-81136F6FF75A%7D&LevelTo=%7BA59325BB-5A27-46F9-8110-9D499715F3BE%7D&Filter=%7BD063E9D1-C7B5-4B1E-B31E-69886C9C59F5%7D&Flattened&AddRoot&SerializerFieldNames&RenderingIdentifier&CSSStyles"
+              s:par="GridParameters=%7B7465D855-992E-4DC2-9855-A03250DFA74B%7D%7C%7B81225C08-5783-4BED-A86A-AB2B87198885%7D%7C%7B64E70996-17A5-42B1-ACA7-0CC49459B74B%7D%7C%7B7DF615F7-0A53-42E1-A164-2B36D6126314%7D%7C%7BB86D9885-E5AE-4A8A-847C-D231A94408AD%7D&FieldNames=%7BFA4C888F-4F32-4D8E-B6F2-AC3B3154B3D7%7D&Styles=%7BD3DA4488-AA76-49F1-9625-8C6EC537D767%7D&NavigationRoot&LevelFrom=%7B1BB88840-5FB3-4353-AD8D-81136F6FF75A%7D&LevelTo=%7B4CDEFD87-00DA-4529-AD4D-7E1318644E97%7D&Filter=%7BD063E9D1-C7B5-4B1E-B31E-69886C9C59F5%7D&Flattened&AddRoot&SerializerFieldNames&RenderingIdentifier&CSSStyles"
               s:ph="/headless-header/container-1/container-12"
               s:ccb="Clear on publish" />
             <r
@@ -112,11 +112,11 @@ Languages:
         sitecore\[email protected]
     - ID: "8cdc337e-a112-42fb-bbb4-4143751e123f"
       Hint: __Revision
-      Value: "c30f5fbe-4275-45ae-a769-128a22fec229"
+      Value: "57f5dd43-8073-41da-8303-114d2d43c302"
     - ID: "badd9cf9-53e0-4d0c-bcc0-2d784c282f6a"
       Hint: __Updated by
       Value: |
         sitecore\b6hiKrOdCH
     - ID: "d9cf14b1-fa16-4ba6-9288-e8a174d4d522"
       Hint: __Updated
-      Value: 20230720T090857Z
+      Value: 20230724T121642Z

src/sxastarter/src/Layout.tsx

@@ -7,7 +7,8 @@ import { Placeholder, LayoutServiceData, Field, HTMLLink } from '@sitecore-jss/s
 import { getPublicUrl } from '@sitecore-jss/sitecore-jss-nextjs/utils';
 import Scripts from 'src/Scripts';
 import { useRouter } from 'next/router';
-
+import '../public/spriteuse.svg';
+import Script from 'next/script';
 // Prefix public assets with a public URL to enable compatibility with Sitecore Experience Editor.
 // If you're not supporting the Experience Editor, you can remove this.
 const publicUrl = getPublicUrl();
@@ -59,6 +60,7 @@ const Layout = ({ layoutData, headLinks }: LayoutProps): JSX.Element => {
         {headLinks.map((headLink) => (
           <link rel={headLink.rel} key={headLink.href} href={headLink.href} />
         ))}
+        <link rel="text/html" href={`${publicUrl}/spriteuse.svg`} />
       </Head>
 
       {/* root placeholder for the app, which we add components to using route data */}
@@ -73,6 +75,7 @@ const Layout = ({ layoutData, headLinks }: LayoutProps): JSX.Element => {
           <div id="footer">{route && <Placeholder name="headless-footer" rendering={route} />}</div>
         </footer>
       </div>
+      {/* <Script src="../public/spriteuse.svg" type="text/html" strategy="afterInteractive" /> */}
     </>
   );
 };

src/sxastarter/src/assets/EspireComponent/footer.scss

@@ -30,11 +30,23 @@
         li{
             padding: 2.8rem 1rem 3rem 1rem;
             border-radius: 10px 10px 0 0;
+            @include respond-to(laptop-to-desktop) {
+                padding-left: 0;
+                a{
+                    font-size: 1.2rem;
+                }
+            }
+
         }
         .btn {
             border: 0;
             font-size: 1.8rem;
         }
+        @include respond-to(laptop-to-desktop) {
+            ul{
+                float: right;
+            }
+            }
     }
 
     #contact-section {
@@ -73,4 +85,5 @@
             }
         }
     }
+
 }

src/sxastarter/src/assets/EspireComponent/header.scss

@@ -1,3 +1,4 @@
+// @import "/public/spriteuse.svg";
 #header {
   color: $white;
   > .container {
@@ -6,11 +7,20 @@
   }
   a {
     color: $white;
+    &::before{
+      content: url("/public/spriteuse.svg#language") !important;
+      display: block;
+    }
   }
   .link {
     padding: 10px;
     text-align: center;
     margin-top: 20px;
+    &.skip-to-content {
+      margin-top: 0;
+      padding-top: 0;
+      padding-left: 0;
+    }
   }
 
   .link-list {
@@ -24,6 +34,9 @@
       }
     }
     ul {
+      @include respond-to(desktop-and-above) {
+        float: right;
+      }
       li {
         display: inline-block;
         padding-left: 2.5rem;
@@ -33,31 +46,82 @@
   select,
   option {
     font-size: 1.2rem;
-    background-color: transparent;
-    color: white;
-
+    background-color: #0c1f31;
+    color: $white;
   }
   img {
     max-width: 90px;
   }
 
-  .navigation.navigation-main .rel-level1.submenu > .navigation-title{
-    a{
-      &::after{
-        content: "";
+  .navigation.navigation-main .rel-level1.submenu > .navigation-title {
+    a {
+      &::after {
+        content: '';
       }
     }
   }
-  .navigation{
-    nav{
-      > ul{
+  .navigation {
+    &.navigation-main {
+      .rel-level1 {
+        &:hover {
+          .rel-level2 {
+            background: white;
+            .navigation-title {
+              span {
+                color: black;
+              }
+            }
+          }
+        }
+        &.last {
+          a{
+
+          padding-right: 0;
+          }
+        }
+      }
+      .component-content {
+        > nav {
+          position: static;
+        }
+      }
+    }
+    nav {
+      > ul {
         float: right;
+        ul {
+          li {
+            a {
+              color: black;
+            }
+          }
+        }
       }
     }
     margin: auto 0 auto auto;
   }
 
-  .search-bar-default{
+  .search-bar-default {
     margin: auto;
   }
+
+  @include respond-to(laptop-to-desktop) {
+    .container {
+      .row > * {
+        max-width: 960px;
+      }
+    }
+    a {
+      font-size: 1.2rem;
+    }
+  }
+}
+.editing-mode {
+  #header {
+    .link-list {
+      h3 {
+        display: none;
+      }
+    }
+  }
 }