Email_Subscribe Tailwind Templates

Email_subscribe

Tailwind Mini Project

data-color-mode="auto" data-light-theme="light" data-dark-theme="dark" data-a11y-animated-images="system" data-a11y-link-underlines="true"

tailwind-course-projects/mini-projects/email-subscribe/readme.md at main · bradtraversy/tailwind-course-projects
<meta name="hovercard-subject-tag" content="repository:492503568" data-turbo-transient>
<meta name="google-site-verification" content="c1kuD-K2HIVF635lypcsWPoD4kilo5-jA_wBFyT4uMY">
<meta name="user-login" content="Glenda9031">
<meta name="viewport" content="width=device-width">

  <meta name="description" content="Projects from my TailwindCSS course. Contribute to bradtraversy/tailwind-course-projects development by creating an account on GitHub.">
  <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
<meta property="fb:app_id" content="1401488693436528">
<meta name="apple-itunes-app" content="app-id=1477376905, app-argument=https://github.com/bradtraversy/tailwind-course-projects/blob/main/mini-projects/email-subscribe/readme.md" />
  <meta name="twitter:image:src" content="https://opengraph.githubassets.com/ed52a46d40d8a5a9d8c9886c1ca870a9f845e1540cc433bd773fa9374d61909e/bradtraversy/tailwind-course-projects" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="tailwind-course-projects/mini-projects/email-subscribe/readme.md at main · bradtraversy/tailwind-course-projects" /><meta name="twitter:description" content="Projects from my TailwindCSS course. Contribute to bradtraversy/tailwind-course-projects development by creating an account on GitHub." />
  <meta property="og:image" content="https://opengraph.githubassets.com/ed52a46d40d8a5a9d8c9886c1ca870a9f845e1540cc433bd773fa9374d61909e/bradtraversy/tailwind-course-projects" /><meta property="og:image:alt" content="Projects from my TailwindCSS course. Contribute to bradtraversy/tailwind-course-projects development by creating an account on GitHub." /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="600" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="object" /><meta property="og:title" content="tailwind-course-projects/mini-projects/email-subscribe/readme.md at main · bradtraversy/tailwind-course-projects" /><meta property="og:url" content="https://github.com/bradtraversy/tailwind-course-projects/blob/main/mini-projects/email-subscribe/readme.md" /><meta property="og:description" content="Projects from my TailwindCSS course. Contribute to bradtraversy/tailwind-course-projects development by creating an account on GitHub." />
  

  <link rel="shared-web-socket" href="wss://alive.github.com/_sockets/u/100007624/ws?session=eyJ2IjoiVjMiLCJ1IjoxMDAwMDc2MjQsInMiOjEyOTcyMzQ1ODcsImMiOjQ0MDUxMTI4NywidCI6MTcxMjA5NzM1NH0=--f2c782712eb8eb880db93ff45f2a6bc8079b2710110f7167b5d7bce4708e7c3a" data-refresh-url="/_alive" data-session-id="8a133346d2f0d899495f96bed0fe8c838c2c9a1a70109367b9361ba535893ef8">
  <link rel="shared-web-socket-src" href="/assets-cdn/worker/socket-worker-9cc1149b224c.js">


    <meta name="hostname" content="github.com">


  <meta name="keyboard-shortcuts-preference" content="all">

    <meta name="expected-hostname" content="github.com">
  <meta name="turbo-cache-control" content="no-cache" data-turbo-transient>
<meta data-hydrostats="publish">
<div class="position-relative js-header-wrapper ">
  <a href="#start-of-content" class="p-3 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a>
  <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full">
<span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span>

<react-partial partial-name="keyboard-shortcuts-dialog" data-ssr="false"

    <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_allex_crc32_lib_crc32_esm_js-node_modules_github_mini-throttle_dist_deco-a9eeba-71c75674fb56.js"></script>
        <header class="AppHeader">


<div class="AppHeader-globalBar pb-2 js-global-bar">
  <div class="AppHeader-globalBar-start">
      <deferred-side-panel data-url="/_side-panels/global">

Global navigation

    <div data-view-component="true" class="my-3 d-flex flex-justify-center height-full">
      <svg style="box-sizing: content-box; color: var(--color-icon-primary);" width="16" height="16" viewBox="0 0 16 16" fill="none" data-view-component="true" class="anim-rotate">
  <div data-view-component="true" class="px-2">      <p class="color-fg-subtle text-small text-light">&copy; 2024 GitHub, Inc.</p>

  <div data-view-component="true" class="d-flex flex-wrap text-small text-light">
      <a target="_blank" href="https://github.com/about" data-view-component="true" class="Link mr-2">About</a>
      <a target="_blank" href="https://github.blog" data-view-component="true" class="Link mr-2">Blog</a>
      <a target="_blank" href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" data-view-component="true" class="Link mr-2">Terms</a>
      <a target="_blank" href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" data-view-component="true" class="Link mr-2">Privacy</a>
      <a target="_blank" href="https://github.com/security" data-view-component="true" class="Link mr-2">Security</a>
      <a target="_blank" href="https://www.githubstatus.com/" data-view-component="true" class="Link mr-3">Status</a>
    <a
      class="AppHeader-logo ml-2"
      href="https://github.com/"
      data-hotkey="g d"
      aria-label="Homepage "
      data-turbo="false"
      data-analytics-event="{&quot;category&quot;:&quot;Header&quot;,&quot;action&quot;:&quot;go to dashboard&quot;,&quot;label&quot;:&quot;icon:logo&quot;}"
    >
      <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle color-fg-default">
