Header

The Header component is used as a foundation for top-level application navigation.

View source
  <head>
    <meta charset="utf-8">
    <meta name="viewport"
      content="width=device-width, initial-scale=1">
    <title>Test Page</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/agnostic-css@1.0.12/public/css-dist/common.min.css">
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/agnostic-css@1.0.12/public/css-dist/components.min.css">
  </head>
  <body>
    <div class="container">
      <header class="header">
        <div class="header-content">
          <!-- Header Logo Component -->
          <a aria-current="page" href="#home" class="header-logo flex">
            <span class="screenreader-only">Logo and link to home page</span>
            <svg width="125" height="30" viewBox="0 0 125 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
              <desc>Header logo graphic</desc>
              <path d="M40.83 22.2047C40.2352 22.237 39.6469 22.0679 39.16 21.7247C38.9566 21.5739 38.7929 21.3758 38.6831 21.1476C38.5733 20.9193 38.5208 20.6678 38.53 20.4147V11.1447C38.5252 11.1055 38.5293 11.0656 38.5422 11.0282C38.555 10.9908 38.5762 10.9569 38.6042 10.9289C38.6322 10.9009 38.6661 10.8797 38.7035 10.8669C38.7409 10.854 38.7808 10.8499 38.82 10.8547H40.5C40.69 10.8547 40.78 10.9547 40.78 11.1447V19.6947C40.78 20.0747 40.95 20.2647 41.3 20.2647C41.4484 20.2708 41.5968 20.254 41.74 20.2147C41.94 20.2147 42.05 20.2747 42.06 20.4547L42.21 21.7047C42.2172 21.7412 42.2165 21.7787 42.208 21.8149C42.1995 21.851 42.1833 21.885 42.1605 21.9143C42.1378 21.9437 42.109 21.9679 42.0762 21.9852C42.0433 22.0025 42.0071 22.0126 41.97 22.0147C41.602 22.1363 41.2175 22.2004 40.83 22.2047V22.2047Z" />
              <path d="M50.28 21.1347C49.4358 21.8322 48.375 22.2137 47.28 22.2137C46.185 22.2137 45.1242 21.8322 44.28 21.1347C43.538 20.3857 43.1218 19.374 43.1218 18.3197C43.1218 17.2654 43.538 16.2537 44.28 15.5047C45.1258 14.8108 46.186 14.4316 47.28 14.4316C48.374 14.4316 49.4342 14.8108 50.28 15.5047C51.0049 16.2606 51.4096 17.2674 51.4096 18.3147C51.4096 19.362 51.0049 20.3688 50.28 21.1247V21.1347ZM45.86 19.8147C46.2517 20.1696 46.7614 20.3661 47.29 20.3661C47.8186 20.3661 48.3283 20.1696 48.72 19.8147C49.0746 19.4071 49.2698 18.885 49.2698 18.3447C49.2698 17.8044 49.0746 17.2824 48.72 16.8747C48.3283 16.5199 47.8186 16.3233 47.29 16.3233C46.7614 16.3233 46.2517 16.5199 45.86 16.8747C45.5055 17.2824 45.3102 17.8044 45.3102 18.3447C45.3102 18.885 45.5055 19.4071 45.86 19.8147Z" />
              <path d="M60.66 14.6847C60.85 14.6847 60.94 14.7847 60.94 14.9747V22.1447C60.9575 22.6287 60.8669 23.1104 60.6749 23.5549C60.4829 23.9995 60.1943 24.3957 59.83 24.7147C59.0214 25.4042 57.9816 25.7615 56.92 25.7147C55.9611 25.7484 55.0151 25.4866 54.21 24.9647C53.8662 24.739 53.5725 24.4449 53.3472 24.1009C53.1218 23.7568 52.9696 23.3701 52.9 22.9647C52.9 22.7647 52.9 22.6747 53.17 22.6747H54.85C54.9213 22.6772 54.9904 22.7002 55.049 22.741C55.1075 22.7818 55.153 22.8386 55.18 22.9047C55.289 23.2084 55.5062 23.4613 55.79 23.6147C56.1359 23.7932 56.5208 23.8826 56.91 23.8747C57.1448 23.8876 57.3798 23.8535 57.6013 23.7745C57.8228 23.6956 58.0263 23.5732 58.2 23.4147C58.3587 23.2489 58.4821 23.0526 58.5629 22.8378C58.6437 22.623 58.6801 22.394 58.67 22.1647V21.5347C58.0685 21.9772 57.3364 22.2059 56.59 22.1847C56.0676 22.2037 55.5468 22.117 55.0587 21.9297C54.5707 21.7423 54.1255 21.4584 53.75 21.0947C53.029 20.3489 52.626 19.3521 52.626 18.3147C52.626 17.2774 53.029 16.2806 53.75 15.5347C54.1274 15.1743 54.573 14.8931 55.0608 14.7076C55.5486 14.5221 56.0685 14.4361 56.59 14.4547C57.358 14.4344 58.1098 14.678 58.72 15.1447V14.9847C58.7154 14.9464 58.7194 14.9075 58.7317 14.871C58.744 14.8344 58.7643 14.801 58.7911 14.7732C58.8179 14.7454 58.8506 14.724 58.8867 14.7104C58.9228 14.6968 58.9615 14.6915 59 14.6947L60.66 14.6847ZM56.78 20.4047C57.0376 20.4127 57.2939 20.364 57.5306 20.262C57.7673 20.1601 57.9788 20.0074 58.15 19.8147C58.4825 19.3854 58.6629 18.8577 58.6629 18.3147C58.6629 17.7717 58.4825 17.2441 58.15 16.8147C57.9794 16.6247 57.7692 16.4742 57.5343 16.374C57.2993 16.2739 57.0453 16.2263 56.79 16.2347C56.5294 16.2265 56.2701 16.2751 56.0301 16.3769C55.7901 16.4788 55.5751 16.6316 55.4 16.8247C55.0317 17.2354 54.838 17.7735 54.86 18.3247C54.842 18.8705 55.0313 19.4029 55.39 19.8147C55.5656 20.0073 55.7806 20.1598 56.0205 20.2616C56.2604 20.3634 56.5195 20.4123 56.78 20.4047V20.4047Z" />
              <path d="M69.57 21.1347C68.7242 21.8286 67.664 22.2078 66.57 22.2078C65.476 22.2078 64.4158 21.8286 63.57 21.1347C62.8445 20.3771 62.4395 19.3687 62.4395 18.3197C62.4395 17.2708 62.8445 16.2623 63.57 15.5047C64.4166 14.8126 65.4765 14.4345 66.57 14.4345C67.6635 14.4345 68.7234 14.8126 69.57 15.5047C70.2949 16.2606 70.6996 17.2674 70.6996 18.3147C70.6996 19.362 70.2949 20.3688 69.57 21.1247V21.1347ZM65.14 19.8147C65.3317 19.9971 65.5577 20.1396 65.8049 20.234C66.0521 20.3284 66.3155 20.3729 66.58 20.3647C66.8428 20.3715 67.1044 20.3265 67.3498 20.2321C67.5951 20.1377 67.8195 19.9959 68.01 19.8147C68.3588 19.4043 68.5503 18.8833 68.5503 18.3447C68.5503 17.8061 68.3588 17.2851 68.01 16.8747C67.8195 16.6936 67.5951 16.5517 67.3498 16.4574C67.1044 16.363 66.8428 16.3179 66.58 16.3247C66.3155 16.3166 66.0521 16.361 65.8049 16.4554C65.5577 16.5498 65.3317 16.6923 65.14 16.8747C64.7912 17.2851 64.5998 17.8061 64.5998 18.3447C64.5998 18.8833 64.7912 19.4043 65.14 19.8147V19.8147Z" />
              <path d="M74.31 12.9847C74.0457 13.2161 73.7063 13.3437 73.355 13.3437C73.0037 13.3437 72.6644 13.2161 72.4 12.9847C72.2802 12.8716 72.1847 12.7352 72.1194 12.5839C72.0542 12.4326 72.0205 12.2695 72.0205 12.1047C72.0205 11.9399 72.0542 11.7769 72.1194 11.6256C72.1847 11.4742 72.2802 11.3378 72.4 11.2247C72.6671 10.9992 73.0054 10.8754 73.355 10.8754C73.7046 10.8754 74.0429 10.9992 74.31 11.2247C74.4299 11.3378 74.5254 11.4742 74.5906 11.6256C74.6559 11.7769 74.6895 11.9399 74.6895 12.1047C74.6895 12.2695 74.6559 12.4326 74.5906 12.5839C74.5254 12.7352 74.4299 12.8716 74.31 12.9847V12.9847ZM74.52 22.2047C73.9256 22.2339 73.3383 22.0651 72.85 21.7247C72.6497 21.5717 72.4888 21.3729 72.381 21.145C72.2731 20.9171 72.2213 20.6667 72.23 20.4147V14.9747C72.2252 14.9355 72.2293 14.8957 72.2422 14.8583C72.255 14.8209 72.2762 14.7869 72.3042 14.7589C72.3322 14.731 72.3661 14.7097 72.4035 14.6969C72.4409 14.684 72.4808 14.6799 72.52 14.6847H74.2C74.39 14.6847 74.48 14.7847 74.48 14.9747V19.6947C74.48 20.0747 74.65 20.2647 74.99 20.2647C75.1417 20.2702 75.2933 20.2533 75.44 20.2147C75.64 20.2147 75.75 20.2747 75.76 20.4547L75.91 21.7047C75.9172 21.7412 75.9165 21.7788 75.908 21.8149C75.8995 21.8511 75.8833 21.885 75.8606 21.9143C75.8378 21.9437 75.809 21.9679 75.7762 21.9852C75.7433 22.0025 75.7071 22.0126 75.67 22.0147C75.2988 22.137 74.9109 22.2011 74.52 22.2047V22.2047Z" />
              <path d="M82.09 14.4447C82.6148 14.424 83.1383 14.5089 83.6296 14.6944C84.1209 14.88 84.5699 15.1623 84.95 15.5247C85.6572 16.2837 86.0503 17.2824 86.0503 18.3197C86.0503 19.3571 85.6572 20.3558 84.95 21.1147C84.5718 21.4804 84.1233 21.7655 83.6317 21.9528C83.1401 22.1402 82.6157 22.2259 82.09 22.2047C81.3412 22.2214 80.6073 21.9932 80 21.5547V25.1647C80 25.3547 79.9 25.4447 79.71 25.4447H78.03C77.9917 25.4519 77.9522 25.4496 77.9149 25.4381C77.8777 25.4265 77.8438 25.4061 77.8162 25.3785C77.7886 25.351 77.7682 25.3171 77.7567 25.2798C77.7451 25.2426 77.7428 25.2031 77.75 25.1647V16.9647C77.7618 16.8845 77.7546 16.8027 77.7292 16.7257C77.7037 16.6488 77.6605 16.5788 77.6032 16.5215C77.5459 16.4642 77.476 16.4211 77.399 16.3956C77.3221 16.3701 77.2402 16.363 77.16 16.3747H76.83C76.61 16.3747 76.5 16.2947 76.5 16.1347V14.9547C76.4948 14.8817 76.5148 14.8091 76.5567 14.7491C76.5985 14.689 76.6597 14.6451 76.73 14.6247C77.0759 14.499 77.442 14.438 77.81 14.4447C78.177 14.4123 78.5453 14.4901 78.8678 14.6682C79.1902 14.8464 79.4522 15.1168 79.62 15.4447C79.9421 15.1189 80.3273 14.8622 80.752 14.6902C81.1767 14.5183 81.6319 14.4348 82.09 14.4447ZM80.53 19.8147C80.7083 20.0011 80.9225 20.1494 81.1597 20.2507C81.3969 20.352 81.6521 20.4042 81.91 20.4042C82.1679 20.4042 82.4232 20.352 82.6603 20.2507C82.8975 20.1494 83.1117 20.0011 83.29 19.8147C83.6656 19.3958 83.8629 18.8469 83.84 18.2847C83.8662 17.7221 83.6684 17.172 83.29 16.7547C83.1117 16.5684 82.8975 16.4201 82.6603 16.3188C82.4232 16.2175 82.1679 16.1652 81.91 16.1652C81.6521 16.1652 81.3969 16.2175 81.1597 16.3188C80.9225 16.4201 80.7083 16.5684 80.53 16.7547C80.1661 17.1793 79.9768 17.7261 80 18.2847C79.9797 18.843 80.1687 19.3887 80.53 19.8147Z" />
              <path d="M90.77 22.2047C89.8723 22.2416 88.9822 22.0269 88.2 21.5847C87.8862 21.3957 87.619 21.1385 87.4181 20.832C87.2173 20.5256 87.0881 20.1779 87.04 19.8147C87.04 19.6147 87.11 19.5147 87.33 19.5147H88.8C88.8699 19.5175 88.9378 19.5395 88.996 19.5783C89.0542 19.6171 89.1006 19.6712 89.13 19.7347C89.34 20.2747 89.89 20.5447 90.77 20.5447C91.077 20.5588 91.3826 20.497 91.66 20.3647C91.7557 20.3215 91.8379 20.2531 91.8978 20.1668C91.9577 20.0805 91.993 19.9796 92 19.8747C92 19.6147 91.84 19.4347 91.52 19.3147C91.1405 19.1884 90.7481 19.1046 90.35 19.0647C89.8785 19.0114 89.4109 18.9279 88.95 18.8147C88.5018 18.7133 88.0943 18.4799 87.78 18.1447C87.5949 17.9169 87.4587 17.6534 87.3797 17.3707C87.3008 17.088 87.2809 16.792 87.3212 16.5013C87.3615 16.2105 87.4613 15.9312 87.6142 15.6806C87.7671 15.43 87.9699 15.2136 88.21 15.0447C88.9308 14.5856 89.7765 14.3619 90.63 14.4047C91.4564 14.3768 92.274 14.5812 92.99 14.9947C93.2786 15.1582 93.527 15.3839 93.7173 15.6555C93.9076 15.9271 94.0349 16.2377 94.09 16.5647C94.09 16.7647 94 16.8647 93.82 16.8647H92.34C92.2777 16.8684 92.2157 16.8532 92.1622 16.8211C92.1087 16.789 92.0661 16.7415 92.04 16.6847C91.9411 16.4479 91.7549 16.2581 91.52 16.1547C91.255 16.0161 90.959 15.9472 90.66 15.9547C90.3669 15.9388 90.0745 15.9973 89.81 16.1247C89.7168 16.1607 89.6366 16.2237 89.5795 16.3057C89.5225 16.3877 89.4913 16.4849 89.49 16.5847C89.4964 16.7215 89.5465 16.8526 89.6329 16.9588C89.7193 17.065 89.8374 17.1407 89.97 17.1747C90.354 17.3195 90.7533 17.4201 91.16 17.4747C91.6277 17.5363 92.0917 17.6231 92.55 17.7347C92.9982 17.8362 93.4057 18.0695 93.72 18.4047C93.8881 18.5894 94.018 18.8056 94.1021 19.0407C94.1862 19.2759 94.2229 19.5253 94.21 19.7747C94.2186 20.1204 94.1375 20.4624 93.9745 20.7674C93.8115 21.0724 93.5722 21.3299 93.28 21.5147C92.5329 21.9944 91.6573 22.2351 90.77 22.2047V22.2047Z" />
              <path d="M104.78 21.7047C104.786 21.7402 104.784 21.7765 104.776 21.8114C104.767 21.8464 104.752 21.8792 104.73 21.9081C104.709 21.937 104.682 21.9613 104.651 21.9796C104.62 21.9979 104.586 22.0098 104.55 22.0147C104.185 22.1339 103.804 22.198 103.42 22.2047C103.04 22.2441 102.656 22.1847 102.306 22.0323C101.955 21.8799 101.65 21.6396 101.42 21.3347C100.714 21.942 99.8003 22.2536 98.87 22.2047C98.4381 22.2246 98.0068 22.1539 97.6038 21.9972C97.2008 21.8405 96.835 21.6012 96.53 21.2947C96.2271 20.9736 95.9922 20.5946 95.8392 20.1805C95.6863 19.7664 95.6186 19.3257 95.64 18.8847V14.9747C95.64 14.7847 95.73 14.6847 95.92 14.6847H97.6C97.79 14.6847 97.88 14.7847 97.88 14.9747V18.5847C97.8617 19.0345 98.0155 19.4743 98.31 19.8147C98.457 19.9707 98.6357 20.0933 98.8341 20.1744C99.0324 20.2555 99.2459 20.2931 99.46 20.2847C99.6792 20.2943 99.8981 20.2604 100.104 20.1848C100.31 20.1093 100.499 19.9937 100.66 19.8447C100.812 19.6877 100.931 19.5011 101.008 19.2964C101.086 19.0917 101.12 18.8733 101.11 18.6547V14.9747C101.11 14.7847 101.2 14.6847 101.39 14.6847H103.09C103.28 14.6847 103.37 14.7847 103.37 14.9747V19.6847C103.37 20.0747 103.54 20.2647 103.87 20.2647C104.025 20.2707 104.18 20.2539 104.33 20.2147C104.368 20.2041 104.408 20.2022 104.446 20.2092C104.485 20.2161 104.521 20.2317 104.553 20.2548C104.585 20.2779 104.611 20.3079 104.63 20.3425C104.648 20.3771 104.658 20.4155 104.66 20.4547L104.78 21.7047Z" />
              <path d="M120.67 21.7047C120.679 21.7405 120.68 21.7779 120.673 21.8141C120.665 21.8502 120.65 21.8844 120.628 21.914C120.606 21.9436 120.578 21.968 120.545 21.9855C120.513 22.0029 120.477 22.0129 120.44 22.0147C120.068 22.1356 119.681 22.1997 119.29 22.2047C118.695 22.2354 118.108 22.0665 117.62 21.7247C117.409 21.5783 117.238 21.3822 117.121 21.1537C117.004 20.9252 116.945 20.6714 116.95 20.4147V18.0647C116.971 17.6163 116.821 17.1766 116.53 16.8347C116.39 16.6784 116.216 16.5552 116.023 16.4739C115.829 16.3927 115.62 16.3554 115.41 16.3647C115.221 16.3576 115.033 16.3935 114.859 16.4697C114.686 16.5459 114.533 16.6605 114.41 16.8047C114.146 17.1398 114.011 17.5586 114.03 17.9847V21.6747C114.03 21.8647 113.94 21.9647 113.75 21.9647H112.06C112.021 21.9696 111.981 21.9654 111.944 21.9526C111.906 21.9397 111.872 21.9185 111.844 21.8906C111.816 21.8626 111.795 21.8286 111.782 21.7912C111.769 21.7538 111.765 21.714 111.77 21.6747V18.0647C111.792 17.6212 111.653 17.1846 111.38 16.8347C111.258 16.6877 111.105 16.5694 110.932 16.4882C110.76 16.407 110.571 16.3648 110.38 16.3647C110.176 16.3565 109.973 16.3914 109.783 16.4673C109.593 16.5431 109.422 16.6581 109.28 16.8047C108.994 17.1291 108.847 17.5529 108.87 17.9847V21.6747C108.875 21.714 108.871 21.7538 108.858 21.7912C108.845 21.8286 108.824 21.8626 108.796 21.8906C108.768 21.9185 108.734 21.9397 108.696 21.9526C108.659 21.9654 108.619 21.9696 108.58 21.9647H106.95C106.76 21.9647 106.67 21.8647 106.67 21.6747V16.9647C106.682 16.8845 106.675 16.8027 106.649 16.7257C106.624 16.6488 106.581 16.5788 106.523 16.5215C106.466 16.4642 106.396 16.4211 106.319 16.3956C106.242 16.3701 106.16 16.363 106.08 16.3747H105.75C105.53 16.3747 105.42 16.2947 105.42 16.1347V14.9547C105.415 14.8817 105.435 14.8091 105.477 14.7491C105.519 14.689 105.58 14.6451 105.65 14.6247C105.996 14.499 106.362 14.438 106.73 14.4447C107.083 14.4146 107.438 14.485 107.753 14.6478C108.068 14.8106 108.33 15.0591 108.51 15.3647C108.847 15.045 109.247 14.7982 109.684 14.6399C110.121 14.4816 110.586 14.4152 111.05 14.4447C111.501 14.4227 111.95 14.5073 112.362 14.6914C112.773 14.8756 113.136 15.1542 113.42 15.5047C113.751 15.145 114.158 14.8634 114.611 14.68C115.064 14.4967 115.552 14.4164 116.04 14.4447C116.476 14.4243 116.912 14.4946 117.32 14.6513C117.728 14.8079 118.099 15.0474 118.41 15.3547C118.714 15.6752 118.949 16.0541 119.102 16.4684C119.255 16.8826 119.323 17.3237 119.3 17.7647V19.6947C119.3 20.0747 119.47 20.2647 119.79 20.2647C119.945 20.272 120.1 20.2551 120.25 20.2147C120.457 20.2147 120.567 20.2947 120.58 20.4547L120.67 21.7047Z" />
              <path d="M3.41 13.3847C4.14777 10.4194 5.85643 7.78613 8.2639 5.90424C10.6714 4.02234 13.6393 3 16.695 3C19.7507 3 22.7186 4.02234 25.1261 5.90424C27.5336 7.78613 29.2422 10.4194 29.98 13.3847H28.78C26.7557 13.3549 24.7729 13.9599 23.11 15.1147C23.014 15.1842 22.9138 15.2477 22.81 15.3047H22.67C22.5662 15.2477 22.466 15.1842 22.37 15.1147C20.6924 13.9866 18.7166 13.3841 16.695 13.3841C14.6734 13.3841 12.6976 13.9866 11.02 15.1147C10.924 15.1842 10.8238 15.2477 10.72 15.3047H10.58C10.4762 15.2477 10.376 15.1842 10.28 15.1147C8.61714 13.9599 6.63432 13.3549 4.61 13.3847H3.41ZM26.62 19.6547C27.236 19.175 27.9995 18.924 28.78 18.9447H30.39V15.7347H28.78C27.4052 15.7181 26.0619 16.146 24.95 16.9547C24.3243 17.416 23.5674 17.6649 22.79 17.6649C22.0126 17.6649 21.2557 17.416 20.63 16.9547C19.4899 16.1611 18.1341 15.7356 16.745 15.7356C15.3559 15.7356 14.0001 16.1611 12.86 16.9547C12.2343 17.416 11.4774 17.6649 10.7 17.6649C9.92264 17.6649 9.1657 17.416 8.54 16.9547C7.4144 16.1356 6.0518 15.7072 4.66 15.7347H3V18.9447H4.61C5.39051 18.924 6.15399 19.175 6.77 19.6547C7.90801 20.4489 9.2623 20.8747 10.65 20.8747C12.0377 20.8747 13.392 20.4489 14.53 19.6547C15.1468 19.1765 15.9097 18.9257 16.69 18.9447C17.4708 18.9223 18.2348 19.1735 18.85 19.6547C19.9901 20.4484 21.3459 20.8738 22.735 20.8738C24.1241 20.8738 25.4799 20.4484 26.62 19.6547V19.6547ZM26.62 25.3947C27.236 24.915 27.9995 24.664 28.78 24.6847H30.39V21.4747H28.78C27.4052 21.4581 26.0619 21.886 24.95 22.6947C24.3243 23.156 23.5674 23.4049 22.79 23.4049C22.0126 23.4049 21.2557 23.156 20.63 22.6947C19.4899 21.9011 18.1341 21.4757 16.745 21.4757C15.3559 21.4757 14.0001 21.9011 12.86 22.6947C12.2343 23.156 11.4774 23.4049 10.7 23.4049C9.92264 23.4049 9.1657 23.156 8.54 22.6947C7.4144 21.8757 6.0518 21.4472 4.66 21.4747H3V24.6847H4.61C5.39051 24.664 6.15399 24.915 6.77 25.3947C7.90801 26.1889 9.2623 26.6147 10.65 26.6147C12.0377 26.6147 13.392 26.1889 14.53 25.3947C15.1468 24.9165 15.9097 24.6657 16.69 24.6847C17.4708 24.6623 18.2348 24.9135 18.85 25.3947C19.9901 26.1884 21.3459 26.6138 22.735 26.6138C24.1241 26.6138 25.4799 26.1884 26.62 25.3947V25.3947Z" />
            </svg>
          </a>
          <!-- Header Navigation Component -->
          <nav>
            <ul class="header-nav">
              <li class="header-nav-item">
                <span class="screenreader-only">View our products</span>
                <a href="#products"></a>
              </li>
              <li class="header-nav-item">
                <span class="screenreader-only">View our work samples</span>
                <a href="#work">Our Work</a>
              </li>
              <li class="header-nav-item">
                <span class="screenreader-only">Learn more about us</span>
                <a href="#about">About</a>
              </li>
              <li class="header-nav-item">
                <span class="screenreader-only">Contact us</span>
                <a href="#contact">Contact Us</a>
              </li>
            </ul>
          </nav>
        </div>
      </header>
    </div>