From 85ac1c8cc4123c3ab4831286816911bc1f41153c Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 21 Mar 2022 14:02:02 +0600 Subject: [PATCH 1/5] nisa 01 --- Noor-E-Nisa/01/index.html | 71 ++++++++++++++++++++++++++++++ Noor-E-Nisa/01/style.css | 91 +++++++++++++++++++++++++++++++++++++++ Noor-E-Nisa/README.md.txt | 1 + Noor-E-Nisa/index.html | 16 +++++++ 4 files changed, 179 insertions(+) create mode 100644 Noor-E-Nisa/01/index.html create mode 100644 Noor-E-Nisa/01/style.css create mode 100644 Noor-E-Nisa/README.md.txt create mode 100644 Noor-E-Nisa/index.html diff --git a/Noor-E-Nisa/01/index.html b/Noor-E-Nisa/01/index.html new file mode 100644 index 0000000..4dbedf7 --- /dev/null +++ b/Noor-E-Nisa/01/index.html @@ -0,0 +1,71 @@ + + + + + + + Best Property in April + + + + + + + + + +
+

Best Property in April

+
+ +
+

+ + +

+
+ + +
+ + +
+
+ placeholder + +
+
+

Tokas Penthouse

+ Learn more +
+ +
+ +
+
+ placeholder + +
+
+

Tokas Penthouse

+ Learn more +
+ +
+ +
+
+ placeholder + +
+
+

Tokas Penthouse

