Materialize/doc/user/layouts/partials/header.html

<nav class="nav" role="navigation" aria-label="Navigation" id="top">
  {{ partial "banner.html" . }}
  <div role="menubar" class="nav-container row">
    <div class="nav-logo">
      <a href="https://materialize.com/" role="menuitem">
        <svg class="logo-link  svelte-ju9vo9" width="161" height="29" viewBox="0 0 161 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.0797 6.44507V21.2633H56.6555V11.0613H56.793L60.8883 21.2198H62.8129L66.9081 11.083H67.0456V21.2633H69.6214V6.44507H66.3365L61.9374 17.1825H61.7637L57.3646 6.44507H54.0797Z" fill="var(--important)"></path><path d="M75.6269 21.4875C77.3706 21.4875 78.4125 20.6699 78.89 19.7366H78.9769V21.2633H81.4948V13.8252C81.4948 10.8876 79.0999 10.0049 76.9799 10.0049C74.6428 10.0049 72.8484 11.0468 72.2696 13.0727L74.7152 13.42C74.9757 12.6603 75.7137 12.0091 76.9944 12.0091C78.2099 12.0091 78.8756 12.6314 78.8756 13.7239V13.7673C78.8756 14.5198 78.0869 14.556 76.1261 14.7658C73.9699 14.9974 71.9078 15.6413 71.9078 18.1448C71.9078 20.3299 73.5069 21.4875 75.6269 21.4875ZM76.307 19.5629C75.2144 19.5629 74.433 19.0637 74.433 18.1014C74.433 17.0956 75.3085 16.676 76.4806 16.5096C77.168 16.4155 78.5427 16.2419 78.8828 15.9669V17.2765C78.8828 18.5138 77.8843 19.5629 76.307 19.5629Z" fill="var(--important)"></path><path d="M89.6781 10.1496H87.4857V7.48697H84.8665V10.1496H83.2892V12.1755H84.8665V18.3546C84.852 20.4456 86.3715 21.4731 88.3395 21.4152C89.0848 21.3935 89.5985 21.2488 89.8807 21.1547L89.4393 19.1071C89.2946 19.1433 88.9979 19.2084 88.6724 19.2084C88.0139 19.2084 87.4857 18.9769 87.4857 17.9205V12.1755H89.6781V10.1496Z" fill="var(--important)"></path><path d="M96.6693 21.4803C99.2596 21.4803 101.04 20.2141 101.503 18.2822L99.057 18.0073C98.7025 18.9479 97.8342 19.4399 96.7055 19.4399C95.0124 19.4399 93.8909 18.3257 93.8692 16.4227H101.611V15.6196C101.611 11.7197 99.2668 10.0049 96.5318 10.0049C93.3483 10.0049 91.2717 12.342 91.2717 15.7716C91.2717 19.259 93.3193 21.4803 96.6693 21.4803ZM93.8764 14.6573C93.956 13.2391 95.0052 12.0453 96.568 12.0453C98.073 12.0453 99.086 13.1451 99.1004 14.6573H93.8764Z" fill="var(--important)"></path><path d="M103.827 21.2633H106.446V14.7296C106.446 13.3187 107.51 12.3202 108.95 12.3202C109.391 12.3202 109.941 12.3998 110.165 12.4722V10.0628C109.926 10.0194 109.514 9.99043 109.225 9.99043C107.951 9.99043 106.888 10.714 106.482 12.0019H106.367V10.1496H103.827V21.2633Z" fill="var(--important)"></path><path d="M111.905 21.2633H114.525V10.1496H111.905V21.2633ZM113.222 8.57229C114.054 8.57229 114.734 7.93557 114.734 7.15414C114.734 6.36548 114.054 5.72876 113.222 5.72876C112.383 5.72876 111.703 6.36548 111.703 7.15414C111.703 7.93557 112.383 8.57229 113.222 8.57229Z" fill="var(--important)"></path><path d="M120.416 21.4875C122.16 21.4875 123.202 20.6699 123.679 19.7366H123.766V21.2633H126.284V13.8252C126.284 10.8876 123.889 10.0049 121.769 10.0049C119.432 10.0049 117.638 11.0468 117.059 13.0727L119.504 13.42C119.765 12.6603 120.503 12.0091 121.784 12.0091C122.999 12.0091 123.665 12.6314 123.665 13.7239V13.7673C123.665 14.5198 122.876 14.556 120.915 14.7658C118.759 14.9974 116.697 15.6413 116.697 18.1448C116.697 20.3299 118.296 21.4875 120.416 21.4875ZM121.096 19.5629C120.004 19.5629 119.222 19.0637 119.222 18.1014C119.222 17.0956 120.098 16.676 121.27 16.5096C121.957 16.4155 123.332 16.2419 123.672 15.9669V17.2765C123.672 18.5138 122.674 19.5629 121.096 19.5629Z" fill="var(--important)"></path><path d="M131.537 6.44507H128.918V21.2633H131.537V6.44507Z" fill="var(--important)"></path><path d="M134.23 21.2633H136.85V10.1496H134.23V21.2633ZM135.547 8.57229C136.379 8.57229 137.059 7.93557 137.059 7.15414C137.059 6.36548 136.379 5.72876 135.547 5.72876C134.708 5.72876 134.028 6.36548 134.028 7.15414C134.028 7.93557 134.708 8.57229 135.547 8.57229Z" fill="var(--important)"></path><path d="M139.398 21.2633H148.522V19.0926H142.878V18.9986L148.334 11.9368V10.1496H139.586V12.3202H145.129V12.4143L139.398 19.5991V21.2633Z" fill="var(--important)"></path><path d="M155.586 21.4803C158.176 21.4803 159.956 20.2141 160.419 18.2822L157.973 18.0073C157.619 18.9479 156.751 19.4399 155.622 19.4399C153.929 19.4399 152.807 18.3257 152.786 16.4227H160.528V15.6196C160.528 11.7197 158.183 10.0049 155.448 10.0049C152.265 10.0049 150.188 12.342 150.188 15.7716C150.188 19.259 152.236 21.4803 155.586 21.4803ZM152.793 14.6573C152.872 13.2391 153.922 12.0453 155.484 12.0453C156.989 12.0453 158.002 13.1451 158.017 14.6573H152.793Z" fill="var(--important)"></path></g><path class="bar1 svelte-ju9vo9" d="M8.52478 28.5217C5.78102 28.5217 3.03726 28.5217 0.293498 28.5217C0.0489163 28.5217 0 28.4728 0 28.2327C0 25.5023 0 22.7674 0 20.0281C0.182324 20.0281 0.257922 20.2015 0.369096 20.3082C2.99872 22.9201 5.62389 25.5393 8.24462 28.166C8.35135 28.2594 8.51589 28.335 8.52478 28.5217Z" fill="var(--important)"></path><path class="bar3 svelte-ju9vo9" d="M25.0894 20.4296C25.7698 21.1766 26.4857 21.8837 27.2284 22.5641C27.3218 22.6708 27.4107 22.7864 27.513 22.8887C28.7804 24.1561 30.0566 25.4101 31.3196 26.682C31.9199 27.2912 32.5691 27.8559 33.0983 28.523H23.8932C23.7998 28.4118 23.7108 28.2962 23.6086 28.1939C22.0996 26.6938 20.5891 25.1893 19.0771 23.6803C13.9276 18.5455 8.77655 13.4108 3.62403 8.27608C2.42335 7.07985 1.25826 5.8525 0.00866699 4.71853V0.685153C1.61401 0.685153 3.2238 0.685153 4.83359 0.685153C4.9615 0.680522 5.0889 0.703552 5.20709 0.75267C5.32528 0.801787 5.43147 0.875836 5.51842 0.969757C9.76673 5.20324 14.018 9.43673 18.2722 13.6702C18.3555 13.7519 18.4431 13.8291 18.5346 13.9015C19.7842 15.1599 21.0293 16.4273 22.2878 17.6814C23.2128 18.6063 24.1555 19.5135 25.0894 20.4296Z" fill="var(--important)"></path><path class="bar5 svelte-ju9vo9" d="M33.1117 28.5223C32.5691 27.8552 31.9199 27.2904 31.3329 26.6812C30.07 25.4094 28.7937 24.1554 27.5263 22.888C27.424 22.7857 27.3351 22.6701 27.2417 22.5634C27.2417 22.3721 27.2417 22.1854 27.2417 21.9941C27.2417 15.5075 27.2417 9.01798 27.2417 2.52544C27.236 2.18135 27.3634 1.84836 27.5975 1.59603C27.8461 1.25748 28.1812 0.99211 28.5678 0.82779C28.9543 0.66347 29.378 0.606263 29.7942 0.662177C30.9727 0.751116 32.1645 0.697753 33.3518 0.662177C33.7164 0.662177 33.7965 0.76001 33.7965 1.10687C33.7965 7.61719 33.7965 14.1171 33.7965 20.6067C33.7965 23.0703 33.7965 25.5354 33.7965 28.002C33.7965 28.1754 33.7965 28.3488 33.8232 28.5223H33.1117Z" fill="var(--important)" fill-opacity="0.7"></path><path class="bar2 svelte-ju9vo9" d="M0 16.9643V7.77246C0.137855 7.80359 0.209006 7.92366 0.297945 8.01704L3.13954 10.8231C8.37507 16.0438 13.6106 21.2645 18.8461 26.4852C19.5132 27.1522 20.2202 27.7881 20.8206 28.5219H11.5976C11.5976 28.3885 11.4687 28.3307 11.3886 28.2506C8.16606 25.031 4.93758 21.8144 1.70318 18.6008C1.16656 18.0238 0.597942 17.4774 0 16.9643H0Z" fill="var(--important)"></path><path class="bar4 svelte-ju9vo9" d="M25.089 20.4288C24.1551 19.5127 23.2124 18.6055 22.2874 17.6806C21.0289 16.4265 19.7838 15.1592 18.5342 13.9007C18.5342 12.9224 18.5342 11.9485 18.5342 10.9701C18.5244 10.8702 18.5369 10.7693 18.5707 10.6747C18.6045 10.5802 18.6589 10.4942 18.7298 10.4232L24.8533 4.33087C24.9022 4.28195 24.9645 4.24193 25.0089 4.2019C25.1468 4.25082 25.1068 4.3531 25.1068 4.4287C25.1068 9.69091 25.1068 14.9516 25.1068 20.2109C25.1054 20.2838 25.0995 20.3566 25.089 20.4288V20.4288Z" fill="var(--important)" fill-opacity="0.7"></path></svg>
      </a>
    </div>

    <button class="toggle">
      <div>
        <span />
      </div>
    </button>

    <div class="desktop">
      <a role="menuitem" class="active" href="{{.Site.BaseURL}}">Docs</a>
      <a role="menuitem" href="https://materialize.com/pricing">Pricing</a>
      <a role="menuitem" href="https://materialize.com/blog">Blog</a>
      <a role="menuitem" href="https://materialize.com/about">About</a>
    </div>
    <div class="desktop">
      <a role="menuitem" href="https://console.materialize.com/">Sign In</a>
      <a
        class="btn"
        role="menuitem"
        href="https://materialize.com/register/?utm_campaign=General&utm_source=documentation"
      >
        Get Started
      </a>
    </div>
  </div>
  <div class="mobile">
    <div class="row">
      <a role="menuitem" class="active" href="{{.Site.BaseURL}}">Docs</a>
      <a role="menuitem" href="https://materialize.com/pricing">Pricing</a>
      <a role="menuitem" href="https://materialize.com/blog">Blog</a>
      <a role="menuitem" href="https://materialize.com/about">About</a>
      <a role="menuitem" href="https://console.materialize.com/">Sign In</a>
      <div>
        <a
          class="btn"
          role="menuitem"
          href="https://materialize.com/register/?utm_campaign=General&utm_source=documentation"
        >
          Get Started
        </a>
      </div>
    </div>
  </div>
