hitecherik-gist/index.html

## index.html
<!--
	Created by Alexander Nielsen. alex@hitecherik.site11.com
-->
<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="Alexander Nielsen" />
		<title>Lorem Ipsum - Home Page</title>
		<style>
			body{
				padding: 50px 100px;
				margin: auto;
				background: #e3e3e3;
				font-family: Arial;
				font-size: 18px;
			}
			a, a:visited{
				color: #1F27F6;
				text-decoration: none;
			}
			a:hover{
				color: #171CB9;
				text-decoration: underline;
				font-weight: bold;
			}
			a:active{
				color: #111581;
				font-style: italic;
				font-weight: 1000px;
			}
			table{
				background: #5c5c5c;
			}
			tr > td{
				background: #999999;
				padding: 4px;
				margin: 4px;
			}
			tr.odd > td{
				background: #ffffff;
			}
			tr > th{
				background: black;
				color: white;
				font-weight: 100px;
				text-decoration: italic;
			}
			.right{
				float: right;
			}
			blockquote{
				border-left: 5px solid #666666;
				font-weight: 50px;
				font-style: italic;
				padding-left: 10px;
			}
			blockquote > cite{
				font-style: normal;
				padding: 5px 3px;
			}
		</style>
	</head>
	<body>
		<h1>Welcome to Lorem Ipsum!</h1>

		<!--body content here-->
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus laudantium saepe iure numquam enim deserunt doloribus sint id tempora quod. Aut est natus nihil non eligendi? Unde ducimus omnis aliquid!</p>
		<img src="http://placehold.it/200x150" alt="Placeholder Image: 200x150 px" class="right">
		<blockquote>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At quasi nostrum ducimus earum sint nisi soluta officiis repellat laboriosam aspernatur natus ratione incidunt debitis. Minus praesentium vero esse molestias nam.</p>
			<cite>- Lorim I. Dolor</cite>
		</blockquote>
		<ul>
			<li>Lorem</li>
			<li>Ipsum</li>
			<li>Dolor</li>
			<li><a href="#">Sit amet</a></li>
		</ul>
		<h2>Dolor Sit Amet?</h2>
		<table>
			<thead>
				<tr>
					<th>Lorem</th>
					<th>Ipsum</th>
					<th>Dolor</th>
				</tr>
			</thead>
			<tbody>
				<tr class="odd">
					<td>Lorem ipsum dolor sit amet</td>
					<td>Donec accumsan accumsan blandit. Etiam pretium scelerisque eros eu dignissim.</td>
					<td>Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</td>
				</tr>
				<tr>
					<td colspan="2">Nam placerat leo neque, eu placerat mauris. Nam in metus sapien, sit amet cursus odio. Sed consectetur metus sit amet nulla porta eget placerat sem porttitor. Phasellus rhoncus nisi eu turpis vehicula porttitor.</td>
					<td>Fusce sodales arcu ut turpis lobortis egestas. Etiam pellentesque, odio id euismod feugiat, erat lacus dictum lectus, vitae condimentum purus arcu sed urna.</td>
				</tr>
				<tr class="odd">
					<td>Lorem ipsum dolor sit amet</td>
					<td>Donec accumsan accumsan blandit. Etiam pretium scelerisque eros eu dignissim.</td>
					<td>Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
	<!--
	Created by Alexander Nielsen. alex@hitecherik.site11.com
	-->
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="author" content="Alexander Nielsen" />
	<title>Lorem Ipsum - Home Page</title>
	<style>
	body{
	padding: 50px 100px;
	margin: auto;
	background: #e3e3e3;
	font-family: Arial;
	font-size: 18px;
	}
	a, a:visited{
	color: #1F27F6;
	text-decoration: none;
	}
	a:hover{
	color: #171CB9;
	text-decoration: underline;
	font-weight: bold;
	}
	a:active{
	color: #111581;
	font-style: italic;
	font-weight: 1000px;
	}
	table{
	background: #5c5c5c;
	}
	tr > td{
	background: #999999;
	padding: 4px;
	margin: 4px;
	}
	tr.odd > td{
	background: #ffffff;
	}
	tr > th{
	background: black;
	color: white;
	font-weight: 100px;
	text-decoration: italic;
	}
	.right{
	float: right;
	}
	blockquote{
	border-left: 5px solid #666666;
	font-weight: 50px;
	font-style: italic;
	padding-left: 10px;
	}
	blockquote > cite{
	font-style: normal;
	padding: 5px 3px;
	}
	</style>
	</head>
	<body>
	<h1>Welcome to Lorem Ipsum!</h1>

	<!--body content here-->
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus laudantium saepe iure numquam enim deserunt doloribus sint id tempora quod. Aut est natus nihil non eligendi? Unde ducimus omnis aliquid!</p>
	<img src="http://placehold.it/200x150" alt="Placeholder Image: 200x150 px" class="right">
	<blockquote>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At quasi nostrum ducimus earum sint nisi soluta officiis repellat laboriosam aspernatur natus ratione incidunt debitis. Minus praesentium vero esse molestias nam.</p>
	<cite>- Lorim I. Dolor</cite>
	</blockquote>
	<ul>
	<li>Lorem</li>
	<li>Ipsum</li>
	<li>Dolor</li>
	<li><a href="#">Sit amet</a></li>
	</ul>
	<h2>Dolor Sit Amet?</h2>
	<table>
	<thead>
	<tr>
	<th>Lorem</th>
	<th>Ipsum</th>
	<th>Dolor</th>
	</tr>
	</thead>
	<tbody>
	<tr class="odd">
	<td>Lorem ipsum dolor sit amet</td>
	<td>Donec accumsan accumsan blandit. Etiam pretium scelerisque eros eu dignissim.</td>
	<td>Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</td>
	</tr>
	<tr>
	<td colspan="2">Nam placerat leo neque, eu placerat mauris. Nam in metus sapien, sit amet cursus odio. Sed consectetur metus sit amet nulla porta eget placerat sem porttitor. Phasellus rhoncus nisi eu turpis vehicula porttitor.</td>
	<td>Fusce sodales arcu ut turpis lobortis egestas. Etiam pellentesque, odio id euismod feugiat, erat lacus dictum lectus, vitae condimentum purus arcu sed urna.</td>
	</tr>
	<tr class="odd">
	<td>Lorem ipsum dolor sit amet</td>
	<td>Donec accumsan accumsan blandit. Etiam pretium scelerisque eros eu dignissim.</td>
	<td>Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</td>
	</tr>
	</tbody>
	</table>
	</body>
	</html>