Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
2.3 kB
3
Indexable
Never
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link href="styles2.css" rel="stylesheet" />
    <title>Document</title>
  </head>
  <body>
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link
          href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css"
          rel="stylesheet"
        />
        <link href="styles.css" rel="stylesheet" />
        <!-- اضافه کردن فایل CSS خارجی -->
        <title>هدر با بوت استرپ</title>
      </head>
      <body>
        <nav class="navbar navbar-expand-lg navbar-custom">
          <div class="container">
            <!-- دکمه منو همبرگر -->
            <button
              class="navbar-toggler"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#navbarNav"
              aria-controls="navbarNav"
              aria-expanded="false"
              aria-label="Toggle navigation"
            >
              <span class="navbar-toggler-icon"></span>
            </button>

            <!-- منو -->
            <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="nav-link" href="#">HTML</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">CSS</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">Javascript</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">PHP</a>
                </li>
              </ul>
            </div>
          </div>
        </nav>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.min.js"></script>
      </body>
    </html>
  </body>
</html>