<!DOCTYPE html>
<html lang="en">
<head>
<!-- Header Metatags -->
<!-- Main Stylesheet -->
<!-- Modernizr JS Enables HTML5 Elements -->
</head>
<body>
<div id="main">
<!-- begin header -->
<header>
<div id="logo"</div>
<nav>
<!-- menu -->
</nav>
</header>
<!-- end header -->
<!-- begin content -->
<div id="site_content">
<div id="sidebar_container">
<div class="sidebar"></div>
</div>
<div class="content"></div>
</div>
<!-- end content -->
<!-- begin footer -->
<footer></footer>
<!-- end footer -->
</div>
<p> </p>
<!-- jQuery with plugins -->
<script type="text/javascript">
$(document).ready(function(){
<!-- initialise sooperfish menu -->
$('ul.sf-menu').sooperfish();
});
</script>
</html>
</body>
B) CSS Files and Structure - top
There is one stylesheet used in this theme:
css/style.css
style.css is the main stylesheet and is included in all pages. It contains all the structural stylings for the template.
C) Fonts - top
There are 2 fonts used in this theme. The fonts are Yanone Kaffeesatz and News Cycle. The font files are
fonts/YanoneKaffeesatz-Regular.ttf
fonts/YanoneKaffeesatz-Regular.eot (IE Specific)
fonts/NewsCycle-Regular.ttf
fonts/NewsCycle-Regular.eot (IE Specific)
D) JavaScript - top
This theme imports several Javascript files.
js/modernizr-1.5.min.js
js/jquery.min.js
js/jquery.easing-sooper.js
js/jquery.sooperfish.js
modernizr is a Javascript library that enables HTML5 elements and feature detects.
jQuery is a Javascript library containing lots of commonly used Javascript functions.
Easing sooper is a jQuery plugin for easing transitions, optimised for the Sooperfish drop-down menu.
Sooperfish is a jQuery plugin for the drop-down menu.
E) Sources and Credits - top
I've used the following images, icons or other files as listed.
modernizr (MIT and BSD licenses)
jQuery (MIT and GPL licenses)
jQuery easing sooper (BSD license)
Sooperfish (GPL license)
Project Icons - Designed by Navdeep Raj