Week 1 Day 4: CSS fundamentals and basic styling
This commit is contained in:
46
Week-1/Day-4/index.html
Normal file
46
Week-1/Day-4/index.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Fundamentals Practice</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header id="main-header">
|
||||
<h1>CSS Fundamentals</h1>
|
||||
<p>Week 1 – Day 4 Practice</p>
|
||||
</header>
|
||||
|
||||
<section class="content">
|
||||
<h2>About CSS</h2>
|
||||
<p class="description">
|
||||
CSS is used to style HTML elements and improve the visual appearance
|
||||
of web pages. It allows developers to control layout, spacing, colors,
|
||||
fonts, and overall design.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<h2>Topics Practiced</h2>
|
||||
<ul>
|
||||
<li>CSS Selectors</li>
|
||||
<li>Box Model</li>
|
||||
<li>Text Styling</li>
|
||||
<li>Colors and Background</li>
|
||||
<li>Display and Position</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<div class="box-container">
|
||||
<div class="box">Box One</div>
|
||||
<div class="box">Box Two</div>
|
||||
<div class="box">Box Three</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>Internship Practice – Week 1</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user