<path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>
      <div class="AppHeader-context" >

Navigate back to

  </div>
  <div class="AppHeader-globalBar-end">
      <div class="AppHeader-search" >
          
        <button type="button" data-action="click:qbsearch-input#handleExpand" class="AppHeader-button AppHeader-search-whenNarrow" aria-label="Search or jump to…" aria-expanded="false" aria-haspopup="dialog">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search">
<path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path>
            <button
        type="button"
        data-target="qbsearch-input.inputButton"
        data-action="click:qbsearch-input#handleExpand"
        class="AppHeader-searchButton form-control input-contrast text-left color-fg-subtle no-wrap"
        data-hotkey="s,/"
        data-analytics-event="{&quot;category&quot;:&quot;Global navigation&quot;,&quot;action&quot;:&quot;SEARCH&quot;,&quot;label&quot;:null}"
        aria-describedby="search-error-message-flash"
      >
        <div class="overflow-hidden">
          <span id="qb-input-query" data-target="qbsearch-input.inputButtonText">
              Type <kbd class="AppHeader-search-kbd">/</kbd> to search
          </span>
        </div>
      </button>

</div>


  <button type="button" id="AppHeader-commandPalette-button" class="AppHeader-search-action--trailing js-activate-command-palette" data-analytics-event="{&quot;category&quot;:&quot;SiteHeaderComponent&quot;,&quot;action&quot;:&quot;command_palette&quot;,&quot;label&quot;:&quot;open command palette&quot;}">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-command-palette">
<path d="m6.354 8.04-4.773 4.773a.75.75 0 1 0 1.061 1.06L7.945 8.57a.75.75 0 0 0 0-1.06L2.642 2.206a.75.75 0 0 0-1.06 1.061L6.353 8.04ZM8.75 11.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Z"></path>
  <tool-tip id="tooltip-24af0adf-d3f7-4ccb-8c33-a1a3adcbea4f" for="AppHeader-commandPalette-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Command palette</tool-tip>
<input type="hidden" name="type" class="js-site-search-type-field">

Search code, repositories, users, issues, pull requests...

      <div data-view-component="true">        <div class="search-suggestions position-absolute width-full color-shadow-large border color-fg-default color-bg-default overflow-hidden d-flex flex-column query-builder-container"
      style="border-radius: 12px;"
      data-target="qbsearch-input.queryBuilderContainer"
      hidden
    >
      <!-- '"` --><!-- </textarea></xmp> --></option></form><form id="query-builder-test-form" action="" accept-charset="UTF-8" method="get">
Clear
  </div>
  <template id="search-icon">
    <div class="position-relative">
            <ul
              role="listbox"
              class="ActionListWrap QueryBuilder-ListWrap"
              aria-label="Suggestions"
              data-action="
                combobox-commit:query-builder#comboboxCommit
                mousedown:query-builder#resultsMousedown
              "
              data-target="query-builder.resultsList"
              data-persist-list=false
              id="query-builder-test-results"
            ></ul>
    </div>
  <div class="FormControl-inlineValidation" id="validation-53ebd1c2-26a1-4e24-b51e-6b6baafc0426" hidden="hidden">
    <span class="FormControl-inlineValidation--visual">
      <svg aria-hidden="true" height="12" viewBox="0 0 12 12" version="1.1" width="12" data-view-component="true" class="octicon octicon-alert-fill">
<path d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path>
Search syntax tips
</div>

Provide feedback

We read every piece of feedback, and take your input very seriously.

<custom-scopes data-target="qbsearch-input.customScopesManager">

Saved searches

