<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
data-sticky-container>
<
div
class
=
"title-bar"
data-sticky
data-options
=
"marginTop:0;"
style
=
"width:100%"
data-top-anchor
=
"first:top"
data-btm-anchor
=
"last:bottom"
>
<
div
class
=
"title-bar-left"
style
=
"font-size:1.5rem;"
>
<
strong
>
GeeksforGeeks
</
strong
>
</
div
>
<
div
class
=
"top-bar-right"
>
<
ul
class
=
"menu"
>
<
li
>
<
input
type
=
"search"
placeholder
=
"Search"
>
</
li
>
<
li
>
<
button
type
=
"button"
class
=
"button"
>
Search</
button
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
div
>
<
div
style
=
"margin:2rem;"
id
=
"first"
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
h4
>
Foundation CSS Sticky Advanced
</
h4
>
</
div
>
<
p
class
=
"margin-3"
>
The Navigation Bar will stay stuck
from the start of the above div.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
strong
class
=
"margin-3"
id
=
"last"
>
The navbar stops being sticky
from this paragraph.
</
strong
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
p
class
=
"margin-3"
>
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line. Welcome to GFG.
This is an example line.
Hi Geeks!! Welcome to GeeksForGeeks.
This is an example line.
</
p
>
<
script
>
$(document).ready(function() {
$(document).foundation();
})
</
script
>
</
body
>
</
html
>