merge class : index.html

Git

merge class : index.html

헬로우월드 2023. 6. 26. 15:42

footer가 없는 index.html

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Footer 예제</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    footer {
      background-color: #333;
      color: white;
      padding: 20px 0;
      text-align: center;
    }

    footer a {
      color: #ddd;
      text-decoration: none;
      margin: 0 10px;
    }

    footer a:hover {
      color: #fff;
    }
  </style>
</head>
<body>

  <div style="min-height: 500px; padding: 20px;">
    <h1>웹페이지 본문</h1>
    <p>이곳은 본문 내용입니다.</p>
  </div>

  

</body>
</html>

footer가 추가된 index.html

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Footer 예제</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    footer {
      background-color: #333;
      color: white;
      padding: 20px 0;
      text-align: center;
    }

    footer a {
      color: #ddd;
      text-decoration: none;
      margin: 0 10px;
    }

    footer a:hover {
      color: #fff;
    }
  </style>
</head>
<body>

  <div style="min-height: 500px; padding: 20px;">
    <h1>웹페이지 본문</h1>
    <p>이곳은 본문 내용입니다.</p>
  </div>

  <footer>
    <p>&copy; 2025 MyCompany. All rights reserved.</p>
    <p>
      <a href="/about">About</a> |
      <a href="/contact">Contact</a> |
      <a href="https://github.com/mycompany" target="_blank">GitHub</a>
    </p>
  </footer>

</body>
</html>