<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Nav menu</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
style
=
"color:green;text-align:center;"
>
GeeksforGeeks
</
h1
>
<
h2
style
=
"text-align:center;"
>
Pills/Tabs with Dropdown Nav Menu
</
h2
>
<
ul
class
=
"nav nav-pills"
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link active"
href
=
"#"
>Home</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>Algo</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>DS</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link dropdown-toggle"
data-toggle
=
"dropdown"
href
=
"#"
>
Languages
</
a
>
<
div
class
=
"dropdown-menu"
>
<
a
class
=
"dropdown-item"
href
=
"#"
>C</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>C++</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>Java</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>Python</
a
>
</
div
>
</
li
>
</
ul
>
<
br
><
br
>
<
ul
class
=
"nav nav-tabs"
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link active"
href
=
"#"
>Home</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>Algo</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>DS</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link dropdown-toggle"
data-toggle
=
"dropdown"
href
=
"#"
>
Languages
</
a
>
<
div
class
=
"dropdown-menu"
>
<
a
class
=
"dropdown-item"
href
=
"#"
>C</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>C++</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>Java</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>Python</
a
>
</
div
>
</
li
>
</
ul
>
</
div
>
</
body
>
</
html
>