<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Foundation CSS Drilldown Menu autoHeight</
title
>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
" />
<
link
rel
=
"stylesheet"
href
=
crossorigin
=
"anonymous"
/>
</
head
>
<
body
>
<
center
>
<
h2
style
=
"color: green"
>GeeksforGeeks</
h2
>
<
h4
>Foundation CSS Drilldown Menu autoHeight</
h4
>
</
center
>
<
ul
class
=
"menu vertical"
data-drilldown
data-auto-height
=
"true"
data-animate-height
=
"true"
>
<
li
> <
a
href
=
"#"
>Courses</
a
>
<
ul
class
=
"menu vertical nested"
>
<
li
>
<
a
href
=
"#"
>DSA</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>GATE</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>Datascience</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>Full stack development</
a
>
</
li
>
</
ul
>
</
li
>
<
li
>
<
a
href
=
"#"
>Programming languages</
a
>
<
ul
class
=
"menu vertical nested"
>
<
li
>
<
a
href
=
"#"
>Python</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>Java</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>Javascript</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>R</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>php</
a
>
</
li
>
</
ul
>
</
li
>
<
li
>
<
a
href
=
"#"
>Job</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>Login</
a
>
</
li
>
</
ul
>
<
div
class
=
"row"
>
<
div
class
=
"columns"
>
<
p
>
Foundation CSS is an open-source responsive
front-end framework that includes a responsive grid,
as well as HTML and CSS UI components, templates,
and code snippets for typography, forms, buttons,
navigation, and other interface elements, as well as
optional JavaScript extensions. ZURB formerly maintained
Foundation, which is an open-source project. Volunteers
have been maintaining the Foundation since 2019.
</
p
>
</
div
>
</
div
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
type
=
"text/javascript"
>
$(document).foundation();
</
script
>
</
body
>
</
html
>