From ee632b606d7a42013a0902f0517994c74f36251f Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 19 May 2025 22:25:51 +0530 Subject: [PATCH 01/10] Add files via upload --- index.html | 76 +++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 58 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index b31afbf..c4f5411 100644 --- a/index.html +++ b/index.html @@ -3,28 +3,68 @@ - Project 1 + Project 6 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
- + \ No newline at end of file From 5f215e7c82e26a6c0e40a202557e14e59c002434 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 19 May 2025 22:29:22 +0530 Subject: [PATCH 02/10] Add files via upload --- style.css | 241 ++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 178 insertions(+), 63 deletions(-) diff --git a/style.css b/style.css index a55070f..91bef61 100644 --- a/style.css +++ b/style.css @@ -1,77 +1,192 @@ +:root{ -* { + --primary:#ffff ; + --secondary: black; +} +*{ margin: 0; padding: 0; box-sizing: border-box; - } - body{ - background-color: #ebd6fb; - } - - .container { +} +body { + background-color: #ffff; +} + + + +.container { max-width: 1200px; - height: 800px; - background-color:white; - margin: 80px 60px; - } - - .box { + margin: 32px auto; +} + +.top_section { + background-color: var(--secondary); + min-width: 100%; + min-height: 216px; + border-radius: 16px; + display: flex; + flex-direction: column; + padding: 16px; + gap: 16px; + +} + +.circle_input_section { + display: flex; + background-color:var(--secondary); + height: 120px; + gap: 10px; + align-items: center; + padding: 10px; + + + .avatar { + border-radius: 100%; + height: 100px; + background: var(--primary); + width: 100px; + flex-shrink: 0; + } +.input { + border-radius: 64px; + height: 100px; + background: var(--primary); width: 100%; - height: 200px; - background-color: white; - } - - .box-container { + } + + +} + +.tag_info_section{ + background-color: var(--secondary); + height: 48px; display: flex; - - } - - .box1 { - background-color: #eec4dc; - } - - .box2 { - background-color:#e5a0c6 ; - } - .box3 { - background-color: #e27bb1; - } - .box4 { - background-color:#e2619f ; - } - .box5 { - background-color: #e44b8d; - } - .box6 { - background-color:#d24787 ; - } - .box7 { - background-color: #bb437e; - } - .box8 { - background-color: #a53e76; + gap: 14px; + justify-content: center; +} + +.tag_info{ + + display: flex; + gap: 16px; + width: 184px; + .square { + height: 48px; + width: 48px; + background-color: var(--primary); + flex-shrink: 0; + } + + .line_container{ + display: flex; + flex-direction: column; + width: 100%; + gap: 6px; } - - - @media screen and (width > 1200px) { - .container { - margin: 80px auto; - } + + .line{ + flex: 1; + + width: 100%; + background-color: var(--primary); } - - @media screen and (width < 1200px) and (width > 450px) { - .container { - margin: 40px 24px; +} + +.bottom_section { + margin-top: 40px; + min-height: 1100px; + background-color: var(--secondary); + display: flex; + flex-direction: column; + gap: 24px; + padding: 15px; + + +.user_info_container{ + + display: flex; + justify-content: space-between; + align-items: start; + + .user_info{ + display: flex; + gap: 12px; + + .avatar{ + height: 100px; + width:100px; + background: var(--primary); + flex-shrink: 0; + border-radius: 100%; + } + .details{ + display: flex; + flex-direction: column; + gap: 8px; + width: 232px; + padding: 8px; + + + .rect{ + + background-color: var(--primary); + height: 28px; + width: 100%; + } + + .line { + background-color: var(--primary); + height: 8px; + width: 100%; + } + + .more_details{ + display: flex; + gap: 4px; + height: 20px; + + .box1{ + width: 20px; + height: 20px; + background-color: var(--primary ); + } + .box2{ + width: 100%; + height: 100%; + background-color: var(--primary ); + } + } + } + } - - @media screen and (width < 450px) { - .container { - margin: 24px 16px; + + .controls{ + display: flex; + gap: 8px; + + + .control{ + + height: 24px; + width: 24px; + background-color: var(--primary); + flex-shrink: 0; } + + } - - - - \ No newline at end of file + +} + +} + + + + + + + + + From c286237b87f2419e6ee4084eb9fd9c47e9d094d4 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 19 May 2025 22:33:04 +0530 Subject: [PATCH 03/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 20a9bfd..4afa128 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout-1-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> From 1e943485603f8040b9ec84987c6a3c7cef10141f Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 20 May 2025 14:25:21 +0530 Subject: [PATCH 04/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4afa128..4668dd0 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> +View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ From 79bb716c33ad50a1528a2d122057fb97d16876a3 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 20 May 2025 20:19:41 +0530 Subject: [PATCH 05/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4668dd0..c7c6668 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ From 75c1c99ad8b6344edbc0afa2b549399d2e48f338 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:05:57 +0530 Subject: [PATCH 06/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c7c6668..5240b48 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ From 8feafc6908419bd025286e2c8eff829f3e299bd9 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:39:35 +0530 Subject: [PATCH 07/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 5240b48..40a8922 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ From 1bb65371b842f3dc685cec01276379daee1affa2 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 13:09:51 +0530 Subject: [PATCH 08/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 40a8922..75d3c98 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ From f7af342f8e4b68cb127c8c01249e57a740ce6a58 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 22:43:39 +0530 Subject: [PATCH 09/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 75d3c98..62ee008 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/ +View this layout projects click here >>https://layout6-html-css-by-subhajit.netlify.app/ From bb866748d1fb39536d5ff8672cca3398eec09634 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 2 Jun 2025 23:40:39 +0530 Subject: [PATCH 10/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 62ee008..40a8922 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >>https://layout6-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout6-html-css-by-subhajit.netlify.app/