Return to Snippet

Revision: 34034
at October 16, 2010 07:14 by withinmedianl


Initial Code
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="description" content="A description about your site" />
	<meta name="keywords" content="keywords, separated, by, comma" />
	<title>Withinmedia.nl</title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/style.css" media="screen" />
	<link rel="stylesheet" href="css/print.css" media="print" />
	<link rel="stylesheet" href="css/mobile.css" media="handheld" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>
    <div id="wrapper">
        <div id="contentwrapper" class="sitewidth">
            <section id="header">
                <header>
                    <h1><a href="#">Mother of all Headers</a></h1>
                    <h2><a href="#">Father of all Headers</a></h2>
                    <h3><a href="#">Darth Vader of all Headers</a></h3>
                    <h4><a href="#">Normal Header</a></h4>
                    <h5><a href="#">Big Boss</a></h5>
                    <h6><a href="#">Rarely seen header</a></h6>
                    
                    <nav>
                        <ul>
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Portfolio</a>
                            	<ul>
                                	<li><a href="#">Flyers</a></li>
                                	<li><a href="#">Websites</a></li>
                                	<li><a href="#">Posters</a></li>
                                	<li><a href="#">Albums</a></li>
                                	<li><a href="#">Animation</a></li>
                                	<li><a href="#">Stationary</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Diensten</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                    </nav>
                </header>
            </section>
            
            <section id="main">
                <article>
                    <hgroup>
                        <a href="#"><h2>Heading Title 2</h2></a>
                    </hgroup>
                    <p>As a web designer, you're often forced to wear many different hats every day. You're the CEO, creative director, office manager, coffee<q>You don't have to have been born an organizational machine</q> fetcher and sometimes even janitor. That's a lot for anyone, and it certainly makes it difficult to find any time for quality creative thinking. Organization in any operation is important, and for our work as web designers it is important, too. The good news? You don't have to have been born an organizational machine. Let's look at what being organized means and a few strategies and tips to help you clean up that messy desk and get your work ducks in a nice neat row.</p>
                </article>
                <aside>
                    Sidebar Filler
                </aside>
            </section>
        </div>
        </div>
        
        <div id="footerwrapper" class="sitewidth">
            <section id="footer">
                <footer>
                    &copy; 
                    <?php ini_set('date.timezone', 'Europe/Amsterdam');
                        $startYear = 2008;
                        $thisYear = date('y'); 
                        if ($startYear == $thisYear)
                        {
                        echo $startYear;
                        }
                        else 
                        {
                        echo "{$startYear} / {$thisYear}";
                        }
                    ?>
                     - Withinmedia.nl
                </footer>
            </section>
        </div>
    </div>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'XX-XXXXXXX-XX']);
		_gaq.push(['_trackPageview']);
	
		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
</body>
</html>

Initial URL

                                

Initial Description
based upon http://www.snipplr.com/view/41900/base-html5-template/

Initial Title
Normal site base

Initial Tags
html5

Initial Language
PHP