From f780fbd14b71db686632bdee419a566e67029148 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Sun, 11 May 2025 21:38:46 +0530 Subject: [PATCH 01/11] Add files via upload --- index.html | 109 +++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 90 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index b31afbf..a96546b 100644 --- a/index.html +++ b/index.html @@ -3,28 +3,99 @@ - Project 1 + Project 4 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file From 4992c497baf1b4132c9014e68e93b7627440bbe5 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Sun, 11 May 2025 21:40:34 +0530 Subject: [PATCH 02/11] Add files via upload --- style.css | 172 +++++++++++++++++++++++++++++++++--------------------- 1 file changed, 107 insertions(+), 65 deletions(-) diff --git a/style.css b/style.css index a55070f..dc54e3d 100644 --- a/style.css +++ b/style.css @@ -1,77 +1,119 @@ +:root{ + --body: rgb(231, 124, 143); + --brown : rgb(116, 10, 10); + --red :rgb(207, 44, 44); + --card:#ffd8d8; -* { +} +*{ margin: 0; padding: 0; box-sizing: border-box; - } - body{ - background-color: #ebd6fb; - } - - .container { +} + +body{ + background-color:var(--body); +} +.container{ max-width: 1200px; - height: 800px; - background-color:white; - margin: 80px 60px; - } - - .box { + margin: 0 auto; + padding: 33px 16px; +} +nav{ + + background-color: var(--brown); + +} +.navigation { + display: flex; + height: 100%; + align-items: center; + justify-content: space-between; + min-height: 93px; +} +.left-nav{ + display: flex; + max-width: 488px; + height:100% ; width: 100%; - height: 200px; - background-color: white; - } - - .box-container { + gap: 8px; + align-items: center; + +} + +.logo { + background: var(--red); + height: 40px; + min-width: 160px; +} + +.link { + background: var(--red); + height: 40px; + width: 100%; +} +.avatar { + background: var(--red); + height: 64px; + width: 64px; + border-radius: 100%; +} + +main{ + padding-top: 36px; display: flex; + flex-direction: column; + gap: 24px; +} +.card{ + background-color: var(--card); + padding: 24px; + border-radius: 12px; + display: flex; + gap: 24px; +} + +.circle{ + background-color: var(--red); + border-radius: 100%; + height: 100px; + width: 100px; +} + + +.line{ + height: 24px; + width: 100%; + background-color: var(--brown); +} +.line-container{ + display: flex; + flex-direction: column; + gap: 12px; + width: 100%; +} + +@media screen and ( width > 1200px){ + +} + +@media screen and ( width < 1200px) and (width > 450px ){ - } - - .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; - } - - - @media screen and (width > 1200px) { - .container { - margin: 80px auto; + +} +@media screen and ( width < 600px){ +.logo { + background: var(--red); + height: 40px; + min-width: 70px; } - } - - @media screen and (width < 1200px) and (width > 450px) { - .container { - margin: 40px 24px; + .avatar{ + height: 48px; + width: 48px; } - } - - @media screen and (width < 450px) { - .container { - margin: 24px 16px; + .left-nav{ + max-width: 266px; } - } - - +} + - - \ No newline at end of file From 6f0f148a9ba91ba34ffef07f705b77b198dbf94e Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Sun, 11 May 2025 21:41:27 +0530 Subject: [PATCH 03/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a97baf8..22af923 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 b1d5d499047d94c3ecb63adccaf5765c39fde25d Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 12 May 2025 19:48:09 +0530 Subject: [PATCH 04/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 22af923..3b683ba 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://layout4-html-css-by-subhajit.netlify.app/ From b7be28dec7f68eb31860a29dbd287d8254cac8b3 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 13 May 2025 23:02:26 +0530 Subject: [PATCH 05/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 3b683ba..3efc70d 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ From eaabee46868aa9e7def8ccacc9180618f2e6b25f Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 20 May 2025 20:19:22 +0530 Subject: [PATCH 06/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 3efc70d..6e1b96a 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ From fcf39566768ae0753c9f125541ea6d6a565d312e Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:04:51 +0530 Subject: [PATCH 07/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6e1b96a..7cdd064 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ From a77eb45d8ea0356a9bf80bcc8d3821ec95a3b3d4 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:38:58 +0530 Subject: [PATCH 08/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7cdd064..4f1a4d6 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ From d47bf91d25f800700999e28ca8d9f4a96879a26e Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 13:09:35 +0530 Subject: [PATCH 09/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4f1a4d6..6e1b96a 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ From b847c4a2463173133307d76592599cba45e56dc1 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 22:42:37 +0530 Subject: [PATCH 10/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6e1b96a..2bd0bb8 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >>https://layout4-html-css-by-subhajit.netlify.app/ From a6994b7762c5149ce9f8feaacb98c8a109eccd63 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 2 Jun 2025 23:39:06 +0530 Subject: [PATCH 11/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 2bd0bb8..4f1a4d6 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >>https://layout4-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout4-html-css-by-subhajit.netlify.app/