<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
.0">
<
link
rel
=
"stylesheet"
href
=
"style.css"
>
<
title
>Blur effect</
title
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
nav
class
=
"navbar"
>
<
div
class
=
"logo"
>
<
h3
class
=
"textgfg"
>
GeeksforGeeks
</
h3
>
</
div
>
<
div
class
=
"nav-links"
>
<
div
class
=
"home"
>
<
a
href
=
"#"
>Home</
a
>
</
div
>
<
div
class
=
"about"
>
<
a
href
=
"#"
>About</
a
>
</
div
>
<
div
class
=
"contactus"
>
<
a
href
=
"#"
>Contact US</
a
>
</
div
>
</
div
>
</
nav
>
<
div
class
=
"main-section"
id
=
"blureffect"
>
<
div
class
=
"content-container"
>
<
h3
>HTML</
h3
>
<
p
>
Html stands for Hypertext markup language.
It is used to create a basic structure
of any website.
</
p
>
<
h3
>CSS</
h3
>
<
p
>
Css stands for cascading style sheet.
It is used to give styles to a html
element to make website beautiful. There are many
properties like colors, positioning, fonts.
</
p
>
<
h3
>JavaScript</
h3
>
<
p
>
JavaScript is a scripting language.
It is popular for it's dynamic nature
and other features which makes website
user-interactive. We can write JavaScript
in Html file.
</
p
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"upperdiv"
id
=
"upperdivid"
>Click here</
div
>
<
div
class
=
"footertext"
>
All rights are reserved to the respective owner
</
div
>
<
script
src
=
"script.js"
></
script
>
</
body
>
</
html
>