<!DOCTYPE html>
<
html
>
<
head
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
title
>
How to Create Shrink Header on Scroll
using HTML, CSS and JavaScript ?
</
title
>
</
head
>
<
body
>
<
div
id
=
"navlist"
>
<
a
href
=
"#default"
id
=
"logo"
>
GeeksforGeeks
</
a
>
<
div
id
=
"navlist-right"
>
<
a
href
=
"#home"
>Home</
a
>
<
a
href
=
"#about"
>Our Products</
a
>
<
a
href
=
"#about"
>Careers</
a
>
<
a
href
=
"#contact"
>Contact US</
a
>
<
a
href
=
"#about"
>About US</
a
>
</
div
>
</
div
>
<
div
class
=
"content"
>
<
b
>
A Computer Science Portal for Geeks
</
b
>
<
p
>
How many times were you frustrated while
looking out for a good collection of
programming/algorithm/interview questions?
What did you expect and what did you get?
This portal has been created to provide
well written, well thought and well
explained solutions for selected questions.
</
p
>
</
div
>
</
body
>
</
html
>