rupeshbangar/Web-Development
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS Basics

Browse Source
This commit is contained in:
rupeshbangar
2026-02-23 23:23:10 +05:30
parent a94115ac6b
commit 5ba7670cf7
2 changed files with 83 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
Week-01/Day_03/index.html Normal file
View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Day 3 CSS Task</title>
<!-- Linking the external CSS file -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>My Internship Journey</h1>
<section class="card">
<h2>About Me</h2>
<p>I am learning <strong>CSS</strong> today to make my web pages look beautiful and organized.</p>
</section>
<section class="card">
<h2>Skills I am Learning</h2>
<ul class="skills-list">
<li>HTML5 Structure</li>
<li class="active">CSS3 Basics</li>
<li>JavaScript Logic</li>
</ul>
</section>
<a href="#" class="btn">Contact Me</a>
</div>
</body>
</html>

50
Week-01/Day_03/style.css Normal file
View File

@@ -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;
}