<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
"//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.min.css"
/>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
style
>
body {
margin: 30px 50px;
}
</
style
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
strong
>
Foundation CSS Off-canvas setup
</
strong
>
</
center
>
<
div
style
=
"margin:2% 30%;"
>
<
button
type
=
"button"
class
=
"button"
data-toggle
=
"offCanvasLeftSplit1"
>
PYTHON
</
button
>
<
button
type
=
"button"
class
=
"button"
data-toggle
=
"offCanvasRightSplit3"
style
=
"margin-left:5rem;"
>
JAVA
</
button
>
<
div
class
=
"grid-x grid-margin-x"
style
=
"width:50rem;"
>
<
div
class
=
"cell small-6"
style
=
"margin-left:-4rem;"
>
<
div
class
=
"off-canvas-wrapper"
>
<
div
class
=
"off-canvas-absolute position-left"
id
=
"offCanvasLeftSplit1"
data-off-canvas>
<
p
>Python is a high-level, general-purpose
and a very popular programming language.
Python programming language (latest
Python 3) is being used in web
development, Machine Learning applications,
along with all cutting edge technology
in Software Industry. Python Programming
Language is very well suited for Beginners,
also for experienced programmers with other
programming languages like C++ and Java.
</
p
>
</
div
>
<
div
class
=
"off-canvas-content"
style
=
"min-height:300px;"
data-off-canvas-content>
</
div
>
</
div
>
</
div
>
<
div
class
=
"cell small-6"
style
=
"margin-left:-15rem;"
>
<
div
class
=
"off-canvas-wrapper"
>
<
div
class
=
"off-canvas-absolute position-right"
id
=
"offCanvasRightSplit3"
data-off-canvas>
<
p
>
Java is easy to learn and its syntax
is simple and easy to understand. It
is based on C++ (so easier for
programmers who know C++). Java has
removed many confusing and rarely-used
features e.g. explicit pointers,
operator overloading etc. Java also
takes care of memory management and
for that, it provides an automatic
garbage collector. This collects the
unused objects automatically.
</
p
>
</
div
>
<
div
class
=
"off-canvas-content"
style
=
"min-height:300px;"
data-off-canvas-content>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
>
$(document).ready(function () {
$(document).foundation();
})
</
script
>
</
body
>
</
html
>