Skip to content

Instantly share code, notes, and snippets.

@dmytroony

dmytroony/NAVbar_menu_Bootstrap4.html

Last active September 24, 2020 21:46
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dmytroony/d6874bcabdb4b9d6ddb6d4be9aaf44a2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dmytroony/d6874bcabdb4b9d6ddb6d4be9aaf44a2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. dmytroony revised this gist Sep 24, 2020. No changes.
  2. dmytroony renamed this gist Sep 24, 2020. 1 changed file with 0 additions and 0 deletions.
    0 NAVbar_menu_Bootstrap.html → NAVbar_menu_Bootstrap4.html
    View file
    File renamed without changes.
  3. dmytroony revised this gist Sep 24, 2020. No changes.
  4. dmytroony renamed this gist Sep 24, 2020. 1 changed file with 0 additions and 0 deletions.
    0 index.html → NAVbar_menu_Bootstrap.html
    View file
    File renamed without changes.
  5. dmytroony created this gist Sep 21, 2020.
    38 changes: 38 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,38 @@
    <header class="header_area">
    <div class="main-menu">
    <nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="#"><img src="./img/logo.png" alt="logo"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-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">
    <div class="mr-auto"></div>
    <ul class="navbar-nav">
    <li class="nav-item active">
    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">about</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">services</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">portfolio</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">pages</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">blog</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">contact</a>
    </li>

    </ul>
    </div>
    </nav>
    </div>
    </header>