forked from Daniyal-Murtaza/html-css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-Ex2.html
30 lines (26 loc) · 3.78 KB
/
css-Ex2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/Ex2.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<title>Exercise 2</title>
</head>
<!-- Margin collapse agr ho tou jo ziada bara hoga woh margin ayega -->
<body>
<main>
<h1>My Website</h1>
<div class="blog1">
<h3>SOMETHING ABOUT ME</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi ducimus reiciendis sit quasi dolore id corporis, recusandae autem sint commodi maxime blanditiis harum cum error, repellendus accusantium labore odio iusto ipsam sunt. Aperiam laboriosam qui incidunt maiores sit nisi consectetur fugit harum molestiae odio libero optio officia fuga ab, cupiditate autem sequi ipsum quibusdam? In eaque exercitationem ea, deleniti tempora recusandae nihil! Architecto expedita corrupti, enim natus quis eum? Cupiditate perferendis voluptatem esse consequuntur facilis aliquam sunt corporis alias eveniet sed harum, tempora voluptatum facere! Quibusdam eum nihil quia odit consectetur sapiente aspernatur iure ipsum optio possimus, et, magni dolorum vel incidunt? Esse quae autem iste. Minus exercitationem, reiciendis consequuntur perspiciatis id deserunt fuga mollitia distinctio laudantium veniam dignissimos delectus temporibus doloremque! Voluptatibus, explicabo dolores tempora officiis facere, rerum aliquam corrupti enim a quod maxime pariatur culpa labore assumenda excepturi iusto, nesciunt quo ad sit! Enim, eveniet atque sunt molestiae omnis error libero suscipit dolores commodi non repellat, ab, possimus eos perferendis consequuntur! Atque officia perferendis sapiente pariatur fuga impedit ab magni facere illo, sed eligendi, cupiditate quasi rem qui in non, deserunt quam repudiandae! Iste perspiciatis sint necessitatibus totam. Ipsam laborum dignissimos corrupti maxime, vero consequatur nobis. Odio, illum.</p>
</div>
<div class="blog2">
<h3>SOMETHING ABOUT LILY</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi ducimus reiciendis sit quasi dolore id corporis, recusandae autem sint commodi maxime blanditiis harum cum error, repellendus accusantium labore odio iusto ipsam sunt. Aperiam laboriosam qui incidunt maiores sit nisi consectetur fugit harum molestiae odio libero optio officia fuga ab, cupiditate autem sequi ipsum quibusdam? In eaque exercitationem ea, deleniti tempora recusandae nihil! Architecto expedita corrupti, enim natus quis eum? Cupiditate perferendis voluptatem esse consequuntur facilis aliquam sunt corporis alias eveniet sed harum, tempora voluptatum facere! Quibusdam eum nihil quia odit consectetur sapiente aspernatur iure ipsum optio possimus, et, magni dolorum vel incidunt? Esse quae autem iste. Minus exercitationem, reiciendis consequuntur perspiciatis id deserunt fuga mollitia distinctio laudantium veniam dignissimos delectus temporibus doloremque! Voluptatibus, explicabo dolores tempora officiis facere, rerum aliquam corrupti enim a quod maxime pariatur culpa labore assumenda excepturi iusto, nesciunt quo ad sit! Enim, eveniet atque sunt molestiae omnis error libero suscipit dolores commodi non repellat, ab, possimus eos perferendis consequuntur! Atque officia perferendis sapiente pariatur fuga impedit ab magni facere illo, sed eligendi, cupiditate quasi rem qui in non, deserunt quam repudiandae! Iste perspiciatis sint necessitatibus totam. Ipsam laborum dignissimos corrupti maxime, vero consequatur nobis. Odio, illum.</p>
</div>
</main>
</body>
</html>