Use saved searches to filter your results more quickly

    <div hidden class="create-custom-scope-form" data-target="custom-scopes.createCustomScopeForm">
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form id="custom-scopes-dialog-form" data-turbo="false" action="/search/custom_scopes" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ldHNFEb-cDGrcz9EcSJW-kzaBmcBBIk6Vnnk-vuvDG1YHstQasqDEiaHbLq2TuM24CdX-Eh1VyfPBXbFr6qviw" />
      <div data-target="custom-scopes.customScopesModalDialogFlash"></div>

      <input type="hidden" id="custom_scope_id" name="custom_scope_id" data-target="custom-scopes.customScopesIdField">

      <div class="form-group">
        <label for="custom_scope_name">Name</label>
        <auto-check src="/search/custom_scopes/check_name" required>
          <input
            type="text"
            name="custom_scope_name"
            id="custom_scope_name"
            data-target="custom-scopes.customScopesNameField"
            class="form-control"
            autocomplete="off"
            placeholder="github-ruby"
            required
            maxlength="50">
          <input type="hidden" value="e4FjiYHx4GmTET6vkmf4O-yuvIVjZcfydhRRcaK91UA7awh_63sGGbsGa7wl-_FTvlDL1Fx1DQmsT8n9FLHtWA" data-csrf="true" />
        </auto-check>
      </div>

      <div class="form-group">
        <label for="custom_scope_query">Query</label>
        <input
          type="text"
          name="custom_scope_query"
          id="custom_scope_query"
          data-target="custom-scopes.customScopesQueryField"
          class="form-control"
          autocomplete="off"
          placeholder="(repo:mona/a OR repo:mona/b) AND lang:python"
          required
          maxlength="500">
      </div>

      <p class="text-small color-fg-muted">
        To see all available qualifiers, see our <a class="Link--inTextBlock" href="https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax">documentation</a>.
      </p>
    <div data-target="custom-scopes.manageCustomScopesForm">
      <div data-target="custom-scopes.list"></div>
    </div>
      </div>

    <div class="AppHeader-actions position-relative">
        <action-menu data-select-variant="none" data-view-component="true">
Create new...
  <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">          <action-list>
      <a href="/issues" data-analytics-event="{&quot;category&quot;:&quot;Global navigation&quot;,&quot;action&quot;:&quot;ISSUES_HEADER&quot;,&quot;label&quot;:null}" id="icon-button-ec272c8b-6026-48b2-a3c4-a67bfb1b189f" aria-labelledby="tooltip-0dcb1039-3d52-4b96-913a-248a5dd62329" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium AppHeader-button color-fg-muted">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-issue-opened Button-visual">
<path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path>
Issues
      <a href="/pulls" data-analytics-event="{&quot;category&quot;:&quot;Global navigation&quot;,&quot;action&quot;:&quot;PULL_REQUESTS_HEADER&quot;,&quot;label&quot;:null}" id="icon-button-fbd9abf1-530c-48f9-aca2-3665ed3ed7d5" aria-labelledby="tooltip-543d7457-6570-4fb0-80f6-7c1656fbae88" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium AppHeader-button color-fg-muted">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-git-pull-request Button-visual">
<path d="M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25Zm5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354ZM3.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm0 9.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm8.25.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Z"></path>
Pull requests
    </div>

    
<tool-tip data-target="notification-indicator.tooltip" id="tooltip-5033ae94-b78c-4c30-b055-ef4f9c834a78" for="AppHeader-notifications-button" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">Notifications</tool-tip>
    <div class="AppHeader-user">
      <deferred-side-panel data-url="/_side-panels/user?react_global_nav=false&amp;repository_id=492503568">

Account menu

Glenda9031 Glenda Joyce Reed
Create new...
  <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">          <action-list>
    </div>

    <div class="position-absolute mt-2">
        
    </div>
  </div>
</div>


  <div class="AppHeader-localBar" >
    <nav data-pjax="#js-repo-pjax-container" aria-label="Repository" data-view-component="true" class="js-repo-nav js-sidenav-container-pjax js-responsive-underlinenav overflow-hidden UnderlineNav">
  <div hidden="hidden" data-view-component="true" class="js-stale-session-flash stale-session-flash flash flash-warn flash-full mb-3">

    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
<path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
<button id="icon-button-cde052b3-37a9-49c7-bbda-573adf1af2f9" aria-labelledby="tooltip-1e009f1a-2971-4831-ab00-d8bfa7ed1dff" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium flash-close js-flash-close">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
<path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
Dismiss alert
</div>
<div id="js-flash-container" data-turbo-replace>
<notification-shelf-watcher data-base-url="https://github.com/notifications/beta/shelf" data-channel="eyJjIjoibm90aWZpY2F0aW9uLWNoYW5nZWQ6MTAwMDA3NjI0IiwidCI6MTcxMjA5NzM1NH0=--eed0f2e08c83ed0e71b6b039b4f68fe7936aae3c12f587c3fcd02f9ed5dd7316" data-view-component="true" class="js-socket-channel"></notification-shelf-watcher>
  <details

