<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Foundation CSS Kitchen Sink</
title
>
<
link
rel
=
"stylesheet"
href
=
crossorigin
=
"anonymous"
>
<
script
src
=
crossorigin
=
"anonymous"
>
</
script
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
style
>
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
</
style
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
<
strong
>Foundation CSS Kitchen Sink Orbit</
strong
>
</
center
>
<
div
class
=
"orbit"
role
=
"region"
data-orbit
data-use-m-u-i
=
"false"
>
<
ul
class
=
"orbit-container"
>
<
button
class
=
"orbit-previous"
aria-label
=
"previous"
>
<
span
class
=
"show-for-sr"
>Previous Slide</
span
>
â—€
</
button
>
<
button
class
=
"orbit-next"
aria-label
=
"next"
>
<
span
class
=
"show-for-sr"
>Next Slide</
span
>
â–¶
</
button
>
<
li
class
=
"is-active orbit-slide"
>
<
div
>
<
h3
class
=
"text-center"
>First slide</
h3
>
<
p
class
=
"text-center"
>
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles. Billions of Users,
Millions of Articles Published, Thousands
Got Hired by Top Companies and the numbers
are still growing. Free Tutorials, Millions
of Articles, Live, Online and Classroom Courses,
Frequent Coding Competitions ,Webinars by
Industry Experts, Internship opportunities
and Job Opportunities.
</
p
>
</
div
>
</
li
>
<
li
class
=
"orbit-slide"
>
<
div
>
<
h3
class
=
"text-center"
>Second slide</
h3
>
<
p
class
=
"text-center"
>
GeeksforGeeks.org was created with
a goal in mind to provide well written,
well thought and well explained solutions
for selected questions. Billions of Users,
Millions of Articles Published,
Thousands Got Hired by Top Companies
and the numbers are still growing.
Free Tutorials, Millions of Articles,
Live, Online and Classroom Courses ,
Frequent Coding Competitions ,
Webinars by Industry Experts, Internship
opportunities and Job Opportunities.
</
p
>
</
div
>
</
li
>
<
li
class
=
"orbit-slide"
>
<
div
>
<
h3
class
=
"text-center"
>Third slide</
h3
>
<
p
class
=
"text-center"
>
GeeksforGeeks.org was created with
a goal in mind to provide well written,
well thought and well explained solutions
for selected questions. Billions of Users,
Millions of Articles Published,
Thousands Got Hired by Top Companies
and the numbers are still growing.
Free Tutorials, Millions of Articles,
Live, Online and Classroom Courses ,
Frequent Coding Competitions ,
Webinars by Industry Experts, Internship
opportunities and Job Opportunities.
</
p
>
</
div
>
</
li
>
<
li
class
=
"orbit-slide"
>
<
div
>
<
h3
class
=
"text-center"
>Fourth slide</
h3
>
<
img
class
=
"center"
src
=
alt
=
"GFG_logo"
>
</
div
>
</
li
>
<
li
class
=
"orbit-slide"
>
<
div
>
<
h3
class
=
"text-center"
>Fifth slide</
h3
>
<
p
class
=
"text-center"
>
GeeksforGeeks.org was created with
a goal in mind to provide well written,
well thought and well explained solutions
for selected questions. Billions of Users,
Millions of Articles Published,
Thousands Got Hired by Top Companies
and the numbers are still growing.
Free Tutorials, Millions of Articles,
Live, Online and Classroom Courses ,
Frequent Coding Competitions ,
Webinars by Industry Experts, Internship
opportunities and Job Opportunities.
</
p
>
</
div
>
</
li
>
</
ul
>
<
nav
class
=
"orbit-bullets"
>
<
button
class
=
"is-active"
data-slide
=
"0"
>
<
span
class
=
"show-for-sr"
>First slide</
span
>
<
span
class
=
"show-for-sr"
>Current Slide</
span
>
</
button
>
<
button
data-slide
=
"1"
>
<
span
class
=
"show-for-sr"
>Second slide</
span
>
</
button
>
<
button
data-slide
=
"2"
>
<
span
class
=
"show-for-sr"
>Third slide</
span
>
</
button
>
<
button
data-slide
=
"3"
>
<
span
class
=
"show-for-sr"
>Fourth slide</
span
>
</
button
>
<
button
data-slide
=
"4"
>
<
span
class
=
"show-for-sr"
>Fifth slide</
span
>
</
button
>
</
nav
>
</
div
>
<
script
>
$(document).ready(function() {
$(document).foundation();
})
</
script
>
</
body
>
</
html
>