diff --git a/class-15-postions-background/class-notes/img-a.png b/class-15-postions-background/class-notes/img-a.png
new file mode 100644
index 0000000..234ae20
Binary files /dev/null and b/class-15-postions-background/class-notes/img-a.png differ
diff --git a/class-15-postions-background/class-notes/img-b.png b/class-15-postions-background/class-notes/img-b.png
new file mode 100644
index 0000000..01f834a
Binary files /dev/null and b/class-15-postions-background/class-notes/img-b.png differ
diff --git a/class-15-postions-background/class-notes/img-c.png b/class-15-postions-background/class-notes/img-c.png
new file mode 100644
index 0000000..3289e7e
Binary files /dev/null and b/class-15-postions-background/class-notes/img-c.png differ
diff --git a/class-15-postions-background/class-notes/img-d.png b/class-15-postions-background/class-notes/img-d.png
new file mode 100644
index 0000000..ee1a5b9
Binary files /dev/null and b/class-15-postions-background/class-notes/img-d.png differ
diff --git a/class-15-postions-background/class-notes/img-e.png b/class-15-postions-background/class-notes/img-e.png
new file mode 100644
index 0000000..ceebad7
Binary files /dev/null and b/class-15-postions-background/class-notes/img-e.png differ
diff --git a/class-15-postions-background/class-notes/img-f.png b/class-15-postions-background/class-notes/img-f.png
new file mode 100644
index 0000000..2555462
Binary files /dev/null and b/class-15-postions-background/class-notes/img-f.png differ
diff --git a/class-15-postions-background/class-notes/img-g.png b/class-15-postions-background/class-notes/img-g.png
new file mode 100644
index 0000000..a11a80e
Binary files /dev/null and b/class-15-postions-background/class-notes/img-g.png differ
diff --git a/class-15-postions-background/class-notes/img-h.png b/class-15-postions-background/class-notes/img-h.png
new file mode 100644
index 0000000..238e3fe
Binary files /dev/null and b/class-15-postions-background/class-notes/img-h.png differ
diff --git a/class-15-postions-background/class-notes/img-i.png b/class-15-postions-background/class-notes/img-i.png
new file mode 100644
index 0000000..2b5c465
Binary files /dev/null and b/class-15-postions-background/class-notes/img-i.png differ
diff --git a/class-15-postions-background/class-notes/img-j.png b/class-15-postions-background/class-notes/img-j.png
new file mode 100644
index 0000000..1f4d631
Binary files /dev/null and b/class-15-postions-background/class-notes/img-j.png differ
diff --git a/class-15-postions-background/class-notes/img-k.png b/class-15-postions-background/class-notes/img-k.png
new file mode 100644
index 0000000..814d502
Binary files /dev/null and b/class-15-postions-background/class-notes/img-k.png differ
diff --git a/class-15-postions-background/class-notes/img-l.png b/class-15-postions-background/class-notes/img-l.png
new file mode 100644
index 0000000..18568e9
Binary files /dev/null and b/class-15-postions-background/class-notes/img-l.png differ
diff --git a/class-15-postions-background/positions/.vscode/settings.json b/class-15-postions-background/positions/.vscode/settings.json
new file mode 100644
index 0000000..4c7ff40
--- /dev/null
+++ b/class-15-postions-background/positions/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5502
+}
diff --git a/class-15-postions-background/positions/index.html b/class-15-postions-background/positions/index.html
new file mode 100644
index 0000000..3d8de12
--- /dev/null
+++ b/class-15-postions-background/positions/index.html
@@ -0,0 +1,1227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic corporis minima inventore consequatur voluptates recusandae aliquam saepe odio, voluptatum doloribus ad. Cupiditate ut aliquid id ullam nulla eaque! Accusantium magnam perferendis quisquam cupiditate in aliquid voluptatibus, repellendus obcaecati non doloribus velit maiores incidunt unde rerum culpa nobis excepturi amet dolorem!</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+<p>maiak</p>
+
+<hr>
+<div style="height: 1000px;">
+
+    <div id="id1">id1</div>
+    <div id="id2">id2</div>
+    <div id="id3">id3</div>
+    <div id="id4">id4</div>
+    
+</div>  
+
+<div>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+    <p>Mainak</p>
+</div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/class-15-postions-background/positions/style.css b/class-15-postions-background/positions/style.css
new file mode 100644
index 0000000..57b976a
--- /dev/null
+++ b/class-15-postions-background/positions/style.css
@@ -0,0 +1,41 @@
+div{  
+    font-size: 40px;
+    width: 30%;
+    height: 100px;
+    /* border: 2px solid black; */
+    position: relative;
+}
+
+#id1{
+    background-color: orange;
+    /* position: fixed; */
+    position:sticky ;
+    top : 100px;
+}
+
+#id2{
+    background-color: yellow;
+    /* position: relative; */
+    /* left: 70%; */
+    /* left: auto */
+    /* top: 100px; */
+    
+}
+p{
+    position: relative;
+    top: 50%;
+    left: 50%;
+}
+
+#id3{
+
+    background-color: red;
+    /* position: absolute; */
+    /* top: 100px; */
+    
+}
+
+#id4{
+    background-color: lightblue;
+    width:100vw
+}
\ No newline at end of file