class="details-reset details-overlay details-overlay-dark js-command-palette-dialog" id="command-palette-pjax-container" data-turbo-replace

    <command-palette-mode
      data-char="#"
        data-scope-types="[&quot;&quot;]"
        data-placeholder="Search issues and pull requests"
    ></command-palette-mode>
    <command-palette-mode
      data-char="#"
        data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
        data-placeholder="Search issues, pull requests, discussions, and projects"
    ></command-palette-mode>
    <command-palette-mode
      data-char="!"
        data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
        data-placeholder="Search projects"
    ></command-palette-mode>
    <command-palette-mode
      data-char="@"
        data-scope-types="[&quot;&quot;]"
        data-placeholder="Search or jump to a user, organization, or repository"
    ></command-palette-mode>
    <command-palette-mode
      data-char="@"
        data-scope-types="[&quot;owner&quot;]"
        data-placeholder="Search or jump to a repository"
    ></command-palette-mode>
    <command-palette-mode
      data-char="/"
        data-scope-types="[&quot;repository&quot;]"
        data-placeholder="Search files"
    ></command-palette-mode>
    <command-palette-mode
      data-char="?"
    ></command-palette-mode>
    <command-palette-mode
      data-char="&gt;"
        data-placeholder="Run a command"
    ></command-palette-mode>
    <command-palette-mode
      data-char=""
        data-scope-types="[&quot;&quot;]"
        data-placeholder="Search or jump to..."
    ></command-palette-mode>
    <command-palette-mode
      data-char=""
        data-scope-types="[&quot;owner&quot;]"
        data-placeholder="Search or jump to..."
    ></command-palette-mode>
  <command-palette-mode
    class="js-command-palette-default-mode"
    data-char=""
    data-placeholder="Search or jump to..."
  ></command-palette-mode>

  <command-palette-input placeholder="Search or jump to..."

    data-action="
      command-palette-input:command-palette#onInput
      command-palette-select:command-palette#onSelect
      command-palette-descope:command-palette#onDescope
      command-palette-cleared:command-palette#onInputClear
    "
  >
    <div class="js-search-icon d-flex flex-items-center mr-2" style="height: 26px">
      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search color-fg-muted">
