You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.5 KiB
52 lines
1.5 KiB
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Variables</title>
|
|
|
|
<meta name="author" content="Kenneth John Odle">
|
|
<meta name="description" content="Examples of how to use variables in CSS">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<style>
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>This is an H1 Element</h1>
|
|
|
|
<h2>This is an H2 Element</h2>
|
|
|
|
<h3>This is an H3 Element</h3>
|
|
|
|
<h4>This is an H4 Element</h4>
|
|
|
|
<h4>Below is a paragraph</h4>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate a erat id vehicula. Vestibulum viverra pulvinar velit non cursus. Curabitur euismod ullamcorper pellentesque. Quisque ac purus faucibus, dapibus diam suscipit, euismod enim. Curabitur aliquet enim sed metus rhoncus tempus. Etiam eget faucibus quam.
|
|
</p>
|
|
|
|
<h4>Below is another paragraph</h4>
|
|
<p>
|
|
Phasellus vitae convallis nibh. Quisque laoreet nulla tempus accumsan fermentum. Duis consequat velit vel enim cursus, efficitur lobortis enim ultricies. Aliquam vel lacinia turpis, vel eleifend libero. Aenean interdum eros tincidunt congue malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
|
|
</p>
|
|
|
|
<h4>This is an unordered list</h4>
|
|
<ul>
|
|
<li>puppies</li>
|
|
<li>kittens</li>
|
|
<li>bunnies</li>
|
|
</ul>
|
|
|
|
<h4>This is an ordered list</h4>
|
|
<ul>
|
|
<li>puppies</li>
|
|
<li>kittens</li>
|
|
<li>bunnies</li>
|
|
</ul>
|
|
</body>
|
|
|
|
</html>
|