From 5ba7670cf79b9de3d92eb096db8fe848b317b483 Mon Sep 17 00:00:00 2001 From: rupeshbangar Date: Mon, 23 Feb 2026 23:23:10 +0530 Subject: [PATCH] CSS Basics --- Week-01/Day_03/index.html | 33 ++++++++++++++++++++++++++ Week-01/Day_03/style.css | 50 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 83 insertions(+) create mode 100644 Week-01/Day_03/index.html create mode 100644 Week-01/Day_03/style.css diff --git a/Week-01/Day_03/index.html b/Week-01/Day_03/index.html new file mode 100644 index 0000000..eda37f5 --- /dev/null +++ b/Week-01/Day_03/index.html @@ -0,0 +1,33 @@ + + + + + Day 3 CSS Task + + + + + + +
+

My Internship Journey

+ +
+

About Me

+

I am learning CSS today to make my web pages look beautiful and organized.

+
+ +
+

Skills I am Learning

+
    +
  • HTML5 Structure
    • +
  • CSS3 Basics
    • +
  • JavaScript Logic
    • +
+
+ + Contact Me +
+ + + \ No newline at end of file diff --git a/Week-01/Day_03/style.css b/Week-01/Day_03/style.css new file mode 100644 index 0000000..1c10289 --- /dev/null +++ b/Week-01/Day_03/style.css @@ -0,0 +1,50 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #f4f4f9; + color: #333; + line-height: 1.6; + margin: 0; + padding: 20px; +} + +.container { + max-width: 600px; + margin: 0 auto; +} + +.card { + background: white; + padding: 20px; + margin-bottom: 20px; + border-radius: 8px; + border-left: 5px solid #007bff; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); +} + +h1 { + color: #007bff; + text-align: center; +} + +.skills-list { + list-style-type: square; +} + +.active { + color: green; + font-weight: bold; +} + +.btn { + display: inline-block; + background: #007bff; + color: white; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; + transition: background 0.3s; +} + +.btn:hover { + background: #0056b3; +} \ No newline at end of file