<path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path>
bradtraversy  /   tailwind-course-p...  /  
Clear Command Palette
  <command-palette-page-stack
    data-default-scope-id="R_kgDOHVsCEA"
    data-default-scope-type="Repository"
    data-action="command-palette-page-octicons-cached:command-palette-page-stack#cacheOcticons"
  >
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">#</kbd> to search pull requests
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">#</kbd> to search issues
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">#</kbd> to search discussions
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">!</kbd> to search projects
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;owner&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">@</kbd> to search teams
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">@</kbd> to search people and organizations
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type <kbd class="hx_kbd">&gt;</kbd> to activate command mode
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode=""
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Go to your accessibility settings to change your keyboard shortcuts
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode="#"
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type author:@me to search your content
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode="#"
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type is:pr to filter to pull requests
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode="#"
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type is:issue to filter to issues
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
        data-mode="#"
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type is:project to filter to projects
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
      <command-palette-tip
        class="color-fg-muted f6 px-3 py-1 my-2"
          data-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
        data-mode="#"
        data-value="">
        <div class="d-flex flex-items-start flex-justify-between">
          <div>
            <span class="text-bold">Tip:</span>
              Type is:open to filter to open content
          </div>
          <div class="ml-2 flex-shrink-0">
            Type <kbd class="hx_kbd">?</kbd> for help and tips
          </div>
        </div>
      </command-palette-tip>
    <command-palette-tip class="mx-3 my-2 flash flash-error d-flex flex-items-center" data-scope-types="*" data-on-error>
      <div>
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
<path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
We’ve encountered an error and some results aren't available at this time. Type a new search or try again later.
No results matched your search
    <div hidden>

        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="arrow-right-color-fg-muted">
          <svg height="16" class="octicon octicon-arrow-right color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8.22 2.97a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l2.97-2.97H3.75a.75.75 0 0 1 0-1.5h7.44L8.22 4.03a.75.75 0 0 1 0-1.06Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="arrow-right-color-fg-default">
          <svg height="16" class="octicon octicon-arrow-right color-fg-default" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8.22 2.97a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l2.97-2.97H3.75a.75.75 0 0 1 0-1.5h7.44L8.22 4.03a.75.75 0 0 1 0-1.06Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="codespaces-color-fg-muted">
          <svg height="16" class="octicon octicon-codespaces color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M0 11.25c0-.966.784-1.75 1.75-1.75h12.5c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm2-9.5C2 .784 2.784 0 3.75 0h8.5C13.216 0 14 .784 14 1.75v5a1.75 1.75 0 0 1-1.75 1.75h-8.5A1.75 1.75 0 0 1 2 6.75Zm1.75-.25a.25.25 0 0 0-.25.25v5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25Zm-2 9.5a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25Z"></path><path d="M7 12.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="copy-color-fg-muted">
          <svg height="16" class="octicon octicon-copy color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="dash-color-fg-muted">
          <svg height="16" class="octicon octicon-dash color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="file-color-fg-muted">
          <svg height="16" class="octicon octicon-file color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V6h-2.75A1.75 1.75 0 0 1 9 4.25V1.5Zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-.011-.013-2.914-2.914-.013-.011Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="gear-color-fg-muted">
          <svg height="16" class="octicon octicon-gear color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="lock-color-fg-muted">
          <svg height="16" class="octicon octicon-lock color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M4 4a4 4 0 0 1 8 0v2h.25c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 12.25 15h-8.5A1.75 1.75 0 0 1 2 13.25v-5.5C2 6.784 2.784 6 3.75 6H4Zm8.25 3.5h-8.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25ZM10.5 6V4a2.5 2.5 0 1 0-5 0v2Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="moon-color-fg-muted">
          <svg height="16" class="octicon octicon-moon color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M9.598 1.591a.749.749 0 0 1 .785-.175 7.001 7.001 0 1 1-8.967 8.967.75.75 0 0 1 .961-.96 5.5 5.5 0 0 0 7.046-7.046.75.75 0 0 1 .175-.786Zm1.616 1.945a7 7 0 0 1-7.678 7.678 5.499 5.499 0 1 0 7.678-7.678Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="person-color-fg-muted">
          <svg height="16" class="octicon octicon-person color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="pencil-color-fg-muted">
          <svg height="16" class="octicon octicon-pencil color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25c.081-.286.235-.547.445-.758l8.61-8.61Zm.176 4.823L9.75 4.81l-6.286 6.287a.253.253 0 0 0-.064.108l-.558 1.953 1.953-.558a.253.253 0 0 0 .108-.064Zm1.238-3.763a.25.25 0 0 0-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 0 0 0-.354Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="issue-opened-open">
          <svg height="16" class="octicon octicon-issue-opened open" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="git-pull-request-draft-color-fg-muted">
          <svg height="16" class="octicon octicon-git-pull-request-draft color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1Zm9.5 14a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM2.5 3.25a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0ZM3.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm9.5 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM14 7.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm0-4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="search-color-fg-muted">
          <svg height="16" class="octicon octicon-search color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="sun-color-fg-muted">
          <svg height="16" class="octicon octicon-sun color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5.657-8.157a.75.75 0 0 1 0 1.061l-1.061 1.06a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.06-1.06a.75.75 0 0 1 1.06 0Zm-9.193 9.193a.75.75 0 0 1 0 1.06l-1.06 1.061a.75.75 0 1 1-1.061-1.06l1.06-1.061a.75.75 0 0 1 1.061 0ZM8 0a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0V.75A.75.75 0 0 1 8 0ZM3 8a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 3 8Zm13 0a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 16 8Zm-8 5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 8 13Zm3.536-1.464a.75.75 0 0 1 1.06 0l1.061 1.06a.75.75 0 0 1-1.06 1.061l-1.061-1.06a.75.75 0 0 1 0-1.061ZM2.343 2.343a.75.75 0 0 1 1.061 0l1.06 1.061a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018l-1.06-1.06a.75.75 0 0 1 0-1.06Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="sync-color-fg-muted">
          <svg height="16" class="octicon octicon-sync color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="trash-color-fg-muted">
          <svg height="16" class="octicon octicon-trash color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M11 1.75V3h2.25a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75ZM4.496 6.675l.66 6.6a.25.25 0 0 0 .249.225h5.19a.25.25 0 0 0 .249-.225l.66-6.6a.75.75 0 0 1 1.492.149l-.66 6.6A1.748 1.748 0 0 1 10.595 15h-5.19a1.75 1.75 0 0 1-1.741-1.575l-.66-6.6a.75.75 0 1 1 1.492-.15ZM6.5 1.75V3h3V1.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="key-color-fg-muted">
          <svg height="16" class="octicon octicon-key color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M10.5 0a5.499 5.499 0 1 1-1.288 10.848l-.932.932a.749.749 0 0 1-.53.22H7v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22H5v.75a.749.749 0 0 1-.22.53l-.5.5a.749.749 0 0 1-.53.22h-2A1.75 1.75 0 0 1 0 14.25v-2c0-.199.079-.389.22-.53l4.932-4.932A5.5 5.5 0 0 1 10.5 0Zm-4 5.5c-.001.431.069.86.205 1.269a.75.75 0 0 1-.181.768L1.5 12.56v1.69c0 .138.112.25.25.25h1.69l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l.06-.06v-1.19a.75.75 0 0 1 .75-.75h1.19l1.023-1.025a.75.75 0 0 1 .768-.18A4 4 0 1 0 6.5 5.5ZM11 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="comment-discussion-color-fg-muted">
          <svg height="16" class="octicon octicon-comment-discussion color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="bell-color-fg-muted">
          <svg height="16" class="octicon octicon-bell color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M8 16a2 2 0 0 0 1.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 0 0 8 16ZM3 5a5 5 0 0 1 10 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.519 1.519 0 0 1 13.482 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947Zm5-3.5A3.5 3.5 0 0 0 4.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.017.017 0 0 0-.003.01l.001.006c0 .002.002.004.004.006l.006.004.007.001h10.964l.007-.001.006-.004.004-.006.001-.007a.017.017 0 0 0-.003-.01l-1.703-2.554a1.745 1.745 0 0 1-.294-.97V5A3.5 3.5 0 0 0 8 1.5Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="bell-slash-color-fg-muted">
          <svg height="16" class="octicon octicon-bell-slash color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="m4.182 4.31.016.011 10.104 7.316.013.01 1.375.996a.75.75 0 1 1-.88 1.214L13.626 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947V5.305L.31 3.357a.75.75 0 1 1 .88-1.214Zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l-1.703 2.556a.017.017 0 0 0-.003.01c0 .005.002.009.005.012l.006.004.007.001ZM8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 1 1 4.38 1.55 5 5 0 0 1 13 5v2.373a.75.75 0 0 1-1.5 0V5A3.5 3.5 0 0 0 8 1.5ZM8 16a2 2 0 0 1-1.985-1.75c-.017-.137.097-.25.235-.25h3.5c.138 0 .252.113.235.25A2 2 0 0 1 8 16Z"></path></svg>
        </div>
        <div data-targets="command-palette-page-stack.localOcticons" data-octicon-id="paintbrush-color-fg-muted">
          <svg height="16" class="octicon octicon-paintbrush color-fg-muted" viewBox="0 0 16 16" version="1.1" width="16" aria-hidden="true"><path d="M11.134 1.535c.7-.509 1.416-.942 2.076-1.155.649-.21 1.463-.267 2.069.34.603.601.568 1.411.368 2.07-.202.668-.624 1.39-1.125 2.096-1.011 1.424-2.496 2.987-3.775 4.249-1.098 1.084-2.132 1.839-3.04 2.3a3.744 3.744 0 0 1-1.055 3.217c-.431.431-1.065.691-1.657.861-.614.177-1.294.287-1.914.357A21.151 21.151 0 0 1 .797 16H.743l.007-.75H.749L.742 16a.75.75 0 0 1-.743-.742l.743-.008-.742.007v-.054a21.25 21.25 0 0 1 .13-2.284c.067-.647.187-1.287.358-1.914.17-.591.43-1.226.86-1.657a3.746 3.746 0 0 1 3.227-1.054c.466-.893 1.225-1.907 2.314-2.982 1.271-1.255 2.833-2.75 4.245-3.777ZM1.62 13.089c-.051.464-.086.929-.104 1.395.466-.018.932-.053 1.396-.104a10.511 10.511 0 0 0 1.668-.309c.526-.151.856-.325 1.011-.48a2.25 2.25 0 1 0-3.182-3.182c-.155.155-.329.485-.48 1.01a10.515 10.515 0 0 0-.309 1.67Zm10.396-10.34c-1.224.89-2.605 2.189-3.822 3.384l1.718 1.718c1.21-1.205 2.51-2.597 3.387-3.833.47-.662.78-1.227.912-1.662.134-.444.032-.551.009-.575h-.001V1.78c-.014-.014-.113-.113-.548.027-.432.14-.995.462-1.655.942Zm-4.832 7.266-.001.001a9.859 9.859 0 0 0 1.63-1.142L7.155 7.216a9.7 9.7 0 0 0-1.161 1.607c.482.302.889.71 1.19 1.192Z"></path></svg>
        </div>

        <command-palette-item-group
          data-group-id="top"
          data-group-title="Top result"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="0"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="commands"
          data-group-title="Commands"
          data-group-hint="Type &gt; to filter"
          data-group-limits="{&quot;static_items_page&quot;:50,&quot;issue&quot;:50,&quot;pull_request&quot;:50,&quot;discussion&quot;:50}"
          data-default-priority="1"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="global_commands"
          data-group-title="Global Commands"
          data-group-hint="Type &gt; to filter"
          data-group-limits="{&quot;issue&quot;:0,&quot;pull_request&quot;:0,&quot;discussion&quot;:0}"
          data-default-priority="2"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="this_page"
          data-group-title="This Page"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="3"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="files"
          data-group-title="Files"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="4"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="default"
          data-group-title="Default"
          data-group-hint=""
          data-group-limits="{&quot;static_items_page&quot;:50}"
          data-default-priority="5"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="pages"
          data-group-title="Pages"
          data-group-hint=""
          data-group-limits="{&quot;repository&quot;:10}"
          data-default-priority="6"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="access_policies"
          data-group-title="Access Policies"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="7"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="organizations"
          data-group-title="Organizations"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="8"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="repositories"
          data-group-title="Repositories"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="9"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="references"
          data-group-title="Issues, pull requests, and discussions"
          data-group-hint="Type # to filter"
          data-group-limits="{}"
          data-default-priority="10"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="teams"
          data-group-title="Teams"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="11"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="users"
          data-group-title="Users"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="12"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="memex_projects"
          data-group-title="Projects"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="13"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="projects"
          data-group-title="Projects (classic)"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="14"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="footer"
          data-group-title="Footer"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="15"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="modes_help"
          data-group-title="Modes"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="16"
        >
        </command-palette-item-group>
        <command-palette-item-group
          data-group-id="filters_help"
          data-group-title="Use filters in issues, pull requests, discussions, and projects"
          data-group-hint=""
          data-group-limits="{}"
          data-default-priority="17"
        >
        </command-palette-item-group>

        <command-palette-page
          data-page-title="bradtraversy"
          data-scope-id="MDQ6VXNlcjU1NTA4NTA="
          data-scope-type="owner"
          data-targets="command-palette-page-stack.defaultPages"
          hidden
        >
        </command-palette-page>
        <command-palette-page
          data-page-title="tailwind-course-projects"
          data-scope-id="R_kgDOHVsCEA"
          data-scope-type="repository"
          data-targets="command-palette-page-stack.defaultPages"
          hidden
        >
        </command-palette-page>
    </div>

    <command-palette-page data-is-root>
    </command-palette-page>
      <command-palette-page
        data-page-title="bradtraversy"
        data-scope-id="MDQ6VXNlcjU1NTA4NTA="
        data-scope-type="owner"
      >
      </command-palette-page>
      <command-palette-page
        data-page-title="tailwind-course-projects"
        data-scope-id="R_kgDOHVsCEA"
        data-scope-type="repository"
      >
      </command-palette-page>
  </command-palette-page-stack>

  <server-defined-provider data-type="search-links" data-targets="command-palette.serverDefinedProviderElements"></server-defined-provider>
  <server-defined-provider data-type="help" data-targets="command-palette.serverDefinedProviderElements">
      <command-palette-help
        data-group="modes_help"
          data-prefix="#"
          data-scope-types="[&quot;&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Search for <strong>issues</strong> and <strong>pull requests</strong></span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd">#</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="modes_help"
          data-prefix="#"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Search for <strong>issues, pull requests, discussions,</strong> and <strong>projects</strong></span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd">#</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="modes_help"
          data-prefix="@"
          data-scope-types="[&quot;&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Search for <strong>organizations, repositories,</strong> and <strong>users</strong></span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd">@</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="modes_help"
          data-prefix="!"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Search for <strong>projects</strong></span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd">!</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="modes_help"
          data-prefix="/"
          data-scope-types="[&quot;repository&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Search for <strong>files</strong></span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd">/</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="modes_help"
          data-prefix="&gt;"
      >
        <span data-target="command-palette-help.titleElement">Activate <strong>command mode</strong></span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd">&gt;</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# author:@me"
      >
        <span data-target="command-palette-help.titleElement">Search your issues, pull requests, and discussions</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># author:@me</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# author:@me"
      >
        <span data-target="command-palette-help.titleElement">Search your issues, pull requests, and discussions</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># author:@me</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# is:pr"
      >
        <span data-target="command-palette-help.titleElement">Filter to pull requests</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># is:pr</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# is:issue"
      >
        <span data-target="command-palette-help.titleElement">Filter to issues</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># is:issue</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# is:discussion"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Filter to discussions</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># is:discussion</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# is:project"
          data-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
      >
        <span data-target="command-palette-help.titleElement">Filter to projects</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># is:project</kbd>
          </span>
      </command-palette-help>
      <command-palette-help
        data-group="filters_help"
          data-prefix="# is:open"
      >
        <span data-target="command-palette-help.titleElement">Filter to open issues, pull requests, and discussions</span>
          <span data-target="command-palette-help.hintElement">
            <kbd class="hx_kbd"># is:open</kbd>
          </span>
      </command-palette-help>
  </server-defined-provider>

    <server-defined-provider
      data-type="commands"
      data-fetch-debounce="0"
        data-src="/command_palette/commands"
      data-supported-modes="[]"
        data-supports-commands
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="prefetched"
      data-fetch-debounce="0"
        data-src="/command_palette/jump_to_page_navigation"
      data-supported-modes="[&quot;&quot;]"
        data-supported-scope-types="[&quot;&quot;,&quot;owner&quot;,&quot;repository&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/issues"
      data-supported-modes="[&quot;#&quot;,&quot;#&quot;]"
        data-supported-scope-types="[&quot;owner&quot;,&quot;repository&quot;,&quot;&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/jump_to"
      data-supported-modes="[&quot;@&quot;,&quot;@&quot;]"
        data-supported-scope-types="[&quot;&quot;,&quot;owner&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/jump_to_members_only"
      data-supported-modes="[&quot;@&quot;,&quot;@&quot;,&quot;&quot;,&quot;&quot;]"
        data-supported-scope-types="[&quot;&quot;,&quot;owner&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="prefetched"
      data-fetch-debounce="0"
        data-src="/command_palette/jump_to_members_only_prefetched"
      data-supported-modes="[&quot;@&quot;,&quot;@&quot;,&quot;&quot;,&quot;&quot;]"
        data-supported-scope-types="[&quot;&quot;,&quot;owner&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="files"
      data-fetch-debounce="0"
        data-src="/command_palette/files"
      data-supported-modes="[&quot;/&quot;]"
        data-supported-scope-types="[&quot;repository&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/discussions"
      data-supported-modes="[&quot;#&quot;]"
        data-supported-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/projects"
      data-supported-modes="[&quot;#&quot;,&quot;!&quot;]"
        data-supported-scope-types="[&quot;owner&quot;,&quot;repository&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="prefetched"
      data-fetch-debounce="0"
        data-src="/command_palette/recent_issues"
      data-supported-modes="[&quot;#&quot;,&quot;#&quot;]"
        data-supported-scope-types="[&quot;owner&quot;,&quot;repository&quot;,&quot;&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/teams"
      data-supported-modes="[&quot;@&quot;,&quot;&quot;]"
        data-supported-scope-types="[&quot;owner&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
    <server-defined-provider
      data-type="remote"
      data-fetch-debounce="200"
        data-src="/command_palette/name_with_owner_repository"
      data-supported-modes="[&quot;@&quot;,&quot;@&quot;,&quot;&quot;,&quot;&quot;]"
        data-supported-scope-types="[&quot;&quot;,&quot;owner&quot;]"
      
      data-targets="command-palette.serverDefinedProviderElements"
      ></server-defined-provider>
