<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Foundation CSS Responsive Accordion Tabs</
title
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
h3
>Foundation CSS Responsive Accordion Tabs</
h3
>
<
div
style
=
"width: 1100px;"
>
<
ul
class
=
"accordion"
data-responsive-accordion-tabs
=
"accordion large-tabs"
>
<
li
class
=
"accordion-item"
data-accordion-item>
<
a
href
=
"#"
class
=
"accordion-title"
>
<
h6
>HTML</
h6
>
</
a
>
<
div
class
=
"accordion-content"
data-tab-content>
<
p
>
HTML stands for HyperText Markup Language.
It is used to design web pages using a markup
language. It is the combination of Hypertext
and Markup language. Hypertext defines the link
between the web pages.
</
p
>
</
div
>
</
li
>
<
li
class
=
"accordion-item"
data-accordion-item>
<
a
href
=
"#"
class
=
"accordion-title"
>
<
h6
>CSS</
h6
>
</
a
>
<
div
class
=
"accordion-content"
data-tab-content>
<
p
>CSS (Cascading Style Sheets) is a stylesheet language
used to design the webpage to make it attractive. The
reason for using this is to simplify the process of
making web pages presentable. It allows you to apply
styles to web pages. More importantly, it enables you
to do this independent of the HTML that makes up each
web page.</
p
>
</
div
>
</
li
>
<
li
class
=
"accordion-item"
data-accordion-item>
<
a
href
=
"#"
class
=
"accordion-title"
>
<
h6
>JavaScript</
h6
>
</
a
>
<
div
class
=
"accordion-content"
data-tab-content>
<
p
>JavaScript is the world most popular lightweight,
interpreted compiled programming language. It
is also known as scripting language for web pages.
It is well-known for the development of web pages,
many non-browser environments also use it. JavaScript
can be used for Client-side developments as well as
Server-side developments.</
p
>
</
div
>
</
li
>
<
li
class
=
"accordion-item"
data-accordion-item>
<
a
href
=
"#"
class
=
"accordion-title"
>
<
h6
>Bootstrap</
h6
>
</
a
>
<
div
class
=
"accordion-content"
data-tab-content>
<
p
>Bootstrap is a free and open-source tool collection
for creating responsive websites and web
applications. It is the most popular HTML, CSS, and
JavaScript framework for developing responsive,
mobile-first websites. Nowadays, the websites are
perfect for all the browsers (IE, Firefox, and
Chrome) and for all sizes of screens (Desktop, Tablets,
Phablets, and Phones).
</
p
>
</
div
>
</
li
>
<
li
class
=
"accordion-item"
data-accordion-item>
<
a
href
=
"#"
class
=
"accordion-title"
>
<
h6
>Reactjs</
h6
>
</
a
>
<
div
class
=
"accordion-content"
data-tab-content>
<
p
>React is a declarative, efficient, and flexible
JavaScript library for building user interfaces.
It’s ‘V’ in MVC. ReactJS is an open-source,
component-based front-end library responsible only
for the view layer of the application. It is
maintained by Facebook.</
p
>
</
div
>
</
li
>
</
ul
>
</
div
>
<
script
>
$(document).foundation();
</
script
>
</
body
>
</
html
>