index.html

<!DOCTYPE html>
<html lang="en">


<head>
	<title>Website Template | Simple Folder Style | Html | Css | Home Page</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>


<body style="background-image: url('images/banner-sky.jpg');background-repeat:repeat-x;">
    <div class="box">


	<div class="row header">
		<div class="header-tabs">
			<div class="tab-container">
				<a href="index.html">
 					<img src="images/button-current-short.png" onMouseOver="this.src='images/button-hover-current-short.png'" onMouseOut="this.src='images/button-current-short.png'" onclick="this.src='images/button-click-short.png'" alt="References" height="35">
				</a>
			<div class="tab-text current-tab">Home</div>
			</div>
			<div class="tab-container">
				<a href="about/index.html">
					<img src="images/button-noncurrent-normal.png" onMouseOver="this.src='images/button-hover-noncurrent-normal.png'" onMouseOut="this.src='images/button-noncurrent-normal.png'" onclick="this.src='images/button-click-normal.png'" alt="References" height="35">
				</a>
			<div class="tab-text">About</div>
			</div>
			<div class="tab-container">
				<a href="references/index.html">
					<img src="images/button-noncurrent-medium.png" onMouseOver="this.src='images/button-hover-noncurrent-medium.png'" onMouseOut="this.src='images/button-noncurrent-medium.png'" onclick="this.src='images/button-click-medium.png'" alt="References" height="35">
				</a>
			<div class="tab-text">References</div>
			</div>
			<div class="tab-container">
				<a href="contact/index.html">
					<img src="images/button-noncurrent-long.png" onMouseOver="this.src='images/button-hover-noncurrent-long.png'" onMouseOut="this.src='images/button-noncurrent-long.png'" onclick="this.src='images/button-click-long.png'" alt="References" height="35">
				</a>
			<div class="tab-text">Contact (Long Tab)</div>
		</div>
        </div>


		<div class="header-banner">
		</div>
	</div>


	<div class="row content">
		<div class="content-text">
			<h1>Home:</h1>
			<hr>
			<h2>Heading (h2):</h2>
			<p>Place your text here, place your text here, place your text here, place your text here, 
			place your text here, place your text here, place your text here, place your text here, 
			place your text here, place your text here, place your text here, place your text here, 
			place your text here, place your text here, place your text here, place your text here, 
			place your text here, place your text here, place your text here, place your text here,
			place your text here, <i>place your text here, </i>place your text here, <i>place your text here.</i></p>
			<br />

			<h3>Heading (h3):</h3>
			<p>Place your text here.</p>
			<p>Sample medium-sized text.</p>
			<br />

			<h3>By (h3)</h3>
			<p>Place your text here.</p>
			<br />

			<h3>Downloads:</h3>
			<p>Files included:</p>
			<ul>
				<li>test-file-1.txt</li>
				<li>test-file-2.txt</li>
				<li>test-file-3.txt</li>
			</ul>	
			<br />
			
			<div class="download-button">
				<a href="downloads/simple_website_template_folder_style_v1.zip" download style="color:white; text-decoration:none">
				<span>Download &nbsp;&nbsp;&nbsp;&nbsp;</span>
				<img style="vertical-align:middle" src="images/download-icon-1.png" alt="image" height="25">
				</a>
			</div>
			

			<br />
			<br />
			<br />
			<br />
			<br />
			<br />


 	      		<div class="float-right">
				<content-image>
				<a href="images/test-image-1.jpg">
				<img src="images/test-image-1.jpg" width="300" />
				<br /><br />test-image-1 (float-right)</a>
				</content-image>
			</div>


			<p class="content-text-no-line-space">
			<a href="images/test-image-1.jpg">
			List Link 1. (test-image-1)</a></p>

			<p class="content-text-no-line-space">
			<a href="images/test-image-2.jpg">
			List Link 2. (test-image-2)</a></p>

			<p class="content-text-no-line-space">
			<a href="images/test-image-3.jpg">
			List Link 3. (test-image-3)</a></p>

			<p class="content-text-no-line-space">
			<a href="images/test-image-3.jpg">
			List Link 4. (test-image-3)</a></p>


			<br />
			<br />
 			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
 			<br />
			<br />
			<br />
			<br />
 			<br />


 	     		<div>
				<content-image>
				<a href="images/test-image-2.jpg">
			        <img src="images/test-image-2.jpg" width="500" />
				<br /><br />test-image-2 (text-aligned)</a>
				</content-image>
			</div>


	       		<div class="center">
				<content-image>
				<a href="images/test-image-2.jpg">
			        <img src="images/test-image-2.jpg" width="500" />
				<br /><br />test-image-2 (centered)</a>
				</content-image>
			</div>


	       		<div class="align-right">
				<content-image>
				<a href="images/test-image-2.jpg">
			        <img src="images/test-image-2.jpg" width="500" />
				<br /><br />test-image-2 (align-right)</a>
				</content-image>
			</div>


 	      		<div class="center">
				<content-image-spaced>
				<a href="images/test-image-3.jpg">
			        <img src="images/test-image-3.jpg" width="400" />
				<br /><br />test-image-3 (centered grid)</a>
				</content-image-spaced>

				<content-image-spaced>
				<a href="images/test-image-3.jpg">
				<img src="images/test-image-3.jpg" width="400" />
				<br /><br />test-image-3 (centered grid)</a>
				</content-image-spaced>

				<content-image-spaced>
				<a href="images/test-image-3.jpg">
				<img src="images/test-image-3.jpg" width="400" />
				<br /><br />test-image-3 (centered grid)</a>
				</content-image-spaced>
			</div>
		</div>
	</div>


	<div class="row footer">
       		<div class="footer">
			<a href="index.html" class="current-page">Home</a> |
			<a href="about/index.html">About</a> |
			<a href="references/index.html">References</a> |
			<a href="contact/index.html">Contact</a> &nbsp; 
			<p>Copyright © your copyright here. All Rights Reserved.</p>
		</div>
	</div>


    </div>
</body>
</html>