Orientation, Overview of Web Development

This commit is contained in:
2026-02-23 22:42:56 +05:30
parent e934274eb8
commit b818fce308
19 changed files with 0 additions and 809 deletions

View File

@@ -1,33 +0,0 @@
<!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>

View File

@@ -1,50 +0,0 @@
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;
}