forked from Daniyal-Murtaza/html-css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-EX1.html
29 lines (26 loc) · 2.74 KB
/
css-EX1.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
<!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/EX1.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=Montserrat:wght@100;300&display=swap" rel="stylesheet">
<title>EXCERCISE 1</title>
</head>
<body>
<div class="bg-color1"><h1 class="text-green">Main Header</h1>
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul></div>
<div class="bg-color2"><h3 class="text-green">My First Blog</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet eaque ut, voluptas tempore nulla ipsam perspiciatis corrupti deserunt quidem dicta alias accusamus quisquam atque sapiente. Harum maxime quisquam quis mollitia nostrum nihil repellat atque at, inventore, molestiae, esse eaque in incidunt non temporibus suscipit tempore laborum unde deleniti natus nobis odit nam! Ipsa inventore nam nihil cum? <span>expedita nesciunt aliquam mollitia</span> quas enim quaerat odit molestiae, hic ullam rerum debitis laboriosam soluta et alias quia explicabo nulla ea dolorum assumenda, impedit quis. Vitae, reiciendis quas velit ipsam modi dolor officiis eaque quam recusandae ad hic ipsa architecto, corrupti repudiandae commodi ipsum tenetur numquam accusantium! Rem ipsam iste doloribus quisquam enim, nemo excepturi officiis sequi, dolorum laborum repudiandae incidunt, accusantium reprehenderit deserunt voluptatibus? Nemo blanditiis, porro eius distinctio fugiat in maiores aliquam autem tempore non quo repellat repellendus sed, sapiente eos nostrum quia, fugit eaque corporis quod dolorem. Quia, deserunt.
</p>
<h3 class="text-green">My Second Blog</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia, recusandae. Alias ullam ipsa odio eligendi reiciendis ab debitis! Repellat minus modi inventore voluptas expedita cum facilis voluptatum quo culpa blanditiis ab eum, laboriosam totam rerum harum non, odit corrupti nam vitae reiciendis quidem commodi iste consequatur? Explicabo, quam esse? Ab atque earum asperiores et. Quos, neque sed non minus, porro corporis aut veritatis deleniti qui illum voluptas est impedit velit error quibusdam dolore incidunt eius nobis excepturi adipisci? Fugit, rem facilis fuga labore delectus soluta eligendi officiis totam voluptate quod consectetur laboriosam, mollitia expedita a deleniti in odit neque repudiandae deserunt. Officiis facilis quia ipsa temporibus quidem modi magni rerum corporis! Enim, corporis autem ex vero qui consequuntur velit reiciendis?
</p></div>
</body>
</html>