HTML
<pre class="line-numbers"><code class="language-markup">
HTML code..
</code></pre>
CSS
<pre class="line-numbers"><code class="language-css">
CSS code..
</code></pre>
Javascript
<pre class="line-numbers"><code class="language-javascript">
Javascript code..
</code></pre>
PHP
<pre class="line-numbers"><code class="language-php">
PHP code..
</code></pre>
HTML Template's Structure
<!-- Body -->
<body class="header-fixed-top">
<!-- Left Sidebar -->
<div id="sidebar-left">
Left Sidebar Content
</div>
<!-- END Left Sidebar -->
<!-- Right Sidebar -->
<div id="sidebar-right">
Right Sidebar Content
</div>
<!-- END Right Sidebar -->
<!-- Page Container -->
<div id="page-container">
<!-- Header -->
<header class="navbar navbar-default navbar-fixed-top">
Header Content
</header>
<!-- END Header -->
<!-- FX Container -->
<div id="fx-container" class="fx-opacity">
<!-- Page Content -->
<div id="page-content" class="block">
Main Content
</div>
<!-- END Page Content -->
<!-- Footer -->
<footer>
Footer Content
</footer>
<!-- END Footer -->
</div>
<!-- END FX Container -->
</div>
<!-- END Page Container -->
</body>
<!-- END Body -->
CSS Stylesheet Structure
/*
=================================================================
(#shortcode) SECTION
=================================================================
*/
/* Sub section 1 */
selector {
}
/* Sub section 2 */
selector {
}
/*
=================================================================
(#shortcode) SECTION
=================================================================
*/
/* Sub section 1 */
selector {
}
/* Sub section 2 */
selector {
}
Javascript Scroll to top function used in the template
/* Scroll to top functionality */
var scrollToTop = function() {
// Get link
var link = $('#to-top');
$(window).scroll(function(){
// If the user scrolled a bit (150 pixels) show the link
if ($(this).scrollTop() > 150) {
link.fadeIn(100);
} else {
link.fadeOut(100);
}
});
// On click get to top
link.click(function(){
$('html, body').animate({ scrollTop: 0 }, 200);
return false;
});
};
PHP Example Code
<?php
// Comment
class Test {
function home() {
// ...
}
}
?>