</nav>
<!-- <header class="flex_wrap">
  <a href="{{.Site.BaseURL}}" class="primary gradient_text">
    Materialize Documentation
  </a>
  <div class="flex_grow"></div>
  <a class="btn" href="https://materialize.com/s/chat">
    <svg width="21" height="21" viewBox="0 0 21 21" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
      <path d="M4.31717 13.238C4.31717 14.4012 3.37517 15.3432 2.21199 15.3432C1.04881 15.3432 0.106812 14.4012 0.106812 13.238C0.106812 12.0748 1.04881 11.1328 2.21199 11.1328H4.31717V13.238Z" />
      <path d="M5.37042 13.238C5.37042 12.0748 6.31242 11.1328 7.4756 11.1328C8.63878 11.1328 9.58078 12.0748 9.58078 13.238V18.5017C9.58078 19.6649 8.63878 20.6069 7.4756 20.6069C6.31242 20.6069 5.37042 19.6649 5.37042 18.5017V13.238Z" />
      <path d="M7.4756 4.81729C6.31242 4.81729 5.37042 3.87529 5.37042 2.71211C5.37042 1.54893 6.31242 0.606934 7.4756 0.606934C8.63878 0.606934 9.58078 1.54893 9.58078 2.71211V4.81729H7.4756Z" />
      <path d="M7.47574 5.87061C8.63891 5.87061 9.58091 6.81261 9.58091 7.97578C9.58091 9.13896 8.63891 10.081 7.47574 10.081H2.21199C1.04881 10.081 0.106812 9.13737 0.106812 7.97578C0.106812 6.8142 1.04881 5.87061 2.21199 5.87061H7.47574Z" />
      <path d="M15.8955 7.97578C15.8955 6.81261 16.8375 5.87061 18.0007 5.87061C19.1639 5.87061 20.1059 6.81261 20.1059 7.97578C20.1059 9.13896 19.1639 10.081 18.0007 10.081H15.8955V7.97578Z" />
      <path d="M14.8423 7.97586C14.8423 9.13904 13.9003 10.081 12.7372 10.081C11.574 10.081 10.632 9.13904 10.632 7.97586V2.71211C10.632 1.54893 11.574 0.606934 12.7372 0.606934C13.9003 0.606934 14.8423 1.54893 14.8423 2.71211V7.97586Z" />
      <path d="M12.7371 16.3967C13.9003 16.3967 14.8423 17.3387 14.8423 18.5019C14.8423 19.6651 13.9003 20.6071 12.7371 20.6071C11.574 20.6071 10.632 19.6651 10.632 18.5019V16.3967H12.7371Z" />
      <path d="M12.7372 15.3432C11.574 15.3432 10.632 14.4012 10.632 13.238C10.632 12.0748 11.574 11.1328 12.7372 11.1328H18.0009C19.1641 11.1328 20.1061 12.0748 20.1061 13.238C20.1061 14.4012 19.1641 15.3432 18.0009 15.3432H12.7372Z" />
    </svg>
    <span class="inline-on-desktop">Join the Community</span>
  </a>
  <a class="btn" href="https://github.com/MaterializeInc/materialize">
    <svg width="23" height="23" viewBox="0 0 23 23" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
      <path d="M20.8945 11.4968C20.8945 10.2394 20.6151 9.0519 20.1261 7.86437C19.6371 6.74669 18.9385 5.69888 18.1701 4.93047C17.4017 4.16207 16.3539 3.4635 15.2362 2.97452C14.1185 2.48553 12.8611 2.20613 11.6038 2.20613C10.3464 2.20613 9.15884 2.48553 7.9713 2.97452C6.85362 3.4635 5.80579 4.16207 5.03738 4.93047C4.26898 5.69888 3.57044 6.74669 3.08145 7.86437C2.59247 8.98205 2.31304 10.2394 2.31304 11.4968C2.31304 13.5226 2.94174 15.3389 4.12928 17.0154C5.31681 18.6919 6.92347 19.8096 8.80956 20.3684V17.9235C8.25072 17.9934 7.97129 17.9933 7.83158 17.9933C6.78376 17.9933 6.01535 17.5044 5.59622 16.5264C5.45651 16.1771 5.24695 15.8278 5.03738 15.6183C4.96753 15.5484 4.89768 15.4786 4.75797 15.3389C4.61826 15.1992 4.47854 15.1293 4.33883 14.9896C4.19912 14.8499 4.12928 14.78 4.12928 14.78C4.12928 14.6403 4.26898 14.6403 4.5484 14.6403C4.82782 14.6403 5.10724 14.7102 5.31681 14.8499C5.52637 14.9896 5.73594 15.1293 5.87565 15.3389C6.01536 15.5484 6.15507 15.758 6.36463 15.9676C6.50434 16.1771 6.71391 16.3168 6.92348 16.4565C7.13304 16.5963 7.41246 16.6661 7.76173 16.6661C8.18086 16.6661 8.53014 16.5963 8.94927 16.4565C9.08898 15.8977 9.43825 15.4786 9.85738 15.1293C8.25072 14.9896 7.06318 14.5705 6.29477 13.9418C5.52637 13.3131 5.10724 12.1954 5.10724 10.6586C5.10724 9.54089 5.45652 8.56294 6.15507 7.79453C6.01536 7.3754 5.9455 6.95626 5.9455 6.53713C5.9455 5.97829 6.08521 5.41946 6.36463 4.93047C6.92347 4.93047 7.41245 5.00032 7.83158 5.20989C8.25071 5.41945 8.7397 5.69886 9.29854 6.11799C10.0669 5.97828 10.8354 5.83858 11.7435 5.83858C12.5119 5.83858 13.2803 5.90845 13.9788 6.04816C14.5377 5.62903 15.0267 5.3496 15.4458 5.20989C15.8649 5.00032 16.3539 4.93047 16.9127 4.93047C17.1922 5.41946 17.3319 5.97829 17.3319 6.53713C17.3319 6.95626 17.262 7.3754 17.1223 7.72467C17.8209 8.49308 18.1701 9.47105 18.1701 10.5887C18.1701 12.1255 17.751 13.1734 16.9826 13.8719C16.2142 14.5705 15.0266 14.9197 13.42 15.0594C14.1185 15.5484 14.398 16.1771 14.398 16.9455V20.2287C16.3539 19.6 17.8907 18.4823 19.0782 16.8757C20.2658 15.3389 20.8945 13.5226 20.8945 11.4968ZM22.7107 11.4968C22.7107 13.5226 22.2217 15.4087 21.2438 17.0852C20.2658 18.8316 18.8687 20.1588 17.1922 21.1368C15.4458 22.1148 13.6296 22.6038 11.6038 22.6038C9.57796 22.6038 7.69188 22.1148 6.01536 21.1368C4.26898 20.1588 2.94174 18.7618 1.96377 17.0852C0.985796 15.3389 0.496807 13.5226 0.496807 11.4968C0.496807 9.47104 0.985796 7.58496 1.96377 5.90844C2.94174 4.16206 4.33884 2.83483 6.01536 1.85686C7.76173 0.878886 9.57796 0.389897 11.6038 0.389897C13.6296 0.389897 15.5156 0.878886 17.1922 1.85686C18.9385 2.83483 20.2658 4.23192 21.2438 5.90844C22.2217 7.58496 22.7107 9.47104 22.7107 11.4968Z" />
    </svg>
    <span class="inline-on-desktop">github/materialize</span>
  </a>
</header> -->