+ Learn more +
+ +
+ +
+ + + \ No newline at end of file diff --git a/Noor-E-Nisa/01/style.css b/Noor-E-Nisa/01/style.css new file mode 100644 index 0000000..6d56afd --- /dev/null +++ b/Noor-E-Nisa/01/style.css @@ -0,0 +1,91 @@ +body{ + margin: 0; + padding: 0; + max-width: 100%; + font-family: 'Roboto', sans-serif; +} +.property-header{ + display: grid; + grid-template-columns: 2fr 2fr 1fr; +} + +.property-header h2{ + margin-left: 170px; + margin-top: 40px; + color: #101047; +} +.arrows{ + margin-top: 50px; +} +a{ + text-decoration: none; +} +img{ + border-radius: 10px; + padding: 5px; +} +.symbol{ + border: 1px solid #d4d4d4; + color: black; + padding: 10px; + font-size: 12px; + border-radius: 50%; +} + +.container{ + display: flex; + gap: 20px; + align-items: center; + justify-content: center; +} + +.box{ + display: flex; + border-radius: 10px; +} +.box h4{ + color: #101047; + +} +#box2{ + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 2px 20px 0 rgba(0, 0, 0, 0.1); +} +#box1, #box3{ + border: 1px solid #f2f2f2; +} + +.text{ + padding: 10px; +} +.text a{ + color: #696969; + +} + + +@media screen and (max-width: 400px) { + *{ + max-width: 100%; + } + .property-header{ + display: grid; + grid-template-columns: 2fr 1fr 1fr; + } + + .property-header h2{ + margin-left: 50px; + + } + + .container{ + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + justify-content: center; + } + .box{ + width: 80%; + box-sizing: border-box; + } +} diff --git a/Noor-E-Nisa/README.md.txt b/Noor-E-Nisa/README.md.txt new file mode 100644 index 0000000..8c8a70e --- /dev/null +++ b/Noor-E-Nisa/README.md.txt @@ -0,0 +1 @@ +Noor-E-Nisa diff --git a/Noor-E-Nisa/index.html b/Noor-E-Nisa/index.html new file mode 100644 index 0000000..e5cf760 --- /dev/null +++ b/Noor-E-Nisa/index.html @@ -0,0 +1,16 @@ + + + + + + + RixoTech / Noor-E-Nisa + + + + + \ No newline at end of file From 1030fff118a6113327250ff8a0834ac285bbb4d1 Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 21 Mar 2022 14:33:19 +0600 Subject: [PATCH 2/5] new commit --- index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/index.html b/index.html index df20684..708bd29 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,8 @@
  • Mintu Das
  • Md Mozahidul Islam
  • Firuz Kabir
    • +
  • Noor-E-Nisa
    • + From 3281ef66252c23276623e394d32ecccf0c9a1166 Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 21 Mar 2022 22:07:40 +0600 Subject: [PATCH 3/5] made the changes --- Noor-E-Nisa/01/index.html | 15 +--- Noor-E-Nisa/01/style.css | 176 +++++++++++++++++++++++++++++++++----- 2 files changed, 159 insertions(+), 32 deletions(-) diff --git a/Noor-E-Nisa/01/index.html b/Noor-E-Nisa/01/index.html index 4dbedf7..67cdfb7 100644 --- a/Noor-E-Nisa/01/index.html +++ b/Noor-E-Nisa/01/index.html @@ -11,7 +11,8 @@ - + +
    @@ -24,16 +25,12 @@

    Best Property in April

    -
    -
    - placeholder - -
    + placeholder

    Tokas Penthouse

    Learn more @@ -42,10 +39,8 @@

    Tokas Penthouse

    -
    - placeholder + placeholder -

    Tokas Penthouse

    Learn more @@ -54,10 +49,8 @@

    Tokas Penthouse

    -
    placeholder -

    Tokas Penthouse

    Learn more diff --git a/Noor-E-Nisa/01/style.css b/Noor-E-Nisa/01/style.css index 6d56afd..68d1140 100644 --- a/Noor-E-Nisa/01/style.css +++ b/Noor-E-Nisa/01/style.css @@ -1,26 +1,28 @@ body{ margin: 0; padding: 0; - max-width: 100%; font-family: 'Roboto', sans-serif; + } .property-header{ display: grid; - grid-template-columns: 2fr 2fr 1fr; + grid-template-columns: 3fr 3fr 2fr; + } .property-header h2{ - margin-left: 170px; margin-top: 40px; + margin-left: 160px; color: #101047; } .arrows{ - margin-top: 50px; + margin-top: 40px; + margin-left: 80px; } a{ text-decoration: none; } -img{ +.building-img{ border-radius: 10px; padding: 5px; } @@ -29,30 +31,29 @@ img{ color: black; padding: 10px; font-size: 12px; - border-radius: 50%; + border-radius: 70%; } .container{ display: flex; - gap: 20px; - align-items: center; justify-content: center; + align-items: center; + gap: 30px; } .box{ display: flex; border-radius: 10px; + border: 1px solid #f2f2f2; } .box h4{ color: #101047; } -#box2{ + +.box:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 2px 20px 0 rgba(0, 0, 0, 0.1); } -#box1, #box3{ - border: 1px solid #f2f2f2; -} .text{ padding: 10px; @@ -61,31 +62,164 @@ img{ color: #696969; } +@media(max-width: 350px){ + .property-header h2{ + position: relative; + left: 20px; + } + .arrows{ + display: flex; + flex-direction: row; + padding: 5px; + position: relative; + right: 20px; + } + + .symbol i{ + padding-top: 10px; + } + + .container{ + overflow: visible; + } + + .box{ + position: relative; + right: 40px; + } + +} @media screen and (max-width: 400px) { *{ - max-width: 100%; + overflow-x: hidden; + } + .property-header{ + display: flex; + + + } + .property-header h2{ + margin-left: 10px; + } + .container{ + display: inline-flex; + margin-left: 60px; + } + .arrows{ + overflow-x: visible; + } + .box{ + max-width: 250px; + margin-left: 30px; + } + +} + +@media (min-width: 640px) { + *{ + overflow-x: hidden; + + } + + .container{ + display: inline-flex; + margin-left: 40px; + gap: 20px; } .property-header{ display: grid; - grid-template-columns: 2fr 1fr 1fr; + grid-template-columns: 3fr 1fr 2fr; + } + .arrows{ + overflow-x: visible; + margin-right: 0px; } .property-header h2{ margin-left: 50px; - } - + .box{ + min-width: 350px; + height: 150px; + margin-left: 80px ; + margin-right: 80px; + } + + +} +/* md */ +@media (min-width: 768px) { + *{ + overflow-x: hidden; + } + .property-header{ + display: grid; + grid-template-columns: 2fr 1fr 2fr; + } + + .container{ + display: inline-flex; + justify-content: space-around; + gap: 40px; + margin-right: 40px; + } + .box{ + min-width: 450px; + margin-left: 150px; + margin-right: 190px; + } + .arrows{ + margin-left: 200px; + } + + +} +/* lg */ +@media (min-width: 1024px) { + + .property-header{ + display: grid; + grid-template-columns: 2fr 3fr 2fr; + } + + .container{ display: flex; - flex-direction: column; - flex-wrap: wrap; - align-items: center; + flex-direction: row; justify-content: center; + align-items: center; + margin-right: 20px; + gap: 30px; + margin-left: 40px; + margin-right: 40px; + + + } + .container >*{ + flex: 1; } + .box{ - width: 80%; - box-sizing: border-box; + min-width: 200px; + margin-left: 0; + margin-right: 0; + + } + +} +/* xl */ +@media (min-width: 1280px) { + .arrows{ + margin-left: 250px; } + +} +/* 2xl */ +@media (min-width: 1536px) { + .arrows{ + margin-left: 320px; + } + } From f8583e4ba60b863a035f2d247e19825f44949e56 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 25 Mar 2022 00:42:10 +0600 Subject: [PATCH 4/5] changes fixed --- index.html | 4 ---- 1 file changed, 4 deletions(-) diff --git a/index.html b/index.html index 7a30381..019a510 100644 --- a/index.html +++ b/index.html @@ -15,13 +15,9 @@
  • Mintu Das
  • Md Mozahidul Islam
  • Firuz Kabir
    • -<<<<<<< HEAD
  • Noor-E-Nisa
    • - -=======
  • MMR Ahmad
  • Nahid Sharmin
    • ->>>>>>> upstream/main From 4d11ad225a3e3fdcf960721454c84b7009df98be Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 25 Mar 2022 01:07:40 +0600 Subject: [PATCH 5/5] commited --- Noor-E-Nisa/01/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Noor-E-Nisa/01/style.css b/Noor-E-Nisa/01/style.css index 51d33a9..c3e2757 100644 --- a/Noor-E-Nisa/01/style.css +++ b/Noor-E-Nisa/01/style.css @@ -58,6 +58,7 @@ a{ border-radius: 10px; border: 1px solid #f2f2f2; cursor: pointer; + transition: all 0.3s ease; } .box h4{ color: #101047;