</command-palette>
Open in github.dev Open in a new github.dev tab Open in codespace

<react-app app-name="react-code-view" initial-path="/bradtraversy/tailwind-course-projects/blob/main/mini-projects/email-subscribe/readme.md" style="min-height: calc(100vh - 64px)" data-ssr="true" data-lazy="false" data-alternate="false"

Files

t

Latest commit

 

History

History
5 lines (3 loc) · 122 Bytes

File metadata and controls

5 lines (3 loc) · 122 Bytes

Email Subscribe Project

Email Subscribe mini-project from my Tailwind course.

Alt text

Symbols

Find definitions and references for functions and other symbols in this file by clicking a symbol below or in the code.
r
  • s
    Email Subscribe Project
</main>
      <footer class="footer pt-8 pb-6 f6 color-fg-muted p-responsive" role="contentinfo" >

Footer

© 2024 GitHub, Inc.
<nav aria-label="Footer">
  <h3 class="sr-only" id="sr-footer-heading">Footer navigation</h3>

  <ul class="list-style-none d-flex flex-justify-center flex-wrap mb-2 mb-lg-0" aria-labelledby="sr-footer-heading">

      <li class="mx-2">
        <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Terms&quot;,&quot;label&quot;:&quot;text:terms&quot;}" href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" data-view-component="true" class="Link--secondary Link">Terms</a>
      </li>

      <li class="mx-2">
        <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to privacy&quot;,&quot;label&quot;:&quot;text:privacy&quot;}" href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" data-view-component="true" class="Link--secondary Link">Privacy</a>
      </li>

      <li class="mx-2">
        <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to security&quot;,&quot;label&quot;:&quot;text:security&quot;}" href="/security" data-view-component="true" class="Link--secondary Link">Security</a>
      </li>

      <li class="mx-2">
        <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to status&quot;,&quot;label&quot;:&quot;text:status&quot;}" href="https://www.githubstatus.com/" data-view-component="true" class="Link--secondary Link">Status</a>
      </li>

      <li class="mx-2">
        <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to docs&quot;,&quot;label&quot;:&quot;text:docs&quot;}" href="https://docs.github.com/" data-view-component="true" class="Link--secondary Link">Docs</a>
      </li>

      <li class="mx-2">
        <a data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to contact&quot;,&quot;label&quot;:&quot;text:contact&quot;}" href="https://support.github.com?tags=dotcom-footer" data-view-component="true" class="Link--secondary Link">Contact</a>
      </li>

      <li class="mx-2" >
  •   </ul>
    </nav>
    
    <cookie-consent id="cookie-consent-banner" class="position-fixed bottom-0 left-0" style="z-index: 999999" data-initial-cookie-consent-allowed="" data-cookie-consent-required="false"></cookie-consent>
    
    <template id="site-details-dialog">
    
    <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;" tabindex="0">
    
    <template id="snippet-clipboard-copy-button">
    
    <style>
      .user-mention[href$="/Glenda9031"] {
        color: var(--color-user-mention-fg);
        background-color: var(--color-user-mention-bg);
        border-radius: 2px;
        margin-left: -2px;
        margin-right: -2px;
        padding: 0 2px;
      }
    </style>
    
    
    </div>
    
    <div id="js-global-screen-reader-notice" class="sr-only" aria-live="polite" aria-atomic="true" ></div>
    <div id="js-global-screen-reader-notice-assertive" class="sr-only" aria-live="assertive" aria-atomic="true"></div>
    

    Top categories

    tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce
    Loading Svelte Themes