diff --git a/WinterBatch2018/Damak/Column Drop/columnDrop.html b/WinterBatch2018/Damak/Column Drop/columnDrop.html
new file mode 100644
index 0000000..6cd3e9b
--- /dev/null
+++ b/WinterBatch2018/Damak/Column Drop/columnDrop.html	
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>column drop</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        .big-box{
+            max-width: 1000px;
+            margin: 0 auto;
+            display: flex;
+            flex-wrap: wrap;
+        }
+        .box{
+            width:100%;
+            height:200px;
+        }
+        .box1{
+            order: 0;
+            background-color: blue;
+        }
+        .box2{
+            order: 1;
+            background-color: dodgerblue;
+        }
+        .box3{
+            order: 2;
+            background-color: skyblue;
+        }
+        @media (min-width: 620px) and (max-width: 900px) {
+        .box1{
+            order:1;
+            width:70%;
+        }
+        .box2{
+            order:0;
+            width:30%;
+        }
+        .box3{
+            order:2;
+        }
+        }
+        @media (min-width: 900px) {
+            .box1{
+                order:1;
+                width:40%;
+            }
+            .box2{
+                order:0;
+                width:30%;
+            }
+            .box3{
+                order:2;
+                width:30%;
+            }
+        }
+    </style>
+</head>
+<body>
+<div class="big-box">
+    <div class="box box1"></div>
+    <div class="box box2"></div>
+    <div class="box box3"></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/WinterBatch2018/Damak/Layout shifter/layoutShifter.html b/WinterBatch2018/Damak/Layout shifter/layoutShifter.html
new file mode 100644
index 0000000..4ec99fa
--- /dev/null
+++ b/WinterBatch2018/Damak/Layout shifter/layoutShifter.html	
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Layout Shifter</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        .box{
+            width:100%;
+        }
+        .box1{
+            background-color: blue;
+            height:200px;
+        }
+        .box2{
+            background-color: dodgerblue;
+            height:200px;
+        }
+        .box3{
+            background-color: skyblue;
+            height: 320px;
+        }
+        @media (min-width:780px){
+            .big-box{
+                display:flex;
+            }
+            .box{
+                height:500px;
+            }
+            .box1{
+                width:15%;
+            }
+            .box2,.box3{
+                height: 250px;
+                width:45%;
+            }
+        }
+    </style>
+</head>
+<body>
+<div class="big-box">
+    <div class="box box1"></div>
+    <div class="box">
+        <div class="box box2"></div>
+        <div class="box box3"></div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/WinterBatch2018/Damak/Mostly Fluid/index.html b/WinterBatch2018/Damak/Mostly Fluid/index.html
new file mode 100644
index 0000000..5329b2b
--- /dev/null
+++ b/WinterBatch2018/Damak/Mostly Fluid/index.html	
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Mostly fluid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        .big-box{
+            flex-wrap: wrap;
+            display: flex;
+        }
+        .box{
+            width: 100%;
+            height: 300px;
+        }
+        .box0{
+            background-color: darkblue;
+        }
+        .box1{
+            background-color: royalblue;
+        }
+        .box2{
+            background-color: dodgerblue;
+        }
+        .box3{
+            background-color: cadetblue;
+        }
+        .box4{
+            background-color: lightblue;
+        }
+        @media (min-width:480px) and (max-width: 600px) {
+            .box{
+                width:50%;
+            }
+            .box0{
+                width:100%;
+            }
+        }
+
+        @media (min-width:600px) and (max-width:900px){
+            .box0{
+                width:60%;
+            }
+            .box1{
+                width:40%;
+            }
+            .box2{
+                width:33.33%;
+            }
+            .box3{
+                width:33.33%;
+            }
+            .box4{
+                width:33.33%;
+            }
+        }
+        @media (min-width:900px){
+            .big-box{
+                width:50%;
+                margin: 0px auto;
+            }
+            .box0{
+                width:60%;
+            }
+            .box1{
+                width:40%;
+            }
+            .box2{
+                width:33.33%;
+            }
+            .box3{
+                width:33.33%;
+            }
+            .box4{
+                width:33.33%;
+            }
+        }
+    </style>
+</head>
+<body>
+<div class="big-box">
+    <div class="box box0"></div>
+    <div class="box box1"></div>
+    <div class="box box2"></div>
+    <div class="box box3"></div>
+    <div class="box box4"></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/WinterBatch2018/readme.txt b/WinterBatch2018/readme.txt
index 275a7a1..d09f716 100644
--- a/WinterBatch2018/readme.txt
+++ b/WinterBatch2018/readme.txt
@@ -1 +1,2 @@
-Winter Batch 2018
\ No newline at end of file
+Winter Batch 2018
+Damak Bajaj: Mostly Fluid
\ No newline at end of file
