HTML Head

If you would like to load new plugin files then add your new plugins css or any css file after <!-- PLUGINS --> tag or before </head>

<!-- META -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<title>Gameforest - Responsive Gaming HTML Theme</title>
	
<!-- FAVICON -->
<link rel="shortcut icon" href="img/favicon.ico">
	
<!-- CORE CSS -->
<link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/helpers.css" rel="stylesheet">
	
<!-- PLUGINS -->
<link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="plugins/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="plugins/animate/animate.min.css" rel="stylesheet">
<link href="plugins/animate/animate.delay.css" rel="stylesheet">
<link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet">

HTML Separators

All of the information within the main content area is nested within a div with an id of "wrapper". The footer's content is within a html5 tag "footer". Here is the structure.

<header>
....
</header>

<div id="wrapper">
....
</div>

<footer>
....
</footer>

Icon Used

Main js files like core.js are located in plugins folder. Minified and not compressed versions of js files are included too in this theme.

html/
├── img
├── plugins
│   ├── boostrap/
│   ├── easypiechart/
│   ├── ekko-lightbox/
│   ├── gmaps/
│   ├── isotope/
│   ├── jquery/
│   ├── masonry/
│   ├── twitter/
│   ├── core.js

Most of the animation in theme is carried out from the customs scripts. There are a few functions worth looking over.

<script>
(function($) {
"use strict";
	var owl = $(".owl-carousel");
			 
	owl.owlCarousel({
		items : 4, //4 items above 1000px browser width
		itemsDesktop : [1000,3], //3 items between 1000px and 0
		itemsTablet: [600,1], //1 items between 600 and 0
		itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
	});
			 
	$(".next").click(function(){
		owl.trigger('owl.next');
		return false;
	})
	$(".prev").click(function(){
		owl.trigger('owl.prev');
		return false;
	})
})(jQuery);
</script>