mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 07:53:11 +01:00
149 lines
4.6 KiB
HTML
149 lines
4.6 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
|
<head>
|
|
<title>-</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
|
|
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />
|
|
</head>
|
|
<body>
|
|
|
|
<div id="sidebar">
|
|
|
|
<h1><a href="#">Gunmetal</a></h1>
|
|
|
|
<p>
|
|
|
|
A simple, fluid, light on dark template by <a href="http://www.sixshootermedia.com">Six Shooter Media</a>.
|
|
|
|
</p>
|
|
|
|
<ol id="nav">
|
|
|
|
<li><a href="#"><b>»</b>Introduction</a></li>
|
|
<li><a href="#"><b>»</b>About</a></li>
|
|
<li><a href="#"><b>»</b>Contact</a></li>
|
|
<li><a href="#"><b>»</b>Example Link</a></li>
|
|
<li><a href="#"><b>»</b>Example Link 2</a></li>
|
|
<li><a href="#"><b>»</b>Example Link 3</a></li>
|
|
|
|
</ol>
|
|
|
|
</div>
|
|
|
|
<div id="content">
|
|
|
|
<h2 class="first"><a href="#" id="intro">Introduction</a></h2>
|
|
|
|
<p class="postdata">
|
|
|
|
Posted on 01.01.05 by <a href="#">Author</a> || <a href="#">21 Comments</a>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
Hello and welcome to my latest Open Source template: <strong>Gunmetal</strong>. This template is something a little new for me in terms of template design, two key visual elements of this design are something I (amazingly) have yet to incorporate into one of my free templates. Those two elements are a Fluid Width and a Light on Dark colour scheme. Fluid Width? Yeah, this simply means that the content of the web page expands and contracts in accordance to the size of the browser window. Light on Dark? Yessir. All of my templates so far have been based on a light background with dark text, Gunmetal obviously, is the other way around!
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
The main aims of this template are to produce (as usual with my templates) something that looks as aesthetically appealing as possible whilst using as few images as I can, and also to create a page that is a pleasure to read in terms of typography.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<h2><a href="#" id="author">About the Author</a></h2>
|
|
|
|
<p class="postdata">
|
|
|
|
Posted on 01.01.05 by <a href="#">Author</a> || <a href="#">21 Comments</a>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
Hi! My names Jay and I'm a 20 year old web designer from England. My main projects are conducted through my website <a href="http://www.sixshootermedia.com">Six Shooter Media</a>, but I (obviously) also enjoy creating Open Source web templates for general use!
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
|
|
Another site of mine that you might find interesting if you're setting up a site with a free tmeplate like this is <a href="http://www.buyabutton.net">Buy a Button</a>. There, for a great price you can purchase a link to your site in the form of a button. This link will obviously provide you site with some additional traffic which is always nice! Anyway, <a href="http://www.buyabutton.net">Take a look</a>!
|
|
|
|
</p>
|
|
|
|
<h2>Some Examples</h2>
|
|
|
|
<p class="postdata">
|
|
|
|
Posted on 01.01.05 by <a href="#">Author</a> || <a href="#">21 Comments</a>
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
|
OK, here I'll just put some example html elements that you will most probably be using in your blog.
|
|
|
|
</p>
|
|
|
|
|
|
<h3>Blockquote Example</h3>
|
|
|
|
<blockquote>
|
|
|
|
<p>
|
|
|
|
Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
|
|
|
|
</p>
|
|
|
|
</blockquote>
|
|
|
|
|
|
<h3>List Example</h3>
|
|
|
|
<ul>
|
|
|
|
<li>Here</li>
|
|
<li>Is our friend</li>
|
|
<li>The list!</li>
|
|
|
|
</ul>
|
|
|
|
<h3>Image Example</h3>
|
|
|
|
<img src="http://www.sixshootermedia.com/ssm2/wp-content/themes/Six%20Shooter%20Media/images/logo.jpg" alt="" />
|
|
|
|
|
|
<h2><a href="#contact" id="contact">Contac</a>t</h2>
|
|
|
|
<p class="postdata">
|
|
|
|
Posted on 01.01.05 by <a href="#">Author</a> || <a href="#">21 Comments</a>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
If you decide to use this template please <a href="mailto:james%28at%29jameskoster.co.uk">drop me a line</a> to let me know! Don't hesitiate to get in touch if your interested in a custom template or just in any of my services in general. I look forward to hearing from you!
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div id="footer">
|
|
|
|
<!-- Please leave this line intact -->
|
|
Template design by <a href="http://www.sixshootermedia.com">Six Shooter Media</a>.<br />
|
|
<!-- you can delete below here -->
|
|
|
|
© All your copyright information here.
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |