From a87e1fa066075035e09f877923340f30dcbf997b Mon Sep 17 00:00:00 2001 From: namangoyal10 Date: Sat, 19 Jan 2019 16:54:41 +0530 Subject: [PATCH 1/4] homework --- homework/response1.css | 100 ++++++++++++++++++++++++++++++++++++++++ homework/response1.html | 23 +++++++++ homework/response2.css | 80 ++++++++++++++++++++++++++++++++ homework/response2.html | 22 +++++++++ homework/response3.css | 57 +++++++++++++++++++++++ homework/response3.html | 22 +++++++++ 6 files changed, 304 insertions(+) create mode 100644 homework/response1.css create mode 100644 homework/response1.html create mode 100644 homework/response2.css create mode 100644 homework/response2.html create mode 100644 homework/response3.css create mode 100644 homework/response3.html diff --git a/homework/response1.css b/homework/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/homework/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/homework/response1.html b/homework/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/homework/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file diff --git a/homework/response2.css b/homework/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/homework/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/homework/response2.html b/homework/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/homework/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/homework/response3.css b/homework/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/homework/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/homework/response3.html b/homework/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/homework/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file From 14bf6f2ff0930c2c67694976c29eb9d89be4cf28 Mon Sep 17 00:00:00 2001 From: namangoyal10 Date: Sat, 19 Jan 2019 17:05:43 +0530 Subject: [PATCH 2/4] Namangoyal --- Namangoyal/response1.css | 100 ++++++++++++++++++++++++++++++++++++++ Namangoyal/response1.html | 23 +++++++++ Namangoyal/response2.css | 80 ++++++++++++++++++++++++++++++ Namangoyal/response2.html | 22 +++++++++ Namangoyal/response3.css | 57 ++++++++++++++++++++++ Namangoyal/response3.html | 22 +++++++++ 6 files changed, 304 insertions(+) create mode 100644 Namangoyal/response1.css create mode 100644 Namangoyal/response1.html create mode 100644 Namangoyal/response2.css create mode 100644 Namangoyal/response2.html create mode 100644 Namangoyal/response3.css create mode 100644 Namangoyal/response3.html diff --git a/Namangoyal/response1.css b/Namangoyal/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/Namangoyal/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/Namangoyal/response1.html b/Namangoyal/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/Namangoyal/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file diff --git a/Namangoyal/response2.css b/Namangoyal/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/Namangoyal/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/Namangoyal/response2.html b/Namangoyal/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/Namangoyal/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal/response3.css b/Namangoyal/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/Namangoyal/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/Namangoyal/response3.html b/Namangoyal/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/Namangoyal/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file From 6bf2c349b3504a8ea114cb3ad6e4a213fe86425c Mon Sep 17 00:00:00 2001 From: namangoyal10 Date: Sat, 19 Jan 2019 17:25:36 +0530 Subject: [PATCH 3/4] Namangoyal_layouts --- Namangoyal_layouts/columndrop/response2.css | 80 ++++++++++++++ Namangoyal_layouts/columndrop/response2.html | 22 ++++ .../layout shifter/response3.css | 57 ++++++++++ .../layout shifter/response3.html | 22 ++++ Namangoyal_layouts/mostlyfluid/response1.css | 100 ++++++++++++++++++ Namangoyal_layouts/mostlyfluid/response1.html | 23 ++++ 6 files changed, 304 insertions(+) create mode 100644 Namangoyal_layouts/columndrop/response2.css create mode 100644 Namangoyal_layouts/columndrop/response2.html create mode 100644 Namangoyal_layouts/layout shifter/response3.css create mode 100644 Namangoyal_layouts/layout shifter/response3.html create mode 100644 Namangoyal_layouts/mostlyfluid/response1.css create mode 100644 Namangoyal_layouts/mostlyfluid/response1.html diff --git a/Namangoyal_layouts/columndrop/response2.css b/Namangoyal_layouts/columndrop/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/Namangoyal_layouts/columndrop/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/Namangoyal_layouts/columndrop/response2.html b/Namangoyal_layouts/columndrop/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/Namangoyal_layouts/columndrop/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layouts/layout shifter/response3.css b/Namangoyal_layouts/layout shifter/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/Namangoyal_layouts/layout shifter/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/Namangoyal_layouts/layout shifter/response3.html b/Namangoyal_layouts/layout shifter/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/Namangoyal_layouts/layout shifter/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layouts/mostlyfluid/response1.css b/Namangoyal_layouts/mostlyfluid/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/Namangoyal_layouts/mostlyfluid/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/Namangoyal_layouts/mostlyfluid/response1.html b/Namangoyal_layouts/mostlyfluid/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/Namangoyal_layouts/mostlyfluid/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file From 68e4bd78b1a55dcecb1ad3538219e84814853b5a Mon Sep 17 00:00:00 2001 From: namangoyal10 Date: Sat, 19 Jan 2019 17:38:30 +0530 Subject: [PATCH 4/4] Namangoyal_layout --- Namangoyal_layout/columndrop/response2.css | 80 ++++++++++++++ Namangoyal_layout/columndrop/response2.html | 22 ++++ .../layout shifter/response3.css | 57 ++++++++++ .../layout shifter/response3.html | 22 ++++ Namangoyal_layout/mostlyfluid/response1.css | 100 ++++++++++++++++++ Namangoyal_layout/mostlyfluid/response1.html | 23 ++++ 6 files changed, 304 insertions(+) create mode 100644 Namangoyal_layout/columndrop/response2.css create mode 100644 Namangoyal_layout/columndrop/response2.html create mode 100644 Namangoyal_layout/layout shifter/response3.css create mode 100644 Namangoyal_layout/layout shifter/response3.html create mode 100644 Namangoyal_layout/mostlyfluid/response1.css create mode 100644 Namangoyal_layout/mostlyfluid/response1.html diff --git a/Namangoyal_layout/columndrop/response2.css b/Namangoyal_layout/columndrop/response2.css new file mode 100644 index 0000000..39ad21f --- /dev/null +++ b/Namangoyal_layout/columndrop/response2.css @@ -0,0 +1,80 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:33%; + height:60%; +} + +.second{ + margin-left: 33%; + display: inline-block; + background-color:skyblue; + width:33%; + height:60%; + margin-top: -420px; + +} + +.third{ + margin-left: 66%; + background-color:aqua; + width:37%; + height:60%; + margin-top: -420px; +} + + + +@media(max-width:1250px){ + .first{ + width: 50%; + } + + .second{ + margin-top: -420px; + width: 50%; + margin-left:50%; + + } + + .third{ + height:60%; + width: 100%; + margin-top:0px; + margin-left:0; + } + +} + +@media(max-width:950px){ + + + .first{ + width:85%; + margin:0; + margin-top:420px; + } + .second { + width:85%; + margin:0; + margin-top:-840px; + + + } + .third { + width:85%; + margin:0; + margin:0; + + } + +} + diff --git a/Namangoyal_layout/columndrop/response2.html b/Namangoyal_layout/columndrop/response2.html new file mode 100644 index 0000000..fed5c52 --- /dev/null +++ b/Namangoyal_layout/columndrop/response2.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layout/layout shifter/response3.css b/Namangoyal_layout/layout shifter/response3.css new file mode 100644 index 0000000..4df7b67 --- /dev/null +++ b/Namangoyal_layout/layout shifter/response3.css @@ -0,0 +1,57 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:20%; + height:90%; +} + +.second{ + margin-left: 20%; + background-color:skyblue; + width:80%; + height:45%; + margin-top:-630px; + + +} + +.third{ + margin-left: 20%; + background-color:cyan; + width:80%; + height:45%; + margin-top:0%; +} + + + +@media(max-width:1000px){ + .first{ + width: 85%; + height: 33%; + } + + .second{ + + width: 85%; + height: 33%; + margin-left:0%; + margin-top:0px; + } + + .third{ + height: 33%; + width: 85%; + margin-top:0px; + margin-left:0; + } + +} diff --git a/Namangoyal_layout/layout shifter/response3.html b/Namangoyal_layout/layout shifter/response3.html new file mode 100644 index 0000000..eb1ab7d --- /dev/null +++ b/Namangoyal_layout/layout shifter/response3.html @@ -0,0 +1,22 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+ + +
+ + \ No newline at end of file diff --git a/Namangoyal_layout/mostlyfluid/response1.css b/Namangoyal_layout/mostlyfluid/response1.css new file mode 100644 index 0000000..b437e6c --- /dev/null +++ b/Namangoyal_layout/mostlyfluid/response1.css @@ -0,0 +1,100 @@ +.inner{ + /* display: inline; */ +width: 70%; +/* background-color:rgb(230, 233, 224); */ +height:700px; +margin-left:15%; +padding: 0; +} + +.first{ + background-color:blue; + width:60%; + height:60%; +} + +.second{ + margin-left: 60%; + display: inline-block; + background-color:skyblue; + width:40%; + height:60%; + margin-top: -420px; + +} + +.third{ + background-color:aqua; + width:40%; + height:40%; +} + +.fourth{ + background-color:cornflowerblue; + width:30%; + height:280px; + margin-top:-280px; + margin-left:40% +} + +.fifth{ + background-color:grey; + width:30%; + height:280px; + margin-top:-280px; + margin-left:70% +} + + +@media(max-width:1250px){ + .first{ width: 100%; + } + + .second{ + margin-top:0px; + width: 50%; + margin-left:0px; + height: 40%; + } + + .third{ + width: 50%; + margin-top:0px; + margin-top: -280px; + margin-left:50%; + } + + .fourth{ + width:50%; + margin: 0; + } + + .fifth{ + width:50%; + margin-left:50%; + } +} + +@media(max-width:950px){ + + + .first{ + width:85%; + } + .second { width:85%; + + } + .third { + width:85%; + margin:0; + } + .fourth{ + width:85%; + + } + .fifth{ + width:85%; + margin:0; + } +} + diff --git a/Namangoyal_layout/mostlyfluid/response1.html b/Namangoyal_layout/mostlyfluid/response1.html new file mode 100644 index 0000000..d7a4654 --- /dev/null +++ b/Namangoyal_layout/mostlyfluid/response1.html @@ -0,0 +1,23 @@ + + + + + + Page Title + + + + + +
+ + +
1
+
2
+
3
+
4
+
5
+ +
+ + \ No newline at end of file