CSS project test

html

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<div class="div1">
		<h1>JQuery Tutorial</h1>
	</div>

		<div class="div2">
		<h3>Home</h3>
		<h3>JQueary</h3>
	</div>


		<h2>JQuery Tutorial</h2>
		<ol>
			<li>Hello world application</li>
			<li>JQuery selectors</li>
			</ol>
			<ul>
				<li>Tag selector</li>
				<li>Class Basics</li>
			</ul>
			<p class="lol">CSS Class selector <hr>
			<p class="exit">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales vitae ex vel iaculis. Duis dignissim auctor libero, vel pulvinar mi fermentum vitae. Fusce condimentum felis magna, sagittis sagittis risus condimentum sed. Nullam pharetra quis ante in vulputate. Maecenas consectetur, justo id molestie commodo, neque erat sodales eros, id aliquam dui sem eget magna. Vivamus et lacus gravida, aliquet lorem vitae, mattis sapien. Vestibulum tristique cursus leo at scelerisque. Nulla efficitur quam metus, id euismod urna mollis sit amet. Nulla congue ligula eu urna ornare eleifend. Fusce ac congue lectus, bibendum cursus lorem.
				<ul>
			<li><p class="exit2">Mauris mollis mollis tortor placerat dignissim. Curabitur lacinia gravida massa vitae ornare. Maecenas rhoncus, sapien a interdum egestas, elit sem condimentum libero, pretium ornare massa nunc quis sem. Sed ut vestibulum mauris, ac consectetur arcu. Quisque aliquet maximus nibh eu vehicula.</li><li> Nulla ut elementum ex. Nunc sapien neque, ultricies eget molestie et, sagittis et lorem. Vivamus accumsan blandit sagittis. Ut eget elit risus. Aliquam aliquam, turpis quis aliquam congue, neque enim iaculis neque, sit amet eleife</li><li>nd ante massa sed lorem. Ut pretium, sem eu condimentum cursus, dui massa mattis diam, id vestibulum tellus leo a nisl.</li>

			<br>
			<p class="open">Nam purus eros, pharetra at tincidunt quis, imperdiet ut lorem. In dictum facilisis diam. Suspendisse aliquet tristique nisl quis vehicula. Sed nec porttitor leo, sed feugiat lacus. Sed ut tincidunt ante. Fusce neque tellus, suscipit semper libero nec, interdum consequat purus. Nunc id tempor tortor, id ultrices mi. Cras sed ultrices libero, et vestibulum tellus. Donec commodo diam vitae enim condimentum lacinia. In vitae pellentesque orci, sit amet accumsan purus. Integer ut dolor augue. Fusce leo ex, laoreet quis lectus et, auctor fermentum magna. Praesent non bibendum mauris, id finibus ipsum. Mauris venenatis, est id eleifend ullamcorper, neque urna lacinia arcu, quis malesuada risus massa et neque. Donec ac vulputate sapien. Duis commodo sagittis elit, a luctus tortor lacinia sed.
				<br><p class="open2">Proin sit amet justo urna. Suspendisse potenti. Quisque malesuada gravida dolor, sit amet porta sapien. Mauris at diam eget justo tincidunt pulvinar id in lectus. Nam at ornare felis. Praesent vel purus pretium, interdum mi vitae, suscipit quam. Aenean ultricies blandit odio, ut ornare sem sollicitudin non. Nam tempus leo sem, sed hendrerit odio venenatis a. Donec vitae lacinia libero. Quisque ut mauris a massa elementum efficitur. Proin imperdiet nibh sit amet metus dignissim, eleifend pellentesque justo posuere.

css body {
	font-family: arial;
}
h1 {
	background-color: blue;
	color: white;ž

}
h3 {
	background-color: darkblue;
	color: white;
}
.lol {
	margin-left: 350px;
	color: gray;
}
.lol2 {
	background-color: yellow;
}
.exit {
	color: gray;
	background-color: black;
}
.div1 {
	padding: 10px 0;
	background-color: blue;
}
.div2 {
	padding: 10px 0;
	background-color: darkblue;
}

.open {
	background-color: lightgreen;
	color: black;
}
.open2 {
	background-color: gray;
	text-transform: capitalize;
}