header.html

<!-- header.html -->
<header>
    <h1 style="text-align: center; color: #6894ff;">
      <a href="./index.html" style="color: inherit; text-decoration: none;">
        <img src="./images/logo.png" alt="PETLENDAR 로고" style="width: 60px; height: auto; vertical-align: middle;">
        PETLENDAR
      </a>
    </h1>
  
    <nav>
        <a class="community" href="./boardindex.html">커뮤니티</a>
        <div class="dropdown">
          <button class="dropbtn">접종 관리</button>
          <div class="dropdown-content">
            <a href="./VaccinRegister.html">예방접종 등록</a>
            <a href="./VaccinDetail.html">예방접종 정보 상세보기</a>
          </div>
        </div>
        <button id="chatbotBtn" style="display: none;">챗봇</button>
        <button id="loginBtn" style="display: none;">로그인</button>
        <button id="registerBtn" style="display: none;">회원가입</button>
        <button id="myInfoBtn" style="display: none;">반려동물 정보</button>
        <button id="logoutBtn" style="display: none;">로그아웃</button>
      </nav>
  </header>