mirror of
https://github.com/jcreek/Assassins-Mission-Control.git
synced 2026-07-12 18:43:43 +00:00
Committing the current version
This version works and has been tested in a full game with over 50 players however there isn’t as yet a proper admin backend and many activities require the admin to fiddle with html or SQL at the moment.
This commit is contained in:
jcreek
+5
@@ -0,0 +1,5 @@
|
||||
[{000214A0-0000-0000-C000-000000000046}]
|
||||
Prop3=19,2
|
||||
[InternetShortcut]
|
||||
IDList=
|
||||
URL=http://www.html5webtemplates.co.uk/
|
||||
Executable
+14
@@ -0,0 +1,14 @@
|
||||
Thanks for downloading this template from HTML5WebTemplates.co.uk
|
||||
|
||||
I hope that it suits your needs.
|
||||
|
||||
If you wish to remove the footer link (to http://www.html5webtemplates.co.uk) I ask that you make a donation of £15. Please make all donations here (also provided as a shortcut in the zip file):
|
||||
|
||||
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HXTDPXW8VUZQL
|
||||
|
||||
Also, if you have any questions please feel free to e-mail me at contact@html5webtemplates.co.uk
|
||||
|
||||
Happy web designing!
|
||||
|
||||
Chuck Anderson
|
||||
HTML5WebTemplates.co.uk
|
||||
@@ -0,0 +1,5 @@
|
||||
[{000214A0-0000-0000-C000-000000000046}]
|
||||
Prop3=19,11
|
||||
[InternetShortcut]
|
||||
URL=https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HXTDPXW8VUZQL
|
||||
IDList=
|
||||
Executable
+75
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>simplestyle_7</title>
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&v1" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div id="logo">
|
||||
<h1>simplestyle<a href="#">_7</a></h1>
|
||||
<div class="slogan">Cool slogan goes here!</div>
|
||||
</div>
|
||||
<div id="menubar">
|
||||
<ul id="menu">
|
||||
<!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="examples.html">Examples</a></li>
|
||||
<li><a href="page.html">A Page</a></li>
|
||||
<li class="current"><a href="another_page.html">Another Page</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div id="sidebar_container">
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<!-- insert your sidebar items here -->
|
||||
<h3>Latest News</h3>
|
||||
<h4>What's the News?</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>Put your latest news item here, or anything else you would like in the sidebar!<br /><a href="#">Read more</a></p>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Newsletter</h3>
|
||||
<p>If you would like to receive our newletter, please enter your email address and click 'Subscribe'.</p>
|
||||
<form method="post" action="#" id="subscribe">
|
||||
<p style="padding: 0 0 9px 0;"><input class="search" type="text" name="email_address" value="your email address" onclick="javascript: document.forms['subscribe'].email_address.value=''" /></p>
|
||||
<p><input class="subscribe" name="subscribe" type="submit" value="Subscribe" /></p>
|
||||
</form>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Latest Blog</h3>
|
||||
<h4>Website Goes Live</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>We have just launched our new website. Take a look around, we'd love to know what you think.....<br /><a href="#">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<!-- insert the page content here -->
|
||||
<h1>Another Page</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>Copyright © simplestyle_7 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">design from HTML5webtemplates.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Executable
+79
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>simplestyle_7</title>
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&v1" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div id="logo">
|
||||
<h1>simplestyle<a href="#">_7</a></h1>
|
||||
<div class="slogan">Cool slogan goes here!</div>
|
||||
</div>
|
||||
<div id="menubar">
|
||||
<ul id="menu">
|
||||
<!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="examples.html">Examples</a></li>
|
||||
<li><a href="page.html">A Page</a></li>
|
||||
<li><a href="another_page.html">Another Page</a></li>
|
||||
<li class="current"><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div id="sidebar_container">
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<!-- insert your sidebar items here -->
|
||||
<h3>Latest News</h3>
|
||||
<h4>What's the News?</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>Put your latest news item here, or anything else you would like in the sidebar!<br /><a href="#">Read more</a></p>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Newsletter</h3>
|
||||
<p>If you would like to receive our newletter, please enter your email address and click 'Subscribe'.</p>
|
||||
<form method="post" action="#" id="subscribe">
|
||||
<p style="padding: 0 0 9px 0;"><input class="search" type="text" name="email_address" value="your email address" onclick="javascript: document.forms['subscribe'].email_address.value=''" /></p>
|
||||
<p><input class="subscribe" name="subscribe" type="submit" value="Subscribe" /></p>
|
||||
</form>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Latest Blog</h3>
|
||||
<h4>Website Goes Live</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>We have just launched our new website. Take a look around, we'd love to know what you think.....<br /><a href="#">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<!-- insert the page content here -->
|
||||
<h1>Contact Us</h1>
|
||||
<p>Below is an example of how a contact form might look with this template:</p>
|
||||
<form action="#" method="post">
|
||||
<div class="form_settings">
|
||||
<p><span>Name</span><input class="contact" type="text" name="your_name" value="" /></p>
|
||||
<p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p>
|
||||
<p><span>Message</span><textarea class="contact textarea" rows="8" cols="50" name="your_enquiry"></textarea></p>
|
||||
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="contact_submitted" value="submit" /></p>
|
||||
</div>
|
||||
</form>
|
||||
<p><br /><br />NOTE: A contact form such as this would require some way of emailing the input to an email address.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>Copyright © simplestyle_7 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">design from HTML5webtemplates.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Executable
+135
@@ -0,0 +1,135 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>simplestyle_7</title>
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&v1" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div id="logo">
|
||||
<h1>simplestyle<a href="#">_7</a></h1>
|
||||
<div class="slogan">Cool slogan goes here!</div>
|
||||
</div>
|
||||
<div id="menubar">
|
||||
<ul id="menu">
|
||||
<!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current"><a href="examples.html">Examples</a></li>
|
||||
<li><a href="page.html">A Page</a></li>
|
||||
<li><a href="another_page.html">Another Page</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div id="sidebar_container">
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<!-- insert your sidebar items here -->
|
||||
<h3>Latest News</h3>
|
||||
<h4>What's the News?</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>Put your latest news item here, or anything else you would like in the sidebar!<br /><a href="#">Read more</a></p>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Newsletter</h3>
|
||||
<p>If you would like to receive our newletter, please enter your email address and click 'Subscribe'.</p>
|
||||
<form method="post" action="#" id="subscribe">
|
||||
<p style="padding: 0 0 9px 0;"><input class="search" type="text" name="email_address" value="your email address" onclick="javascript: document.forms['subscribe'].email_address.value=''" /></p>
|
||||
<p><input class="subscribe" name="subscribe" type="submit" value="Subscribe" /></p>
|
||||
</form>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Latest Blog</h3>
|
||||
<h4>Website Goes Live</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>We have just launched our new website. Take a look around, we'd love to know what you think.....<br /><a href="#">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<!-- insert the page content here -->
|
||||
<h1>Examples</h1>
|
||||
<p>This page contains examples of all the styled elements available as part of this design. Use this page for reference, whilst you build your website.</p>
|
||||
<h2>Headings</h2>
|
||||
<p>These are the different heading formats:</p>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
<h2>Text</h2>
|
||||
<p>The following examples show how the text (within '<p></p>' tags) will appear:</p>
|
||||
<p><strong>This is an example of bold text</strong></p>
|
||||
<p><i>This is an example of italic text</i></p>
|
||||
<p><a href="#">This is a hyperlink</a></p>
|
||||
<h2>Lists</h2>
|
||||
<p>This is an unordered list:</p>
|
||||
<ul>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
</ul>
|
||||
<p>This is an ordered list:</p>
|
||||
<ol>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
</ol>
|
||||
<h2>Images</h2>
|
||||
<p>images can be placed on the left, in the center or on the right:</p>
|
||||
<span class="left"><img src="style/graphic.png" alt="example graphic" /></span>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum.
|
||||
</p>
|
||||
<span class="center"><img src="style/graphic.png" alt="example graphic" /></span>
|
||||
<span class="right"><img src="style/graphic.png" alt="example graphic" /></span>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur.
|
||||
</p>
|
||||
<h2>Tables</h2>
|
||||
<p>Tables should be used to display data and not used for laying out your website:</p>
|
||||
<table style="width:100%; border-spacing:0;">
|
||||
<tr><th>Item</th><th>Description</th></tr>
|
||||
<tr><td>Item 1</td><td>Description of Item 1</td></tr>
|
||||
<tr><td>Item 2</td><td>Description of Item 2</td></tr>
|
||||
<tr><td>Item 3</td><td>Description of Item 3</td></tr>
|
||||
<tr><td>Item 4</td><td>Description of Item 4</td></tr>
|
||||
</table>
|
||||
<h2>Form Elements</h2>
|
||||
<form action="#" method="post">
|
||||
<div class="form_settings">
|
||||
<p><span>Form field example</span><input type="text" name="name" value="" /></p>
|
||||
<p><span>Textarea example</span><textarea rows="8" cols="50" name="name"></textarea></p>
|
||||
<p><span>Checkbox example</span><input class="checkbox" type="checkbox" name="name" value="" /></p>
|
||||
<p><span>Dropdown list example</span><select id="id" name="name"><option value="1">Example 1</option><option value="2">Example 2</option></select></p>
|
||||
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="name" value="button" /></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>Copyright © simplestyle_7 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">design from HTML5webtemplates.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Executable
+82
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>simplestyle_7</title>
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&v1" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div id="logo">
|
||||
<h1>simplestyle<a href="#">_7</a></h1>
|
||||
<div class="slogan">Cool slogan goes here!</div>
|
||||
</div>
|
||||
<div id="menubar">
|
||||
<ul id="menu">
|
||||
<!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->
|
||||
<li class="current"><a href="index.html">Home</a></li>
|
||||
<li><a href="examples.html">Examples</a></li>
|
||||
<li><a href="page.html">A Page</a></li>
|
||||
<li><a href="another_page.html">Another Page</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div id="sidebar_container">
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<!-- insert your sidebar items here -->
|
||||
<h3>Latest News</h3>
|
||||
<h4>What's the News?</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>Put your latest news item here, or anything else you would like in the sidebar!<br /><a href="#">Read more</a></p>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Newsletter</h3>
|
||||
<p>If you would like to receive our newletter, please enter your email address and click 'Subscribe'.</p>
|
||||
<form method="post" action="#" id="subscribe">
|
||||
<p style="padding: 0 0 9px 0;"><input class="search" type="text" name="email_address" value="your email address" onclick="javascript: document.forms['subscribe'].email_address.value=''" /></p>
|
||||
<p><input class="subscribe" name="subscribe" type="submit" value="Subscribe" /></p>
|
||||
</form>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Latest Blog</h3>
|
||||
<h4>Website Goes Live</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>We have just launched our new website. Take a look around, we'd love to know what you think.....<br /><a href="#">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<!-- insert the page content here -->
|
||||
<h1>Welcome to the simplestyle_7 template</h1>
|
||||
<p>This standards compliant, simple, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to download and use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from HTML5webtemplates.co.uk' link in the footer of the template, but other than that...</p>
|
||||
<p>This template is written entirely in <strong>HTML5</strong> and <strong>CSS</strong>, and can be validated using the links in the footer.</p>
|
||||
<p>You can view more free HTML5 web templates <a href="http://www.html5webtemplates.co.uk">here</a>.</p>
|
||||
<p>This template is a fully functional 5 page website, with an <a href="examples.html">examples</a> page that gives examples of all the styles available with this design.</p>
|
||||
<h2>Browser Compatibility</h2>
|
||||
<p>This template has been tested in the following browsers:</p>
|
||||
<ul>
|
||||
<li>Internet Explorer 8</li>
|
||||
<li>Internet Explorer 7</li>
|
||||
<li>FireFox 3.5</li>
|
||||
<li>Google Chrome 6</li>
|
||||
<li>Safari 4</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>Copyright © simplestyle_7 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">design from HTML5webtemplates.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Executable
+75
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>simplestyle_7</title>
|
||||
<meta name="description" content="website description" />
|
||||
<meta name="keywords" content="website keywords, website keywords" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&v1" />
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
|
||||
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<div id="logo">
|
||||
<h1>simplestyle<a href="#">_7</a></h1>
|
||||
<div class="slogan">Cool slogan goes here!</div>
|
||||
</div>
|
||||
<div id="menubar">
|
||||
<ul id="menu">
|
||||
<!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="examples.html">Examples</a></li>
|
||||
<li class="current"><a href="page.html">A Page</a></li>
|
||||
<li><a href="another_page.html">Another Page</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="site_content">
|
||||
<div id="sidebar_container">
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<!-- insert your sidebar items here -->
|
||||
<h3>Latest News</h3>
|
||||
<h4>What's the News?</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>Put your latest news item here, or anything else you would like in the sidebar!<br /><a href="#">Read more</a></p>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Newsletter</h3>
|
||||
<p>If you would like to receive our newletter, please enter your email address and click 'Subscribe'.</p>
|
||||
<form method="post" action="#" id="subscribe">
|
||||
<p style="padding: 0 0 9px 0;"><input class="search" type="text" name="email_address" value="your email address" onclick="javascript: document.forms['subscribe'].email_address.value=''" /></p>
|
||||
<p><input class="subscribe" name="subscribe" type="submit" value="Subscribe" /></p>
|
||||
</form>
|
||||
</div>
|
||||
<img class="paperclip" src="style/paperclip.png" alt="paperclip" />
|
||||
<div class="sidebar">
|
||||
<h3>Latest Blog</h3>
|
||||
<h4>Website Goes Live</h4>
|
||||
<h5>1st July 2011</h5>
|
||||
<p>We have just launched our new website. Take a look around, we'd love to know what you think.....<br /><a href="#">read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<!-- insert the page content here -->
|
||||
<h1>A Page</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>Copyright © simplestyle_7 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">design from HTML5webtemplates.co.uk</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 989 B |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 158 B |
Executable
+326
@@ -0,0 +1,326 @@
|
||||
html
|
||||
{ height: 100%;}
|
||||
|
||||
*
|
||||
{ margin: 0;
|
||||
padding: 0;}
|
||||
|
||||
body
|
||||
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
|
||||
background: #F7F7F7 url(pattern.png) fixed;
|
||||
color: #555;}
|
||||
|
||||
p
|
||||
{ padding: 0 0 20px 0;
|
||||
line-height: 1.5em;
|
||||
font-size: 107%;}
|
||||
|
||||
img
|
||||
{ border: 0;}
|
||||
|
||||
h1, h2, h3, h4, h5, h6
|
||||
{ font: normal 250% 'Yanone Kaffeesatz', arial, sans-serif;
|
||||
color: #444;
|
||||
margin: 0 0 15px 0;
|
||||
padding: 5px 0 5px 0;}
|
||||
|
||||
h2
|
||||
{ font: normal 170% 'Yanone Kaffeesatz', arial, sans-serif;
|
||||
color: #F14E23;
|
||||
margin: 0;
|
||||
padding: 0 0 8px 0;}
|
||||
|
||||
h3
|
||||
{ font-size: 200%;
|
||||
margin: 0 0 9px 0;
|
||||
color: #444;}
|
||||
|
||||
h4, h5, h6
|
||||
{ margin: 0;
|
||||
padding: 0 0 5px 0;
|
||||
font: normal 100% arial, sans-serif;
|
||||
color: #F14E23;
|
||||
line-height: 1em;}
|
||||
|
||||
h5, h6
|
||||
{ font: italic 95% arial, sans-serif;
|
||||
color: #888;
|
||||
padding-bottom: 15px;}
|
||||
|
||||
h6
|
||||
{ color: #362C20;}
|
||||
|
||||
a, a:hover
|
||||
{ outline: none;
|
||||
text-decoration: none;
|
||||
color: #35BDF5;}
|
||||
|
||||
a:hover
|
||||
{ text-decoration: underline;}
|
||||
|
||||
.left
|
||||
{ float: left;
|
||||
width: auto;
|
||||
margin-right: 10px;}
|
||||
|
||||
.right
|
||||
{ float: right;
|
||||
width: auto;
|
||||
margin-left: 10px;}
|
||||
|
||||
.center
|
||||
{ display: block;
|
||||
text-align: center;
|
||||
margin: 20px auto;}
|
||||
|
||||
ul
|
||||
{ margin: 2px 0 22px 17px;}
|
||||
|
||||
ul li
|
||||
{ list-style-type: circle;
|
||||
margin: 0 0 0 0;
|
||||
padding: 0 0 4px 5px;}
|
||||
|
||||
ol
|
||||
{ margin: 8px 0 22px 20px;}
|
||||
|
||||
ol li
|
||||
{ margin: 0 0 11px 0;}
|
||||
|
||||
#main, #header, #logo, #menubar, #site_content, #footer
|
||||
{ margin-left: auto;
|
||||
margin-right: auto;}
|
||||
|
||||
#main
|
||||
{ width: 950px;
|
||||
margin: 20px auto;}
|
||||
|
||||
#header
|
||||
{ width: 952px;
|
||||
height: 145px;}
|
||||
|
||||
#logo
|
||||
{ width: 950px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
background: transparent;
|
||||
padding: 0 0 0px 10px;}
|
||||
|
||||
#logo h1
|
||||
{ font: normal 350% 'Yanone Kaffeesatz', arial, sans-serif;
|
||||
padding: 5px 0 0 17px;
|
||||
color: #555;
|
||||
float: left;}
|
||||
|
||||
#logo h1 a
|
||||
{ color: #35BDF5;
|
||||
text-decoration: none;}
|
||||
|
||||
#logo h1 a:hover
|
||||
{ color: #555;
|
||||
text-decoration: none;}
|
||||
|
||||
.slogan
|
||||
{ float: right;
|
||||
padding-right: 25px;
|
||||
text-align: right;
|
||||
font: 500% 'tangerine', arial;
|
||||
color: #111;}
|
||||
|
||||
#menubar
|
||||
{ height: 46px;
|
||||
width: 700px;
|
||||
margin: 0px auto -1px auto;
|
||||
float: right;
|
||||
padding: 0px 0 0 0;}
|
||||
|
||||
ul#menu
|
||||
{ float: right;}
|
||||
|
||||
ul#menu li
|
||||
{ float: left;
|
||||
padding: 0 0 0px 0px;
|
||||
list-style: none;
|
||||
margin: 2px 0 0 0;
|
||||
background: transparent;}
|
||||
|
||||
ul#menu li a
|
||||
{ font: normal 170% 'Yanone Kaffeesatz', sans-serif;
|
||||
text-decoration: none;
|
||||
color: #444;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 20px;
|
||||
padding: 7px 23px 15px 23px;
|
||||
text-align: center;}
|
||||
|
||||
ul#menu li.current a
|
||||
{ height: 20px;
|
||||
padding: 6px 22px 15px 22px;}
|
||||
|
||||
ul#menu li.current a
|
||||
{ background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom: 0;
|
||||
color: #F14E23;}
|
||||
|
||||
ul#menu li a:hover
|
||||
{ color: #F14E23;}
|
||||
|
||||
#site_content
|
||||
{ width: 950px;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0 auto;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: 1px solid #E7E7E7;}
|
||||
|
||||
#sidebar_container
|
||||
{ float: right;
|
||||
width: 250px;
|
||||
margin: 25px 0;}
|
||||
|
||||
.sidebar
|
||||
{ float: right;
|
||||
width: 200px;
|
||||
margin: 0 24px 27px 0;
|
||||
background: #FBFBFB;
|
||||
border: 1px solid #eee;
|
||||
padding: 0 15px 15px 15px;}
|
||||
|
||||
.sidebar h3, .content h1
|
||||
{ padding: 10px 15px;
|
||||
margin: 0 1px;}
|
||||
|
||||
.sidebar h1
|
||||
{ padding: 5px 0 0 0;}
|
||||
|
||||
.paperclip
|
||||
{ float: left;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
vertical-align: middle;
|
||||
margin: -27px 0 -60px -30px;}
|
||||
|
||||
#content
|
||||
{ text-align: left;
|
||||
width: 630px;
|
||||
padding: 25px 0 5px 25px;
|
||||
margin: 0;}
|
||||
|
||||
#content ul
|
||||
{ margin: 2px 0 22px 0px;}
|
||||
|
||||
#content ul li
|
||||
{ list-style-type: none;
|
||||
background: url(bullet.png) no-repeat;
|
||||
margin: 0 0 6px 0;
|
||||
padding: 0 0 4px 25px;
|
||||
line-height: 1.5em;}
|
||||
|
||||
#footer
|
||||
{ clear: both;
|
||||
width: 100%;
|
||||
font: normal 150% 'yanone kaffeesatz', arial, sans-serif;
|
||||
height: 85px;
|
||||
padding: 20px 0 5px 0;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
background: transparent;
|
||||
margin-bottom: 20px;}
|
||||
|
||||
#footer p
|
||||
{ padding: 0 0 10px 0;}
|
||||
|
||||
#footer a, #footer a:hover
|
||||
{ color: #555;
|
||||
text-decoration: none;}
|
||||
|
||||
#footer a:hover
|
||||
{ color: #35BDF5;
|
||||
text-decoration: none;}
|
||||
|
||||
.gallery img
|
||||
{ position:absolute;}
|
||||
|
||||
.form_settings
|
||||
{ margin: 5px 0 0 0;}
|
||||
|
||||
.form_settings p
|
||||
{ padding: 0 0 10px 0;}
|
||||
|
||||
.form_settings span
|
||||
{ padding: 5px 0;
|
||||
float: left;
|
||||
width: 170px;
|
||||
text-align: left;}
|
||||
|
||||
.form_settings input, .form_settings textarea
|
||||
{ width: 252px;
|
||||
font: 100% 'trebuchet ms', arial;
|
||||
border: 0;
|
||||
border: 1px solid #eee;
|
||||
padding: 5px 10px;
|
||||
background: #fff;
|
||||
color: #FFF;}
|
||||
|
||||
.form_settings .submit
|
||||
{ border: 0;
|
||||
width: auto;
|
||||
margin: 0 0 0 200px;
|
||||
cursor: pointer;
|
||||
color: #35BDF5;
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px 15px;
|
||||
background: #fff;
|
||||
font: normal 140% 'Yanone Kaffeesatz', sans-serif;}
|
||||
|
||||
.form_settings textarea, .form_settings select
|
||||
{ font: 100% 'trebuchet ms', arial;
|
||||
border: 1px solid #eee;
|
||||
padding: 5px 10px;
|
||||
background: #fff;
|
||||
width: 252px;
|
||||
overflow: auto;}
|
||||
|
||||
.form_settings select
|
||||
{ width: 274px;}
|
||||
|
||||
.form_settings .checkbox
|
||||
{ margin: 4px 0;
|
||||
padding: 0;
|
||||
width: 14px;
|
||||
border: 0;
|
||||
background: none;}
|
||||
|
||||
.search
|
||||
{ color: #666;
|
||||
border: 1px solid #eee;
|
||||
margin: 0;
|
||||
padding: 10px 5px;
|
||||
width: 189px;
|
||||
color: #F14E23;}
|
||||
|
||||
.subscribe
|
||||
{ color: #35BDF5;
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px 10px;
|
||||
background: #fff;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
font: normal 140% 'Yanone Kaffeesatz', sans-serif;}
|
||||
|
||||
table
|
||||
{ margin: 10px 0 30px 0;}
|
||||
|
||||
table tr th, table tr td
|
||||
{ background: #F5F5F5;
|
||||
color: #111;
|
||||
padding: 7px 4px;
|
||||
text-align: left;}
|
||||
|
||||
table tr td
|
||||
{ background: #FBFBFB;
|
||||
color: #111;
|
||||
border-top: 1px solid #FFF;}
|
||||
Reference in New Issue
Block a user